向量圖形

Relay 支援將 Figma 的向量圖層轉譯為 Android 的向量可繪項目。

圖表 - 向量圖層到向量可繪項目到圖片

Relay 會將 Figma 向量圖層轉換為可擴充向量圖形 (SVG)，接著會將其轉換為向量可繪項目。向量可繪項目是 XML 檔案中定義的向量圖形，由一組點、線、曲線以及相關色彩資訊所組成。在產生的程式碼中，向量可繪項目的使用類似圖片素材資源。

Relay 目前支援下列向量格式屬性：

  • 所有向量類型 (矩形、線條、箭頭、橢圓形、多邊形、星號、一般向量)
  • 向量填滿 (單色、線性漸層、放射漸層)
  • 單色筆劃
  • 筆劃填滿 (單色、線性漸層、放射漸層)
  • 筆劃寬度
  • 筆劃結束樣式
  • 不透明度

限制

目前不支援的向量專屬屬性：

  • Android 的 VectorDrawable 格式不支援的功能：
    • 內嵌點陣圖圖片 (矩形除外，支援做為圖片而非向量)
    • 虛線筆劃
    • 模糊處理
    • 陰影
    • 圖形鎖
    • 口罩
    • 群組不透明度
    • 放射漸層焦點
  • 可擴充向量圖形格式不支援的功能..
    • 角度漸層
    • 菱形漸層
  • 向量物件之間的布林作業 (聯集 / 相減 / 交集/排除)
    • 解決方法是組合並壓平合併成單一向量