矢量图形

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

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

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

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

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

限制

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

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