在我们APP中,经常会用到如下的一张比例图:
这个比例图可以清楚的展示一个项目所占的比例,同时也可以变成一个圆形进度条:
显而易见,这是一个自定义View,那么该如何创建这样一个自定义View呢?我们先来简单的回顾一下自定义View的流程,分三步,onMesure(),onLayout,onDraw()。这个自定义View比较简单,分为三部分:中间的圆,中间显示的文字、外圈的弧线。既然有了这样的思路,我们只要在onDraw()方法中一个一个的去绘制就可以了。
接下来,我们就从代码入手一步一步自定义这个View。
1、我们先来看下需要用到的属性: