矢量图形

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

示意图 - 矢量图层到 VectorDrawable 到图片

Relay 会将 Figma 矢量图层转换为可缩放矢量图形 (SVG)，然后再将后者转换为矢量可绘制对象。矢量可绘制对象是一种矢量图形，在 XML 文件中定义为一组点、线条和曲线以及关联的颜色信息。在生成的代码中，矢量可绘制对象用作图片素材资源。

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

  • 所有矢量类型（矩形、线条、箭头、椭圆形、多边形、星标、通用矢量）
  • 矢量填充（纯色、线性渐变、径向渐变）
  • 纯色描边
  • 描边填充（纯色、线性渐变、径向渐变）
  • 描边宽度
  • 描边结尾样式
  • 不透明度

限制

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

  • Android 的 VectorDrawable 格式不支持的功能：
    • 嵌入式位图图像（矩形除外，后者可作为图像而不是矢量）
    • 虚线描边
    • 模糊
    • 阴影
    • 图案
    • 遮罩
    • 组不透明度
    • 径向渐变焦点
  • SVG 格式不支持的功能：
    • 角度渐变
    • 菱形渐变
  • 矢量对象之间的布尔运算（并集/相减/相交/排除）
    • 一种权宜解决方法是组合并扁平化为单个矢量