Vektorgrafiken

Relay unterstützt die Übersetzung der Vektorebenen von Figma in Vektor-Drawables von Android.

Diagramm – Vektorebenen in VectorDrawable zu einem Bild

Relay konvertiert die Figma-Vektorebenen in skalierbare Vektorgrafiken (SVG), die dann in Vektor-Drawables konvertiert werden. Ein Vektor-Drawable ist eine Vektorgrafik, die in einer XML-Datei als eine Reihe von Punkten, Linien und Kurven mit zugehörigen Farbinformationen definiert ist. Im generierten Code wird das Vektor-Drawable wie ein Bild-Asset verwendet.

Relay unterstützt derzeit die folgenden Vektorformatattribute:

  • Alle Vektortypen (Rechteck, Linie, Pfeil, Ellipse, Polygon, Stern, generischer Vektor)
  • Vektorfüllung (Volltonfarbe, linearer Farbverlauf, radialer Farbverlauf)
  • Durchgängige Striche
  • Strichfüllung (Volltonfarbe, linearer Farbverlauf, radialer Farbverlauf)
  • Strichbreite
  • Endstil des Strichs
  • Deckkraft

Einschränkungen

Folgende vektorspezifische Attribute werden derzeit nicht unterstützt:

  • Funktionen, die im Android-Format „VectorDrawable“ nicht unterstützt werden:
    • Eingebettete Bitmapbilder (außer Rechtecken, die als Bilder und nicht als Vektoren unterstützt werden)
    • Gestrichelte Striche
    • Unkenntlich machen
    • Shadow
    • Muster
    • Schutzmaske
    • Deckkraft der Gruppe
    • Brennpunkt eines radialen Farbverlaufs
  • Funktionen, die vom SVG-Format nicht unterstützt werden:
    • Eckige Farbverläufe
    • Diamant-Farbverläufe
  • Boolesche Operationen zwischen Vektorobjekten (Union / Subtraktion / schneiden/Ausschließen)
    • Sie können das Problem umgehen, indem Sie einen Vektor kombinieren und ihn vereinfachen.