矢量图形

Relay 支持将 Figma 的矢量图层转换为 Android 的 矢量可绘制对象

Diagram - Vector layers to VectorDrawable to Image

Relay 将 Figma 矢量图层转换为可缩放矢量图形 (SVG),然后将其转换为矢量可绘制对象。矢量可绘制对象是在 XML 文件中定义的矢量图形,包含一组点、线和曲线以及关联的颜色信息。在生成的代码中,矢量可绘制对象的使用方式与图像资产类似。

Relay 目前支持以下矢量格式属性

  • 所有矢量类型(矩形、线、箭头、椭圆、多边形、星形、通用矢量)
  • 矢量填充(纯色、线性渐变、径向渐变)
  • 纯色笔触
  • 笔触填充(纯色、线性渐变、径向渐变)
  • 笔触宽度
  • 笔触结束样式
  • 不透明度

限制

目前不支持的矢量特定属性包括

  • Android 的 VectorDrawable 格式不支持的功能
    • 嵌入的位图图像(除了矩形,这些矩形作为图像而不是矢量来支持)
    • 虚线笔触
    • 模糊
    • 阴影
    • 图案
    • 蒙版
    • 组不透明度
    • 径向渐变焦点
  • SVG 格式不支持的功能
    • 角度渐变
    • 菱形渐变
  • 矢量对象之间的布尔运算(合并/减去/相交/排除)
    • 解决方法是将矢量组合并扁平化成单个矢量