Dessinables SVG en vecteurs: La meilleure façon de personnaliser les icônes Android

Posted on

iv je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème avec le fait que je n’ai pas de problème.
Oct 21, 2016 · 2 min de lecture

L’une des façons les plus populaires de gérer les icônes personnalisées dans le projet de développement Android consiste à utiliser des dessinables vectoriels. Ce sont des fichiers XML qui décrivent le chemin dans lequel un dessin peut être rendu au moment de l’exécution dans l’application Android. Pour obtenir le vecteur dessinable, vous pouvez convertir un fichier SVG dans ce format. Récemment, cela a été facilité avec les dernières mises à jour d’Android Studio. Cependant, si vous êtes comme certains d’entre nous qui sont habitués à l’ancien pipeline, vous pouvez convertir des SVG en drawables vectoriels avec cet outil pratique.

L’avantage évident d’utiliser des drawables vectoriels est l’empreinte de taille de votre APK. La différence de taille d’une application avec des vecteurs par rapport aux images est assez significative. Au lieu d’avoir plusieurs images packagées pour chaque résolution DPI prise en charge par l’application, vous disposez d’un seul fichier texte modérément petit avec le chemin de l’image comme contenu.

Lorsque vous utilisez des images normales comme les PNG pour vos icônes, il est simple de déterminer la résolution native en inspectant l’image pour ses dimensions par rapport à son compartiment DPI. C’est encore plus facile avec les dessinables vectoriels, mais il y a deux hauteurs et largeurs déclarées différentes dans le XML. Vous avez viewportWidth et width. La largeur de la fenêtre est en fait la taille que l’actif va dessiner dans cette fenêtre. Lorsqu’il dessine le chemin à l’intérieur, il se limitera à la taille de cette fenêtre. L’autre « largeur » est la largeur réelle que le développeur traiterait comme sa taille DPI native lorsqu’il est gonflé dans une vue.

<vector android:height="24dp" android:viewportHeight="22.0"android:width="24dp" android:viewportWidth="15.0"

Une fois que vous avez votre vecteur dessinable, vous pouvez étendre les variations de son apparence en créant un autre XML pour chaque variation à laquelle vous souhaitez avoir accès dans vos ressources Android. Bien que cela puisse également être fait pour les images raw, il est un peu plus facile de travailler avec lorsque vous souhaitez utiliser un masque de bits ou modifier l’état de couleur d’une icône sans avoir à remplacer une multitude d’actifs.

Luminance est un excellent jeu d’icônes pour ceux qui souhaitent expérimenter avec des icônes. Toutes les icônes sont libres d’utilisation et disponibles au format SVG.

Encore une fois, pour résumer ce pipeline à jouer avec:

  1. Téléchargez Luminance et choisissez une icône que vous souhaitez utiliser au format SVG.
  2. Déposez le SVG dans Android SVG dans VectorDrawable et convertissez-le en un XML vectoriel dessinable Android.
  3. Placez le XML dans votre répertoire res/drawable.
  4. Utilisez dans votre ImageView, ImageButtons, ou n’importe où ailleurs vous voudriez utiliser un actif dessinable!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.