扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家介绍怎么在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); //绘制圆形
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流