Question Android Utilisation de la liste des calques pour le sélecteur de bouton


Comment utiliser une liste de calques pour dessiner un bouton? J'ai un bouton:     

<item android:state_pressed="true">
    <shape>
        <gradient android:endColor="@color/white"
            android:startColor="@color/grey_blue_light" android:angle="90" />
        <stroke android:width="1dp" android:color="@color/aqua_blue" />
        <corners android:radius="3dp" />
        <padding android:left="10dp" android:top="10dp"
            android:right="10dp" android:bottom="10dp" />
    </shape>
</item>


<item android:state_focused="true">

</item>
<item>

</item>

Maintenant, j'ai besoin d'une liste de calques à utiliser comme forme lorsque vous appuyez sur l'état du bouton:

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="oval">
        <solid android:color="@color/aqua_blue" />
    </shape>
</item>
<item android:top="1dp" android:left="1dp" android:right="1dp" android:bottom="1dp">
    <shape android:shape="oval">
        <solid android:color="@color/aqua_blue" />
    </shape>
</item>

Comment utilisons-nous cette liste de calques dans le sélecteur de bouton?


43
2017-12-01 10:07


origine


Réponses:


Étape 1 créer trois calques liste différents xml sous le dossier pouvant être dessiné pour trois états différents du bouton. Par exemple, le nom de ces fichiers XML est layer1.xml, layer2.xml, layer3.xml

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

            <gradient
                android:angle="270"
                android:startColor="#0000ff"
                android:endColor="#0000dd"
                android:type="linear"
                />    
        </shape>
    </item>

</layer-list>

Étape 2 créer un sélecteur xml nommé btn_background.xml et transmettre le layer_list xml à l'attribut drawable

<selector
    xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true" android:drawable="@drawable/layer1">

    </item>

    <item android:state_focused="true" android:drawable="@drawable/layer2">

    </item>

    <item android:drawable="@drawable/layer3">        

    </item>
</selector>

étape 3 Définir le sélecteur xml comme arrière-plan du bouton android:background="@drawable/btn_background"


115
2017-12-01 10:30



Il suffit de remplacer le shape tag avec votre layer-list et tout ira bien.


0
2018-01-05 13:18