Swift 多进度线条实现需求：纯Storyboard配置无Outlet

以下是完全通过Storyboard配置实现任意数量进度线条的方案，无需在ViewController中创建任何Outlet：

1. 搭建基础布局容器 #

• 拖入一个UIStackView到视图控制器中，设置为水平方向，Distribution选择Fill Equally——这样所有进度条会自动均分宽度，轻松支持任意数量（n条）的需求。
• 给StackView添加约束（如上下左右边距、固定高度），确保在不同屏幕尺寸下适配。

2. 添加单个进度线条视图 #

• 向StackView中添加n个UIView，每个View对应一条进度线。
• 统一设置这些View的高度（可与StackView高度保持一致），按需调整Corner Radius（如果参考图有圆角样式）。

3. 配置三种状态样式 #

已完成的历史线条（绿色） #

选中对应View，在Attributes Inspector的View部分，直接设置BackgroundColor为目标绿色（比如系统自带的System Green Color或自定义十六进制色值）。

未完成的后续线条（灰色） #

选中对应View，设置BackgroundColor为浅灰色（比如System Gray 2 Color）。

当前进度线条（渐变色） #

选中当前进度的View，通过Storyboard的Layer面板配置渐变：

1. 打开Attributes Inspector，滚动到Layer区域，勾选Gradient选项启用渐变。
2. 设置Start Color和End Color为你需要的渐变色值，调整Start Point和End Point控制渐变方向（比如水平渐变设置起点(0,0.5)、终点(1,0.5)）。
3. 若需要更精细的渐变参数，可通过User Defined Runtime Attributes添加：
   • 添加键路径layer.gradientColors，类型选择Array，再添加两个Color类型的元素，分别设置渐变的起始和结束颜色。

额外适配细节 #

• 调整StackView的Spacing属性，设置线条之间的间隔，匹配参考图的视觉效果。
• 统一所有进度条的Border Width和Border Color（如果有边框需求），保持样式一致性。

内容的提问来源于stack exchange，提问作者Himank Bansal