Discussion :

[momedalhouma]

bonjour , voila je cherche à mettre des imagebutton dans mon interface graphique.

malheureusement lorsque je met les icones et j'essai de redimensionner mon imagebutton l'icone ne se redimensionne pas avec le buton mais je perds des morceaux de l'icone.

j'ai essayé avec des imageview et des button en mettant des icones ça fonctionne tres bien .

mais pour les imagebutton , y'a une modicfication dans les proprietes que je dois changer??

[Feanorin]

Bonjour,

et j'essai de redimensionner mon imagebutton

Comment tu redimensionnes ce composant ?

[momedalhouma]

bon je donne une valeur par exemple de 25dp pour le android:layout_width (largeur)
et la même chose pour la hauteur.

bon le problème c'est que j'ai une icône de 128 px/128px et elle est un peu grande , de ce fait le imagebutton devient grande, alors je dois redimensionner l'imagebutton , je peux faire autrement de choisir une icône 16px/16px mais là j'aurais un autre problème c'est que l’icône n'est pas trop claire et si j’exécute l'application sur une grande tablette l’icône serait de mauvaise qualité c'est pour ça j'ai mit une icône de 128 px

[nicroman]

C'est surtout pour cela qu'il existe plusieurs résolutions pour les drawables: ldpi, mdpi, hdpi et xhdpi

Google fournit un outil pour convertir une image xhdpi dans les autres résolutions (mais n'importe quel outil style 'paint' est capable de le faire aussi).

128x128 en xhdpi
96x96 en hdpi
64x64 en mdpi
48x48 en ldpi

Sinon, il devrait y avoir un attribut 'scale' dans l'ImageButton pour choisir comment se comporte l'image à l'intérieur.

D'ailleurs au passage, cela fait 64dp et non 25dp....

Une image de taille "25dp" c'est:
19x19 en ldpi
25x25 en mdpi
38x38 en hdpi
50x50 en xhdpi

Et pour éviter les scalings immondes, il vaut mieux fournir la bonne taille directement en drawable.

[momedalhouma]

merci nicroman tu m'a fourni beaucoup d'information et là je me perds.

bon ma situation est que je cherche les icônes sur le site iconfinder et y'a plusieurs résolutions laquelle je dois télécharger pour mes programmes pour que ça soit d'une bonne résolution dans toutes les types de tablettes.

voia j'ai fait un exemple pour vous montrez le probleme:


j'ai mit deux buttonimage avec une résolution de 128 px.

normalement j'ai besoin d'un boutton d'une taille comme le premier , malheureusement ça fonctionne pas.
est ce que y'a une solution ou je dois impérativement changer les dimension comme vous m'avez dit.

[nicroman]

La logique est simple: on ne programme jamais en "pixels" pour pouvoir s'adapter à toutes les résolutions possibles...

Donc... quelle taille doit faire le bouton en DP ?

Ensuite c'est très simple, si le bouton fait WxH dp,
Il faut 4 images:
Une de 2W x 2H pixels à mettre dans "drawable-xhdpi"
Une de 3W/2 x 3H/2 pixels à mettre dans "drawable-hdpi"
Une de WxH pixels à mettre dans "drawable-mdpi"
et enfin
Une de 3W/4 x 3H/4 à mettre dans "drawable-ldpi"

Si on part par exemple d'une image de 160 x 160 pixels, et une bouton de 24dp x 24dp
Ouvrir l'image avec photoshop (ou tout autre outil de dessin), redimensionner le canvas en 48x48 pixels (en utilisant un filtre bicubique), éventuellement passer un coup de "sharpen" dessus, sauver en "toto.png" dans "drawable-xhdpi"
Revenir à l'image d'origine, faire la même chose en 36x36 pixels, sauver en "toto.png" dans "drawable-hdpi"
Revenir à l'image d'origine, faire la même chose en 24x24 pixels, sauver en "toto.png" dans "drawable-mdpi"
Revenir à l'image d'origine, faire la même chose en 18x18 pixels, sauver en "toto.png" dans "drawable-ldpi"

Dans le code, référencer par R.drawable.toto

Google propose des outils pour le faire automatiquement:
http://android-ui-utils.googlecode.c...ist/index.html

Et la recommandation pour une zone "touchable" est de 48x48dp...

[momedalhouma]

un grand merci je vais essayer de faire des exemples.