自定义View之圆形进度条

一.先附上图片效果

自定义View之圆形进度条_第1张图片
图-1


自定义View之圆形进度条_第2张图片
图-2


自定义View之圆形进度条_第3张图片
图-3

二.分析

看到上面3个图,会想到需要三部:1.需要画一个圆(蓝色),2.需要显示进度(如56%),3.需要画圆弧,不要圆心(清楚明细看到进度显示)

三.代码实现:

1.新建一个类继承extend View,实现前三个构造方法,并在构造方法进行初始化操作

自定义View之圆形进度条_第4张图片
图-4

2.初始化的具体内容,初始化一些基本属性

自定义View之圆形进度条_第5张图片
图-5

属性资源文件

自定义View之圆形进度条_第6张图片
图-6

3.具体绘制过程onDraw(),分三步:画圆,写文字,画弧形

自定义View之圆形进度条_第7张图片
图-7

4.提供方法供外部调用,在线程里面处理进度

自定义View之圆形进度条_第8张图片
图-8

5.具体使用方法

自定义View之圆形进度条_第9张图片
图-9
自定义View之圆形进度条_第10张图片
图-10

四.总结

上面是一个简单的圆形进度条的实现,这是最基础的自定义view入门,后续更深层次的还没有探索。原始参考链接我忘了,不过挺通俗易懂的。

android中画弧函数canvas.drawArc()之理解:https://www.cnblogs.com/tjudzj/p/4387145.html

你可能感兴趣的:(自定义View之圆形进度条)