这篇文章给大家介绍怎么在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); //绘制圆形免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
软考中级精品资料免费领
历年真题答案解析
备考技巧名师总结
高频考点精准押题
- 资料下载
- 历年真题
193.9 KB下载数265
191.63 KB下载数245
143.91 KB下载数1148
183.71 KB下载数642
644.84 KB下载数2756
