圆形进度条Canvas绘图展示
圆形进度条的 UI 展示效果，确实比传统横向进度条更吸睛一些。这份下载进度条 demo就是用来自定义的方式实现了一个圆环样式的下载动画。支持自定义文本，比如你想加个“剩余时间”提示也没问题，视觉上和交互体验都还不错。
项目里应该用的是Canvas绘制，配合onDraw()重写来控制圆环的填充比例。你只要定时获取下载进度，传值刷新一下视图就行，响应也快，逻辑也清晰。
还有一个挺实用的点就是，文字渲染部分用了TextPaint，你可以自由设置字体大小、颜色、对齐方式，在圆心显示下载百分比或者速度啥的，灵活。
移动端开发中，文件下载、更新提示、甚至登录加载都可以用这种形式的进度条，用户看了心里更有底，对 UX 提升蛮有的。
对了，如果你刚好在做 Android 或者 iOS 的下载功能，可以看看这个 demo 的ProgressDownload源码包，自己动手调调样式，改改逻辑，也能迅速上线一个比较有感觉的加载动画。
另外，推荐你顺手看看这几个相关文章，比如ColorArcProgressBar这种彩色渐变效果，或者TCProgressCycleView在 iOS 上的实现，思路都蛮值得借鉴的。
如果你刚好在折腾下载流程，不妨试试这个，改改文字、换个颜色，就能拿来用了。
文件大小：69.04KB
评论区