Stroke
Stroke Utility 可以连接到多个 Shape 以控制它们的描边颜色。通过这种方式,多个 Shape 可以共享相同的颜色,从而通过单个 Layer 的一次交互即可更新。
一旦 Shape 连接到 Stroke Utility,所有已连接 Shape 的颜色可以从这些 Shape 中的任何一个或通过 Stroke Utility 本身进行更改。
Color - 使用 Hex 或 RGB 值设置 Shape 的颜色(只有 RGB 值可以添加动画)。点击色板可使用 HSV 设置颜色。
如果 Hex 代码包含重复的字符或数字序列,它们将自动补全。例如,输入 AB 然后按 Enter 将生成 #ABABAB。
Shaders - 一个已连接的 Shaders 列表。
Alpha - 整个着色器网络不透明度/透明度的主控制。
Width - 设置描边的宽度。
Cap Style - 设置开放路径上端点(描边的两端)的外观。
- Flat - 在端点处终止的平头端点。
- Round - 以端点为中心点的半球形端点。
- Projecting - 在端点之外延伸一半宽度的平头端点。
请注意,当勾选 Tapered Width 时,不支持 Projecting 端点。在这种情况下,Cap Style 将回退到 Round。
Join Style - 设置连接处的外观。
- Mitre - 尖角。
- Round - 圆角。
- Bevel - 斜角/切角。
Mitre Limit - 设置尖角被绘制为斜角的临界值。
Dash Pattern - 输入由逗号分隔的数字序列(虚线、间隙、虚线、间隙…)。
Dash Offset - 沿路径偏移 Dash Pattern。
Align - 沿路径对齐描边。
- Centre - 沿路径中心对齐描边。
- Inner - 沿路径内侧对齐描边。
- Outer - 沿路径外侧对齐描边。
开放路径仅支持 Centre 对齐。当单个 Path 中存在多个轮廓时,无论 Align 设置如何,任何开放轮廓都将设置为 Centre。
如果 Align 设置为 Inner 或 Outer 并且启用了 Trim,闭合路径 将采用 Flat 的 Cap Style,无论其设置如何。当一个 Shape 中存在多个轮廓时,任何开放路径将遵循 Cap Style 设置。
Trim - 启用后,以下控件可用。
Start - 设置描边沿 Shape 的起始百分比。
End - 设置描边沿 Shape 的结束百分比。
Travel - 围绕 Shape 移动描边。
Reverse Path - 反转描边的方向。
Tapered Width - 勾选后,描边从轮廓的起点到终点逐渐变细。
Start Width - 轮廓第一个点处描边 Width 的倍增系数。
End Width - 轮廓最后一个点处描边 Width 的倍增系数。
Double Taper - 勾选后,渐变的 Width 在由 Taper From 属性确定的轮廓某点处设置为 100%。然后可以将 Start Width 和 End Width 属性设置为 0%,以创建一个从零开始、增加到全宽然后再降到零的渐变效果。
Cap Centres - 偏移 Round 端点的中心。
Taper From - 勾选 Double Taper 后,设置沿轮廓的 Width 为 100% 的位置。
Middle Length - 设置 Taper From 点两侧 Width 为 100% 的描边长度。
- 创建 2 个 Shapes。
- 创建一个 Stroke Utility。
- 在 Scene Window 中选择两个 Shapes。
- 在 Scene Window 中,按住 Option/Alt 并连接 stroke.id→shape.stroke(按住 Option/Alt 将同时与两个选中的 Shapes 建立连接)。
- 调整 Stroke Utility 的 Color。
两个 Shapes 的描边颜色都会更新。