Graphiques vectoriels

Relay prend en charge la traduction de calques vectoriels Figma en drawables vectoriels Android.

Diagramme – Calques vectoriels en VectorDrawable, puis en image

Relay convertit les calques vectoriels Figma en Scalable Vector Graphics (SVG), qui sont ensuite convertis en drawables vectoriels. Un drawable vectoriel est un graphique vectoriel défini dans un fichier XML comme un ensemble de points, de lignes et de courbes, avec des informations de couleur associées. Dans le code généré, le drawable vectoriel est utilisé comme un composant image.

Relay prend actuellement en charge les attributs de format vectoriel suivants :

  • Tous les types de vecteurs (rectangle, ligne, flèche, ellipse, polygone, étoile, vecteur générique)
  • Remplissage du vecteur (couleur unie, dégradé linéaire, dégradé radial)
  • Traits solides
  • Remplissage du trait (couleur unie, dégradé linéaire, dégradé radial)
  • Épaisseur du trait
  • Style de trait
  • Opacité

Limites

Les attributs spécifiques des vecteurs qui ne sont pas pris en charge actuellement sont les suivants :

  • Fonctionnalités non compatibles avec le format VectorDrawable d'Android :
    • Images bitmap intégrées (à l'exception des rectangles, qui sont pris en charge comme des images, et non comme des vecteurs)
    • Traits pointillés
    • Floutage
    • Ombre
    • Motif
    • Masque
    • Opacité du groupe
    • Point de fuite du dégradé radial
  • Fonctionnalités non compatibles avec le format SVG :
    • Dégradés angulaires
    • Dégradés en losange
  • Opérations booléennes entre les objets vectoriels (union, soustraction, croisement, exclusion)
    • Une solution consiste à combiner et à aplatir en un seul vecteur.