Android Material Design Taste Styles

? xsorifc28 @ | Original: StackOverFlow

Ich bin verwirrt auf die Schaltfläche Formatvorlagen für Materialdesign . Ich würde gerne bunt angehoben Schaltflächen wie in der beigefügten Link zu bekommen., Wie die " Kraft Stop " und " Deinstallation " Knöpfe unter der Nutzung Schnitt gesehen . Gibt es verfügbaren Arten oder benötige ich, um sie zu definieren ?

http://www.google.com/design/spec/components/buttons.html#buttons-usage

Konnte ich nicht finden die Standard-Schaltfläche Stile.

Example:

 <Button style="@style/PrimaryButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Calculate"
    android:id="@+id/button3"
    android:layout_below="@+id/editText5"
    android:layout_alignEnd="@+id/editText5"
    android:enabled="true" />

Wenn ich versuche, die Hintergrundfarbe der Schaltfläche, indem ändern

    android:background="@color/primary"

alle Arten verschwinden, wie die Touch- Animation, Schatten, abgerundete Ecke usw.



Top 5 Antwort

1Suhail Mehta @

Sie Luftfahrt auf die Ansicht geben, indem z-Achse, um es und kann standardmäßig Schatten zu haben. Diese Funktion wurde in L -Vorschau zur Verfügung gestellt und wird zur Verfügung, nachdem sie freizugeben . Denn jetzt können Sie einfach ein Bild das verleiht diesem Look für Hintergrund -Taste

2xsorifc28 @

Hier ist, wie ich bekam, was ich wollte .

Zuerst machte eine Taste ( in styles.xml ) :

<style name="Button">
    <item name="android:textColor">@color/white</item>
    <item name="android:padding">0dp</item>
    <item name="android:minWidth">88dp</item>
    <item name="android:minHeight">36dp</item>
    <item name="android:layout_margin">3dp</item>
    <item name="android:elevation">1dp</item>
    <item name="android:translationZ">1dp</item>
    <item name="android:background">@drawable/primary_round</item>
</style>

Die Welligkeit und Hintergrund für die Schaltfläche als ziehbar primary_round.xml :

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/primary_600">
  <item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <corners android:radius="1dp" />
        <solid android:color="@color/primary" />
    </shape>
  </item>
</ripple>

Dies hat den Dominoeffekt, die ich suchte .

3AlexKorovyansky @

Wenn ich Sie richtig verstanden habe, so etwas zu tun Sie:  Android Material Design Taste Styles

In diesem Fall sollte es gerade genug, um zu verwenden :

<item name="android:colorButtonNormal">#2196f3</item>

Neben https://developer.android.com/training/material/theme.html .

Animated Variante ist http://youtu.be/LIKmGYug4ng .

4samkya @

Hier ist ein Beispiel, das bei der Anwendung Tastenstil konsequent in Ihre Anwendung helfen.

Hier ist ein Beispiel Thema I mit den spezifischen Arten verwendet ..

<style name="MyTheme" parent="@style/Theme.AppCompat.Light">
   <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="android:buttonStyle">@style/ButtonAppTheme</item>
</style>
<style name="ButtonAppTheme" parent="android:Widget.Material.Button">
<item name="android:background">@drawable/material_button</item>
</style>

Dies ist, wie ich auf die Schaltfläche Form & amp definiert ; Effekte innerhalb res / drawable - v21 Ordner ...

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?attr/colorControlHighlight">
  <item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
      <corners android:radius="2dp" /> 
      <solid android:color="@color/primary" />
    </shape>
  </item>
</ripple>

2dp Ecken, um sie in Einklang mit Werkstoff Thema zu halten.

5Inoy @ Material Design from Android 2.2 (API 8) to present 5.0 (API 21)

Hier, was Sie brauchen :

Toolbar Material Design Library for widgets (buttons, checkboxes, etc) 1. Toolbar

Nehmen Sie einfach die Idee, und schon kann es losgehen .

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimaryDark"/>

Setup-Anleitung : http://antonioleiva.com/material-design-everywhere/

Quelle mit Beispiel: https://github.com/antoniolg/MaterialEverywhere

Um die Symbolleiste arbeiten unteren API 11 Verwendung Theme.AppCompat.Light.NoActionBar (statt windowActionBar auf false gesetzt )

<style name="NoActionBarTheme" parent="Theme.AppCompat.Light.NoActionBar">
     ...
</style>
2. Material Design Library

Hier ist Material Design -Bibliothek für Zierknöpfen, etc .. Derzeit ist es stark entwickelt.

Guide, Code, beispielsweise - https://github.com/navasmdc/MaterialDesignLibrary

Führen Sie, wie Bibliothek, um Android Studio 1.0 hinzuzufügen - http://stackoverflow.com/questions/27364565/how-to-import-material-design-library-to-android-studio

.

Happy coding ;)