Bouton contenant une image et un texte

Version imprimable

24/08/2011, 12h32
ridecat

Bouton contenant une image et un texte
Bonjour,

J'aimerais créer un bouton qui contient deux choses : une image et un texte en-dessous de l'image. Pour cela, j'ai ceci dans mon xml :
Code:

1 2 3 <Button style="@style/ButtonStyle" android:text="Texte du bouton" android:drawableTop="@drawable/monImage" />
Le problème c'est que j'aimerais pouvoir diminuer la taille de l'image "monImage", et cela évidemment sans couper cette dernière. Je sais qu'on peut diminuer la taille d'une image en utilisant une ImageView, mais comment combiner cette ImageView avec mon code ?

Voilà, ça serait vraiment sympa de m'aider si quelqu'un a une idée pour une solution, car je galère depuis un bon moment... D'avance merci !
24/08/2011, 12h45
tabbabi

tu peux utiliser button image
http://developer.android.com/referen...ageButton.html
24/08/2011, 12h51
ridecat

J'ai déjà essayé. Lorsque je redimensionne l'ImageButton, c'est la taille du bouton et non de l'image qui est modifiée, et donc je me retrouve avec un bouton certes de plus petite taille, mais qui ne contient que le milieu de mon image (les bords ont été coupés).

Merci quand même d'avoir répondu.

Une autre solution ?

Salut,

Moi j'ai fais un Layout dans lequel j'ai mon image et mon texte :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<LinearLayout 
            android:id="@+id/linearLayout5" 
            android:layout_height="wrap_content"
            android:orientation="vertical" 
            android:layout_width="wrap_content"
            android:padding="30px" >
 
           		 <ImageView 
                android:id="@+id/Img4" 
                android:layout_height="wrap_content" 
                android:layout_gravity="center" 
                android:layout_width="wrap_content" 
                android:src="@drawable/favoris"/>
 
           		 <TextView 
           		 android:id="@+id/textView4" 
           		 android:layout_height="wrap_content" 
           		 android:layout_width="wrap_content" 
           		 android:text="@string/favoris" 
           		 android:textAppearance="?android:attr/textAppearanceMedium" android:layout_gravity="center"/>
 
            </LinearLayout>

Ensuite je mets un listener sur mon Layout et c'est top !

24/08/2011, 13h17
tlili_info

bien sur lorsque tu redimensionne la taille celle de button qui va changer puis dans le code xml de button. je ne vois pas pourquoi tu veut faire une image puis text au dessus. voilà quelques propositions que peut etre vont t'aider
1- il y a des caractéristiques des manipulations des images ( à gauche droit ) idem pour text
2- tu peux redemensionner l'image elle meme par autre outil comme photoshop ou autre puis tu le remet dans le ressouce de ton projet ..
3- tu peux faire une image qui est la combinaison entre ton image et le text au dessus et te le met en background directement
amusez vous :ccool:
25/08/2011, 10h51
ridecat

Merci pour vos réponses !

J'ai utilisé la solution de jeanjean6 pour finir, et j'ai le rendu escompté ;-)

Reste à associer le listener...

Encore merci, à+ ;-)