Description

Ces fichiers ont été un des points noirs que j'avais rencontré pour créer mon 1er thème. J'ai récemment trouvé un guide très bien construit qui expliqe comment les modifier alors, le voici sur Genmob.  

Les fichiers .9.png sont des fichiers .png classiques mais avec une bordure en plus de 1 pixel tout autour. Cette bordure est transparence (le format png permet la transparence) mais elle contient quelques pixels noirs à 100%. C'est utilisé pour l'étirement des images et le texte. Nous avons sans doute déjà remarqué que parfois, les menus Android changent de forme selon ce qu'ils contiennent. Une pop-up sera petite s'il n'y a pas beaucoup de texte mais peut être très grande s'il y en a beaucoup. C'est à ce niveau que les fichiers .9.png rentrent en jeu.

Dans le SDK Android, on trouve un outil pour aider à la création de ces fichiers .9.png. Il est situé dans le dossier /tools/draw9patch.bat.

draw9patch.bat

Exécutez ce fichier pour ouvrir l'outil où vous devez importer une image. Celui-ci sera utilisé pour convertir un fichier png classique en un .9.png que vous pourrez utiliser avec votre fichier apk décompilé. (Note : pour voir les fichiers .9.png vous devez impérativement décompiler votre apk sinon vous ne les verrez pas et vous aurez obligatoirement des soucis par la suite !).
Draw9patch va ajouter la bordure transparente et vous permettra de placer les pixels noirs tout en voyant les changements en temps réel.

Prenons cette image ci-dessous à titre d'exemple :
Alors, on la déplace dans l'application Draw9patch et on met les pixels noirs (#000000) autour d'elle pour avoir un résultat parfait. Voilà ce qu'on obtient :
Les bordures à droite et en bas sont utilisées pour le texte. Vous devez mettre une ligne noire où vous voulez que le texte soit écrit. Les bordures du haut et de la gauche sont utilisées pour les instructions d'étirement. L'image est étirée où j'ai placé les pixels noirs.



Voyons un autre cas avec cette image :
Cette fois, nous avons un dégradé de couleur. Donc si on étire seulement un pixel, le dégradé sera affreux. Je ne veux pas que les coins soient étirés en fait car le rendu ne sera pas terrible. Voilà comment j'ai procédé du coup :
Comme vous pouvez le voir, le rendu est bien, même après étirement de l'image.


Bon allez, un dernier exemple :
Cette fois, je ne veux pas que le texte en filigrane soit étiré. Je veux aussi qu'il soit centré dans l'image même si l'image change de forme.
En clair, je ne veux pas ceci :
Voilà donc comment il faut placer les points et bordures :
Et voilà, vous savez maintenant comment utiliser les fichiers .9.png. L'outil Draw9patch permet d'ajouter une bordure au fichier .png et de voir le résultat mais vous pouvez également le faire avec n'importe quel programme de retouche d'images comme Photoshop, Gimp, etc...

Autres infos

Source

D'autres infos sur Android Developers

, à tester

 Primo

Nickel,
merci à toi !!

Pas de quoi