Android
Images 9-Patch
Recherche…
Remarques
Un fichier image à 9 patchs est un fichier spécialement formaté pour qu'Android sache quelles zones / parties de l'image peuvent ou ne peuvent pas être mises à l'échelle. Il divise votre image en une grille 3x3. Les coins ne sont pas calibrés, les côtés sont mis à l'échelle dans une direction et le centre est redimensionné dans les deux dimensions.
Une image Nine Patch (9-Patch) est une image bitmap avec une bordure large de pixels autour de l'image. Ignorer les 4 pixels dans les coins de l'image. Cette bordure fournit des métadonnées pour le bitmap lui-même. Les limites sont marquées par des lignes noires pleines.
Une image Nine Patch est stockée avec l'extension .9.png .
La bordure supérieure indique les zones qui s'étendent horizontalement. La bordure gauche indique les zones qui s'étendent verticalement.
La bordure inférieure indique un remplissage horizontal. La bordure droite indique un remplissage vertical.
Les bordures de remplissage sont généralement utilisées pour déterminer où le texte doit être dessiné.
Il existe un excellent outil fourni par Google qui simplifie grandement la création de ces fichiers.
Situé dans le SDK Android: android-sdk\tools\lib\draw9patch.jar
Coins arrondis basiques
La clé pour étirer correctement est dans le bord supérieur et gauche.
La bordure supérieure contrôle l'étirement horizontal et la bordure gauche contrôle l'étirement vertical.
Cet exemple crée des coins arrondis adaptés à un pain grillé.
Les parties de l'image situées sous la bordure supérieure et à droite de la bordure gauche se développent pour remplir tout l'espace inutilisé.
Cet exemple s'étendra à toutes les combinaisons de tailles, comme indiqué ci-dessous:
Spinner de base
Le Spinner peut être réaménagé selon vos propres exigences de style en utilisant un Nine Patch.
A titre d'exemple, voir ce neuf patch:
Comme vous pouvez le voir, il y a 3 zones d'étirement extrêmement petites.
La bordure supérieure ne comporte plus que l’icône marquée. Cela indique que je souhaite que le côté gauche (transparence totale) du dessinable remplisse la vue Spinner jusqu'à ce que l'icône soit atteinte.
La bordure gauche comporte des segments transparents marqués en haut et en bas de l’icône. Cela indique que le haut et le bas vont s'étendre à la taille de la vue Spinner . Cela laissera l'icône elle-même centrée verticalement.
Utilisation de l'image sans métadonnées Nine Patch:
Utilisation de l'image avec les métadonnées Nine Patch:
Lignes de remplissage facultatives
Les images à neuf patch permettent une définition facultative des lignes de remplissage dans l'image. Les lignes de remplissage sont les lignes à droite et en bas.
Si une vue définit l'arrière-plan de l'image à 9 patchs, les lignes de remplissage permettent de définir l'espace pour le contenu de la vue (par exemple, l'entrée de texte dans un EditText ). Si les lignes de remplissage ne sont pas définies, les lignes gauche et supérieure sont utilisées à la place.
La zone de contenu de l'image étirée ressemble alors à ceci:
