Comment définir le Style d'un bouton dans Android?

J'ai défini ci-dessous les fichiers dans le dossier res.

styles_apptheme.xml

<?xml version="1.0" encoding="utf-8"?>

<!-- Generated with http://android-holo-colors.com -->
<resources xmlns:android="http://schemas.android.com/apk/res/android">

  <style name="ButtonAppTheme" parent="android:Widget.Holo.Light.Button">
      <item name="android:background">@drawable/apptheme_btn_default_holo_light</item>
  </style> 
</resources>

themes_apptheme.xml

<?xml version="1.0" encoding="utf-8"?>

<!-- Generated with http://android-holo-colors.com -->
<resources xmlns:android="http://schemas.android.com/apk/res/android">

  <style name="AppTheme" parent="@style/_AppTheme"/>

  <style name="_AppTheme" parent="Theme.AppCompat.Light">

    <item name="android:editTextBackground">@drawable/apptheme_edit_text_holo_light</item>

    <item name="android:buttonStyle">@style/ButtonAppTheme</item>

  </style>

</resources>

Dans mon Layout.xml fichier, j'ai défini mon bouton comme ci-dessous

<Button
        android:id="@+id/btnAddTitle"
        android:layout_below="@id/edEnterTitleValue"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/btn_AddTitle"
        android:layout_margin="20dp"
/>

Si j'ai ajouter la ligne ci-dessous pour le bouton voir ci-dessus,

android:background="@style/ButtonAppTheme"

Application se bloque en disant que drawable ressource doit être définie pour l'attribut background.

Alors, j'ai créé ci-dessous drawable fichier - abc.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_window_focused="false" android:state_enabled="true"
        android:drawable="@drawable/apptheme_btn_default_normal_holo_light" />
    <item android:state_window_focused="false" android:state_enabled="false"
        android:drawable="@drawable/apptheme_btn_default_disabled_holo_light" />
    <item android:state_pressed="true"
        android:drawable="@drawable/apptheme_btn_default_pressed_holo_light" />
    <item android:state_focused="true" android:state_enabled="true"
        android:drawable="@drawable/apptheme_btn_default_focused_holo_light" />
    <item android:state_enabled="true"
        android:drawable="@drawable/apptheme_btn_default_normal_holo_light" />
    <item android:state_focused="true"
        android:drawable="@drawable/apptheme_btn_default_disabled_focused_holo_light" />
    <item
         android:drawable="@drawable/apptheme_btn_default_disabled_holo_light" />
</selector>

Si j'ai mis android:background="@drawable/abc" je ne vois pas le style de jeu dans le bouton.

De sorte s'il vous plaît laissez-moi savoir comment je peux définir le style du bouton.

Grâce.

OriginalL'auteur Prem | 2014-09-27

  1. 20

    Il serait assez simple si vous faites de cette façon.

    D'abord créer un button_selector.xml dans le dossier drawable.

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true" >
 <shape android:shape="rectangle"  >
     <corners android:radius="5dp" />
     <stroke android:width="1dip" android:color="@color/green_temp" />
     <gradient android:angle="-90" android:startColor="@color/green_temp" android:endColor="@color/green_temp"  />            
 </shape>
</item>
<item android:state_focused="true">
 <shape android:shape="rectangle"  >
     <corners android:radius="5dp" />
     <stroke android:width="1dip" android:color="#971E05" />
     <solid android:color="#58857e"/>       
 </shape>
</item>  
<item >
<shape android:shape="rectangle"  >
     <corners android:radius="5dp" />
     <stroke android:width="1dip" android:color="@color/bright_green" />
     <gradient android:angle="-90" android:startColor="@color/green_temp" android:endColor="@color/button_green" />            
 </shape>
</item>
</selector>

    Ajouter ces couleurs dans colors.xml des valeurs de dossier.

    <!-- Green -->
<color name="green_temp">#23A96E</color>
<color name="green_dark">#159204</color>
<color name="bright_green">#02D8B0</color>
<color name="button_green">#10a54a</color>

    Enfin dans votre choix de bouton de layout.xml mettre de fond à partir de ci-dessus sélecteur.

    <Button
    android:id="@+id/btnAddTitle"
    android:layout_below="@id/edEnterTitleValue"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/btn_AddTitle"
    android:background="@drawable/button_selector"
    android:layout_margin="20dp"
/>

    Puis sa fait votre bouton sera de style avec la couleur que vous voulez.

    Sympa, mais pourquoi le rembourrage à l'intérieur du bouton disparaît? Il n'y a pas d'espace entre le texte et les côtés.

    OriginalL'auteur Crawler

  2. 8

    Android Button Maker est un outil en ligne pour générer des boutons de code pour les Applications Android. L'API Android fournir Drawable Ressources en XML défini dans le fichier de formes géométriques, y compris les couleurs, les frontières et les dégradés.
    Ces bouton générer basées sur la forme drawable code XML qui se chargent plus rapidement comparer à la normale png boutons. Vous pouvez personnaliser les propriétés du bouton dans le panneau de réglage et d'obtenir le code source.

    Vérifier ce lien Bouton Maker

    Pas besoin de crack cerveaux...cet outil simple

    OriginalL'auteur Harsha Vardhan

  3. 4

    Essayer cela comme une alternative. créer un drawable dossier sous res puis de créer des fichiers xml et copypaste code ci-dessous et essayez d'abord, puis vous le personnaliser selon vos besoins.

    button_bg.xml

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle">

<solid android:color="#00acc1"/>
<stroke android:width="2dp" android:color="#ffffff"/>
<corners android:radius="2dp"/> </shape>

    button_bg_pressed.xml

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle">

<solid android:color="#006064"/>
<stroke android:width="1dp" android:color="#ffffff"/>
<corners android:radius="2dp"/> </shape>

    button_selector.xml

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:state_focused="true" android:state_pressed="true" 
        android:drawable="@drawable/button_bg_pressed" /> 
<item android:state_focused="false" android:state_pressed="true" 
        android:drawable="@drawable/button_bg_pressed" /> 
<item android:drawable="@drawable/button_bg" /> </selector>

    Et maintenant dans votre bouton xml définir l'arrière-plan comme button_selector.xml

    <Button
    android:id="@+id/btnAddTitle"
    android:layout_below="@id/edEnterTitleValue"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/btn_AddTitle"
    android:background="@drawable/button_selector"
    android:layout_margin="20dp"/>

    Cela va faire le travail pour vous. Vous pouvez personnaliser l'ensemble de votre style de bouton.

    OriginalL'auteur Kavin Prabhu

  4. 4

    remplacer 

    android:background="@style/ButtonAppTheme"

    avec

    style="@style/ButtonAppTheme"

    et tout est ok!

    J'ai remarqué android est allé en arrière et en avant sur ce qui est la norme ici. Récemment android:style travaillé avec appcompat v23.0.0, mais 23,1 il ne fonctionne plus... :/

    OriginalL'auteur behnamizadi

  5. 2

    Si vous voulez avoir de l'animation par défaut du bouton par la conception de matériaux et de changement de couleur d'un bouton, essayez ceci.

    <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="@dimen/padding_12"
    android:text="button text here"
    android:theme="@style/NavyBtn" />

    dans style.xml

    <style name="NavyBtn" parent="Theme.AppCompat.Light">
    <item name="colorButtonNormal">#020e39</item>
    <item name="android:textColor">#FFFFFF</item>
</style>

    OriginalL'auteur Ting