SuperAPI AI 工具集

axiom-sf-symbols

设计与创作

查看项目

更新于 10-15 20:11

技能介绍

用途:在实现 SF Symbols 渲染模式、符号效果与动画、自定义符号,或排查符号外观问题时使用。

主要能力:

  1. 渲染模式选择。单色为默认,所有图层同色;层级模式由单一颜色派生不同透明度以产生层次;调色板模式为每层显式指定颜色;多色模式使用 Apple 预定义配色且不可自定义,不支持时会回退为单色。
  2. 符号效果。离散效果(弹跳、摆动、旋转)由值变化触发一次;持续效果(脉冲、可变颜色、缩放、呼吸、旋转)在 isActive 为真时持续运行;过渡效果用于出现/消失;内容过渡用于符号替换,共享结构时自动执行 Magic Replace。
  3. SF Symbols 7 绘制动画(iOS 26+)。drawOn/drawOff 模拟手绘出现与擦除,支持 byLayer、wholeSymbol、individually 播放模式与正反向;Variable Draw 按 0.0–1.0 值部分绘制路径,适合进度指示;渐变渲染由单一源色生成轴向渐变。
  4. 自定义符号。在 SF Symbols 应用中为路径添加起点、终点、拐点、双向点、附着点等引导点以启用绘制动画,每条路径至少两个引导点。

使用方式:在 SwiftUI 中通过 .symbolRenderingMode()、.symbolEffect()、.contentTransition(.symbolEffect(.replace))、.symbolVariableValueMode()、.symbolColorRenderingMode() 等修饰符调用;效果可配合 .repeat()、.speed()、.nonRepeating 等选项。

适用场景:图标配色与层次设计、点击反馈、加载与进行中状态、符号切换、进度指示、自定义图标制作。

限制:部分效果需 iOS 18+,绘制与渐变相关能力需 iOS 26+,需做版本检查;多色模式颜色不可自定义;同一符号的 Variable Color 与 Variable Draw 只能启用一种;效果会自动遵循“减弱动态效果”设置,不应强制播放;符号应补充无障碍标签。完整 API 参考、UIKit 等价写法与平台可用性矩阵见配套参考技能。