如何将Figma径向渐变导出为CAGradientLayer？求最优实现方案

1. 更简便实现径向渐变的方式 #

• 直接用Figma生成Swift代码：选中径向渐变元素，右键选「Copy/Paste」→「Copy as Swift Code」，能直接得到对应CAGradientLayer的代码，不用自己瞎猜参数，精准还原效果。
• 用第三方库省事儿：比如GradientMaker这类库，支持直接导入CSS渐变字符串，自动转换成CAGradientLayer的参数，不用手动拆解计算。
• 手动精准映射：如果非要自己写，先拆CSS参数——比如CSS的radial-gradient(circle at 50% 20%, #fff 0%, #000 100%)，对应Swift里CAGradientLayer的type = .radial，圆心位置的百分比转成0-1的浮点数（50%就是0.5，20%就是0.2）赋值给startPoint，colors放对应UIColor数组，locations转成浮点数数组。

2. 30+ViewController用SVG背景是否合适？ #

• 优势：实现超简单，设计师导出的SVG能100%还原渐变效果，不用纠结代码参数；矢量图适配所有屏幕分辨率不会糊；要改背景的话，直接替换SVG文件就行，不用挨个改VC代码。
• 劣势：如果SVG太复杂，大量VC加载可能有轻微性能损耗，但移动端的渐变SVG一般都简单，影响可以忽略；如果需要动态改渐变颜色（比如换主题），代码实现比SVG灵活。
• 结论：如果渐变效果固定、不用动态调整，用SVG是高效方案。可以封装一个自定义UIView或者ViewController基类，统一设置SVG背景，避免重复写代码。

CSS百分比映射到CAGradientLayer的locations数组 #

CSS里的百分比是相对于渐变范围（径向渐变就是从圆心到最远边缘），直接把百分比除以100转成0到1之间的浮点数就行：

• 比如CSS里的0%对应0.0，30%对应0.3，100%对应1.0
• 举例子：CSS渐变radial-gradient(#ff0000 0%, #00ff00 30%, #0000ff 100%)，对应的locations数组就是[0.0, 0.3, 1.0]
• 注意：locations数组的元素数量必须和colors数组一致，而且要按从小到大排序。

内容的提问来源于stack exchange，提问作者Anton Tropashko