如何使用 PaintCode 绘制自定义进度循环
How to draw a Custom Progress Cycle with PaintCode
我是 PaintCode 的初学者,知道如何绘制进度条,但是如何绘制像 below.Thks 这样的图像需要帮助
使用参数我可以控制数字和进度
您可以使用椭圆形的结束或开始角度参数和一个变量(值:0.0-1.0)和两个表达式:angle = (360-value*360) textValue = stringFromNumber(100*value) +" %”。看到这个截图。那么你的绘图方法是: - (void)drawProgressWithValue: (CGFloat)value。
真的很简单。
Making progress arc in PaintCode
— PaintCode 支持
不错的技巧是使用具有较大 Gap(如 1000)的 Pattern Stroke 并将变量附加到 Dash属性。通过这种方式,您可以创建任何贝塞尔曲线形状并将其笔划动画化为进度条。
观看此视频:Animating Apple Watch Activity Rings(大约 3:40)
我是 PaintCode 的初学者,知道如何绘制进度条,但是如何绘制像 below.Thks 这样的图像需要帮助 使用参数我可以控制数字和进度
您可以使用椭圆形的结束或开始角度参数和一个变量(值:0.0-1.0)和两个表达式:angle = (360-value*360) textValue = stringFromNumber(100*value) +" %”。看到这个截图。那么你的绘图方法是: - (void)drawProgressWithValue: (CGFloat)value。 真的很简单。
Making progress arc in PaintCode
— PaintCode 支持
不错的技巧是使用具有较大 Gap(如 1000)的 Pattern Stroke 并将变量附加到 Dash属性。通过这种方式,您可以创建任何贝塞尔曲线形状并将其笔划动画化为进度条。
观看此视频:Animating Apple Watch Activity Rings(大约 3:40)