Android Materiale progettare gli stili Button

? xsorifc28 @ | Original: StackOverFlow

Sono confuso su stili di pulsanti per la progettazione del materiale . Mi piacerebbe avere pulsanti sollevati colorati come nel link allegato ., Come la " fermata forza " tasti "Disinstalla" visto nella sezione di utilizzo . CI SONO stili disponibili o devo definirli ?

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

Non riuscivo a trovare gli stili dei pulsanti di default .

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" />

Se provo a cambiare il colore di sfondo del pulsante aggiungendo

    android:background="@color/primary"

tutti gli stili andare via, come ad esempio l'animazione tocco, ombra, angolo arrotondato, etc.



Top 5 Respuesta

1Suhail Mehta @

si può dare l'aviazione alla vista aggiungendo asse z ad essa e può avere ombra di default ad esso . questa caratteristica è stato fornito in L anteprima e sarà disponibile dopo rilascio . Per ora si può semplicemente aggiungere una immagine dà a questo aspetto per il pulsante di sfondo



2xsorifc28 @

Ecco come ho ottenuto quello che volevo .

In primo luogo, ha fatto un tasto ( 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>

Il ripple e lo sfondo per il pulsante, come disegnabile 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>

Questo ha aggiunto l' effetto a catena che stavo cercando .

3AlexKorovyansky @

Se ho capito bene, si vuole fare qualcosa di simile a questo :  Android Materiale progettare gli stili Button

In tal caso, dovrebbe essere sufficiente utilizzare :

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

Oltre a https://developer.android.com/training/material/theme.html .

Variante animato è http://youtu.be/LIKmGYug4ng .

4samkya @

Ecco un esempio che aiuterà ad applicare in modo coerente stile pulsante in tutta la vostra applicazione .

Ecco un tema di esempio ho usato con gli stili specifici ..

<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>

Ecco come ho definito la forma & amp pulsante ; effetti all'interno res / cartella drawable - V21 ...

<?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>

Angoli 2DP sono di mantenere coerente con il tema del materiale .

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

Ecco quello che vi serve :

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

Basta avere l' idea e pronto per andare .

<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"/>

Guida all'installazione : http://antonioleiva.com/material-design-everywhere/

Fonte di esempio : https://github.com/antoniolg/MaterialEverywhere

Per rendere toolbar inferiore API 11 uso Theme.AppCompat.Light.NoActionBar ( invece windowActionBar impostato su false )

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

Ecco Material Design Library di belle pulsanti, ecc .. Attualmente è fortemente sviluppato .

Guide, codice, ad esempio - https://github.com/navasmdc/MaterialDesignLibrary

Guida come aggiungere biblioteca per Android Studio 1.0 - http://stackoverflow.com/questions/27364565/how-to-import-material-design-library-to-android-studio

.

Happy coding ;)