Matériel Android Design Bouton Styles

? xsorifc28 @ | Original: StackOverFlow

Je suis confus sur les styles de bouton pour la conception du matériel . Je aimerais avoir des boutons soulevées colorés comme dans le lien ci-joint ., Comme l'arrêt " de force " et les boutons "Désinstaller" vu dans la section d'utilisation . Y at-il des styles disponibles ou dois-je les définir ?

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

Je ne pouvais pas trouver les styles par défaut des boutons .

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

Si je essaie de changer la couleur de fond du bouton en ajoutant

    android:background="@color/primary"

tous les styles disparaissent, comme l'animation tactile, ombre, coin arrondi, etc.



Top 5 Respuesta

1Suhail Mehta @

vous pouvez donner à l'aviation à la vue en ajoutant axe z et pouvez avoir l'ombre défaut à elle . cette fonction a été fourni dans L aperçu et sera disponible après de presse . Pour l'instant vous pouvez simplement ajouter une image de la donne ce look pour le bouton fond



2xsorifc28 @

Voici comment je ai obtenu ce que je voulais .

Tout d'abord, faites un bouton (en «____» ) :

styles.xml

L'ondulation et le fond du bouton, comme étirable <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> :

primary_round.xml

Cette ajouté l'effet d'entraînement que je cherchais .

3AlexKorovyansky @

Si je vous comprends bien, vous voulez faire quelque chose comme ceci :  Matériel Android Design Bouton Styles

Dans ce cas, il devrait être juste assez pour utiliser :

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

En plus de https://developer.android.com/training/material/theme.html .

Variante animé est http://youtu.be/LIKmGYug4ng .

4samkya @

Voici un exemple qui vous aidera dans l'application de style de bouton uniforme dans votre application .

Voici un échantillon Thème je ai utilisé avec les styles spécifiques ..

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

Ce est ainsi que je ai défini la forme de touche & amp; effets à l'intérieur res / dossier étirable - v21 ...

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

Coins 2DP sont pour le garder compatible avec Matériau thème.

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

Voici ce que vous devez :

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

Juste obtenir l'idée et vous prêt à aller .

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

Guide d'installation : http://antonioleiva.com/material-design-everywhere/

Source avec l'exemple : https://github.com/antoniolg/MaterialEverywhere

Pour faire Toolbar fonctionne inférieure API 11 utilisation Theme.AppCompat.Light.NoActionBar (au lieu windowActionBar à false )

<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"/>
2. Material Design Library

Voici Matériel Bibliothèque de conception pour les jolis boutons, etc .. Actuellement, il est fortement développé .

Guide, code, par exemple - https://github.com/navasmdc/MaterialDesignLibrary

Guide comment ajouter bibliothèque pour Android Studio 1.0 - http://stackoverflow.com/questions/27364565/how-to-import-material-design-library-to-android-studio

.

Happy coding ;)