ios - 如何在 Swift 中制作弧形进度条？

Question

我想创建一个弧形进度条作为音频播放器，但我没有实现确切的视图。

我也试过一些第三方库，但是进度条和我想要的不一样。

这就是我想要的 https://drive.google.com/file/d/1OIrRCgqJHxUzQCAZn3t23dDwjqdvIvkp/view?usp=sharing

但这就是我得到的 https://drive.google.com/file/d/14Lh367bWR1nA7_XIXepZudpnb5hsdOkY/view?usp=sharing

标签： iosobjective-cswift

Answer 1

Autolayout您可以通过以下库的帮助和一些半径修改来实现这一点。

图书馆：https ://github.com/EranBoudjnah/MTCircularSlider

圆形滑块的自动布局设置：

1. 将中心 X 与 Superview 对齐。

2. 与超级视图的比例宽度（乘数 - 1.2）。

3. 与超级视图的比例高度（乘数 - 0.7）。

4. 底部 0 到超级视图。

通过这个，你可以实现你的布局。

现在是限制滑块的第二步，您需要根据设计要求设置滑块的半径。

根据上面的布局半径应该像下面的值。

Track Min Angle: 27

Track Max Angle: 153

通过设置上述角度，您将获得与参考图像相同的滑块。

参考输出：

希望这将有助于实现您的目标。