devstory

Utilisation des Image assets et des Icon assets d'Android Studio

  1. Vector Asset
  2. Convertir SVG, PSD en VectorDrawable

1. Vector Asset

Android Studio est un outil de développement Android, il contient un atout (asset) important d'image et des images (icon). Heureusement, vous pouvez les utiliser dans votre application.
Pour importer une icône (icon) dans votre projet, procédez comme suit:
Sur Android Studio, cliquez avec le bouton droit sur le dossier "drawable" du projet et sélectionnez:
  • New >> Vector Asset
  • Sélectionnez "Asset Type: Clip Art"
  • Et cliquez sur le bouton "Clip Art" pour sélectionner l'icône (icon) que vous souhaitez.
Vous pouvez changer la couleur de Icon:
Nommez icon
Maintenant, un fichier XML est créé dans le répertoire drawable, c'est un VectorDrawable.
my_icon1.xml
<vector android:height="24dp" android:tint="#519C9A"
    android:viewportHeight="24.0" android:viewportWidth="24.0"
    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FF000000" android:pathData="M1,21h4L5,9L1,9v12zM23,10c0,-1.1 -0.9,-2 -2,-2h-6.31l0.95,-4.57 0.03,-0.32c0,-0.41 -0.17,-0.79 -0.44,-1.06L14.17,1 7.59,7.59C7.22,7.95 7,8.45 7,9v10c0,1.1 0.9,2 2,2h9c0.83,0 1.54,-0.5 1.84,-1.22l3.02,-7.05c0.09,-0.23 0.14,-0.47 0.14,-0.73v-1.91l-0.01,-0.01L23,10z"/>
</vector>
VectorDrawable est un graphique vector (vector graphic) défini dans un fichier XML, contenant des informations sur les points, les lignes (line) et les courbes (curve) ainsi que des informations sur les couleurs interconnectées.
Le principal avantage de l'utilisation de vector dessinables est l'évolutivité (scalability) des images. Il peut être mis à l'échelle (scaled) sans perdre la qualité d'affichage, ce qui signifie que le même fichier est redimensionné pour différentes densités d'écran sans sacrifier la qualité de l'image. Cela se traduit par des fichiers APK plus petits et moins de maintenance pour les développeurs. Vous pouvez également utiliser des images vector pour l'animation en utilisant plusieurs fichiers XML au lieu de plusieurs images pour chaque résolution d'écran.

2. Convertir SVG, PSD en VectorDrawable

Android Studio peut également convertir des fichiers SVG et PSD au format VectorDrawable.
Sur Android Studio, sélectionnez:
  • File >> New >> Vector Asset
  • Sélectionnez "Asset Type : Local file (SVG, PSD)".Sélectionnez "Asset Type : Local file (SVG, PSD)".
  • Sélectionnez un fichier SVG ou PSD sur votre ordinateur.
Android Studio permet de convertir les fichiers SVG (ou PSD) au format VectorDrawble.

Tutoriels de programmation Android

Show More