怎么在Android中通过自定义View实现一个环形进度条效果

这篇文章给大家介绍怎么在Android中通过自定义View实现一个环形进度条效果，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

功能分析

虽然功能比较简单，但是仍然需要仔细分析

     1.图标外还有一圈圆圈，可以设置宽度

     2.圆形进度条和进度条底部，可以设置宽度，颜色等

     3.内部有一个圆形图片，可旋转

实现思路分析

1.可以设置宽度的圆圈

这个比较容易，直接在onDraw方法中使用canvas绘制即可，当然，在间距和半径的处理上需要仔细，控件本体其实还是一个长方形，我们需要选取较短的那一边作为直径，同时也要处理内部的padding

2.圆形进度条和进度条底部，可以设置宽度，颜色等

这个可以用canvas的drawArc方法来实现，通过绘制不同长度的弧形来达到显示进度的目的，但是需要注意的是，我们需要计算好弧形的半径以及开始和结束点。

3.内部有一个圆形图片，可旋转

这个需求可以分为三个部分，有图片，圆形，可以旋转

先说有图，很简单，canvas的drawbitmap方法绘制（canvas真是好东西）

再说圆形，这就比较复杂了，但是整体来说依然是使用canvas来对bitmap进行操作，会在代码中细说

最后是可以旋转，我们可以通过canvas的rotate方法来做。

效果展示

说了这么多，那么最后的效果是怎样的呢？毕竟空口无凭，在进入代码展示的环节之前还是看看最后的效果吧。

这是我自己做的一个定时锁屏的项目，地址是这里是地址或者本地下载

这是这个项目运行锁屏的时候的动图（大家都喜欢动图）

代码实现

下面开始展示代码，并加以分析

我们主要的工作是在一个自定义的view中的onDraw方法实现的，所以，我们需要有一个继承View类的子类，我们就叫他MyProgress吧

我们展示的就是这个MyProgress的onDraw方法

1.可以设置宽度的圆圈

很简单，我们只需要调用canvas的drawCircle方法即可,但是需要注意对padding的处理，因为不处理就会无效

super.onDraw(canvas); //需要在函数开始的地方调用父类的onDraw   final int paddingLeft = getPaddingLeft();  final int paddingRight = getPaddingRight();  final int paddingTop = getPaddingTop();  final int paddingBottom = getPaddingBottom(); //获取padding   //get the view's width and height and decide the radiu  int width = getWidth() - paddingLeft - paddingRight;  int height = getHeight() - paddingTop - paddingBottom;  radiu = Math.min(width , height) / 2 - boundWidth - progressWidth; //计算半径，选取长宽中短的那个做处理，boundWidth是圆圈的宽度，progressWidth是进度条的宽度   //setup the paint  paint.setStyle(Paint.Style.STROKE); //设置paint为画轮廓  paint.setStrokeWidth(boundWidth); //设置宽度  paint.setColor(Color.BLACK);  //设置颜色   //draw the inner circle  int centerX = paddingLeft + getWidth()/2;  int centerY = paddingTop + getHeight() / 2; //计算圆的中心点  canvas.drawCircle(centerX,centerY, radiu, paint); //绘制圆形