Discussion :

[kranagard]

Bonjour,
je débute en android et je cherche à voir ce que l'on peut faire avec des drawable pour le moment.
Je cherche à faire un bouton stylisé avec du texte qui s'enfonce lors du clic.

j'ai parcouru plusieurs tuto et cherché un peu sur google et j'en suis arrivé à la conclusion (peut être erronée?) qu'il fallait que je passe par un drawable selectif, j'ai donc créé celui-ci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true" >
        <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:top="5dp" android:left="2dp">
                <shape android:shape="rectangle">
                    <corners android:radius="60dip"/>
                    <solid android:color="#BDBDBD"/>
                </shape>
            </item>
            <item android:top="5dp" android:left="2dp">
                <shape android:shape="rectangle"  >
                    <corners android:radius="60dip" />
                    <stroke android:width="1dip" android:color="#505050" />
                    <gradient android:angle="-90" android:startColor="#f36f21" android:endColor="#ff9446" />
                </shape>
            </item>
        </layer-list>
    </item>
    <item >
        <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:top="5dp" android:left="2dp">
                <shape android:shape="rectangle">
                    <corners android:radius="60dip"/>
                    <solid android:color="#BDBDBD"/>
                </shape>
            </item>
            <item android:bottom="5dp" android:right="2dp">
                <shape android:shape="rectangle"  >
                    <corners android:radius="60dip" />
                    <stroke android:width="1dip" android:color="#505050" />
                    <gradient android:angle="-90" android:startColor="#f36f21" android:endColor="#ff9446" />
                </shape>
            </item>
        </layer-list>
    </item>
 
</selector>

un bouton orange sur fond gris décalé l'un de l'autre de 5dp en haut et 2 sur le cotés. lors du clic ils se repositionnent l'un sur l'autre par le bas.
jusque là ça marche, mon bouton correspond à ce que j'avais en tête et je me dis: chouette c'est simple en fait.

sauf que j'ai voulu rajouter un texte dessus... et là pas moyen de trouver comment faire bouger mon texte lors du clic pour le faire suivre mon image...
je suis passé à cotes de quelque chose? j'ai fais fausse route peut être?

[kranagard]

Je vois qu'il existe deux valeurs sur les View qui semblent être utilisée pour celà: elevation et translationZ

j'ai modifié mon drawable pour retirer le selecteur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<?xml version="1.0" encoding="utf-8"?>
 
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
       android:shape="rectangle"  >
            <corners android:radius="60dip" />
            <stroke android:width="1dip" android:color="@color/black" />
            <gradient android:angle="-90" android:startColor="#f36f21" android:endColor="#ff9446" />
</shape>

j'ai donc un bouton avec radient tout simple.
lorsque je l'affiche aucune ombre, normale.
par contre sans rien faire je vois qu'en appuyant dessus il "monte" et créé une ombre... j'imagine que c'est dans le style du projet? j'aimerai faire pile l'inverse pour le coup :/
dans mon ficher style.xml qui est déclaré dans le manifest je n'ai rien pouvant faire cela (en fait il est quasi vide vu que je ne suis jamais allé dedans encore)
j'ai beau essayer de modifier les valeurs elevation et translationZ je ne vois pas vraiment de différence (mon bouton est sur fond blanc)