矢量图形

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

Diagram - Vector layers to VectorDrawable to Image

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

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

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

限制

当前不支持的矢量特定属性为:

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