2015-11-10 17 views
15

Angeblich soll im Material Thema, gibt es zwei Arten von Tasten: angehoben und flach:Android erstellen „flat-Taste“

Raised and Flat

Wenn ich ein <Button> schaffen, es sieht aus wie die „angehoben " Taste. Wie, mit Markup, kann ich den "flachen Knopf" machen. Gibt es einen Stil oder ein Attribut, um es zu tun? Ich habe dieses Bild im Theme Editor gefunden.

Antwort

30

Sie können die style="?android:attr/borderlessButtonStyle auf Button wie folgt verwenden:

<Button 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="TextGoesHere" 
style="?android:attr/borderlessButtonStyle" 
/> 

BorderlessButtonStyle

Stil für Tasten ohne explizite Grenze, oft in Gruppen verwendet.

Sie können auch verwenden, um die Flat Buttons

+2

Dank. Ich wünschte, Google würde dieses Material leichter finden. Es sind immer noch zu viele Holo-Themen übrig. –

+0

Oh, und reagieren diese immer noch mit einem Material "Welligkeit" wenn gedrückt? –

+0

Was meinst du? –

3

Abhängigkeit In den build.gradle

dependencies { 
    compile 'com.android.support:appcompat-v7:25.0.0' 
} 

dann in Ihrem Layout XML-Datei, ein Stil-Attribut auf die Schaltfläche Hinzufügen

<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Button" 
    style="@style/Widget.AppCompat.Button.Borderless"/> 

Sie können Ändern Sie die Farbe, wenn die Taste gedrückt wird, indem Sie einen benutzerdefinierten Stil definieren

<style name="FlatButtonStyle" parent="Theme.AppCompat.Dark"> 
    <item name="colorControlHighlight">@color/transparent</item> 
</style> 

und Anwendung dieser Art in Layout XML

android:theme="@style/FlatButtonStyle"