DonutView多彩双环进度组件
多彩圆环的内外双环结构,用起来还挺有意思的,适合做点什么进度展示、指标可视化那类场景。它是基于DonutView
,支持颜色和文字都自定义,字体大小也能调,蛮灵活的。画图那块用的是Core Graphics,老熟人了,配合UIBezierPath
搞定内外两个弧形,用addArc()
这些方法基本就够了。
颜色设置这块也比较顺手,用UIColor
搞定,内环、外环、文字都能分开配色,想搞点撞色设计也没问题。字体用UIFont
,配上draw(in:withAttributes:)
,文字位置和样式就能比较自由控制了。如果你后面还能改样式,那直接加几个属性比如ringWidth
、ringColors
、fontSize
这种会更实用。
代码结构也清爽,draw(_ rect: CGRect)
是主战场,只要不写太复杂的逻辑,响应也快,性能没什么压力。你还可以在一个叫DonutDemo
的小 demo 里看下实际效果,能看到怎么实例化、怎么加到页面上、怎么配参数,省得你自己摸索。
如果你有自定义 UI 的需求,又刚好需要一个视觉上比较吸睛的组件,那这个DonutView还蛮值得试试的。尤其是数据可视化场景,或者你想在 App 里搞点动态进度的效果,用它比传统的UIProgressView
漂亮多了。
哦对了,如果你对自定义视图还有兴趣,可以看看这些相关文章:
DonutDemo.zip
预估大小:57个文件
DonutDemo
文件夹
.git
文件夹
info
文件夹
exclude
40B
objects
文件夹
pack
文件夹
69
文件夹
05cc67bbf738499f2accb4b56f5f1ddc8ce444
506B
79
文件夹
e11c7a5e46dedbfe50f77ecccbecce28dc4c13
135B
...
58.5KB
文件大小:
评论区