如何在Swift中制作Arc Progress Bar？

Question

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

我也尝试了一些第三方库，但是进度栏与我想要的不同。

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

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

Answer 1

首先，它不是您想要的180度，如图所示。因此，首先您可能要尝试给它更大的半径，然后将其稍微向下移动，并相应地设置最小/最大角度。但是，我建议您实现自己的控件，因为您将不依赖任何库，而且也不难。例如，您可以在{{3}}上尝试使用本教程。

Answer 2

您可以借助自动布局以及使用以下库进行一些半径修改来实现此目的。

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

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

1. 将Center X与Superview对齐。

1. 要查看的比例宽度（乘数-1.2）。

1. 要查看的比例高度（乘数-0.7）。

1. 从底部0开始观看

通过这种方式，您可以实现布局。

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

按照上方的布局半径应小于下方的值。

Track Min Angle : 27

Track Max Angle : 153

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

参考输出：

希望这将帮助您实现目标。