Android自定义控件实现带数值和动画的圆形进度条-创新互联

本文实例实现一个如下图所示的Android自定义控件，可以直观地展示某个球队在某个赛季的积分数和胜场、负场、平局数

首先对画布进行区域划分，整个控件分上下两部分

上边是个大的圆环，圆环中间两行文字，没什么难度，选好圆心坐标和半径后直接绘制即可，绘制文字也是如此。

下部分是三个小的圆弧进度条，弧的末端绘制一个小的实心圆

首先选好坐标和半径，然后先绘制三个圆环作为弧形进度条的背景

之后从12点钟开始绘制进度弧，知道了圆环的圆心和半径，也知道了弧对应于12点钟和圆环圆心的偏移角度

通过三角函数可以计算出进度弧终点坐标，以进度弧终点坐标为圆心绘制一个小的实心圆即可

动画效果通过Handler的postDelayed方法触发重绘即可实现

在项目中的效果如图所示：

测试代码如下：

final Random random=new Random();
final ScoreBoardView myView=(ScoreBoardView)findViewById(R.id.custom_view);
myView.setOnClickListener(new View.OnClickListener(){
 @Override
 public void onClick(View v){
  myView.setColor(Color.BLUE);
  myView.setScore(random.nextInt(28));
  myView.setWinDrawLose(random.nextInt(12),random.nextInt(15),random.nextInt(26));
 }
});