android制作类似支付圆圈和打钩界面ProgressWheel

首先要说明的是,制作圆圈旋转的效果并不是博主做的,是参照了github上的一个代码,只是在上面添加了修改,对其优化并增加了一个打钩的动画。

先来看下效果,1+的手机获取root权限真是难,没法录屏,只能使用这种截屏生成git的笨办法,其实运行起来还是很流畅的。

android制作类似支付圆圈和打钩界面ProgressWheel_第1张图片

这是代码github的地址:

git clone https://github.com/LxxCaroline/ProgressWheelView.git

这是圆圈旋转代码的github地址:

git clone https://github.com/pnikosis/materialish-progress.git

我对原作者代码的修改是

1.原作者是在onDraw函数中直接调用invalidate,会导致界面平凡刷新,特别是当你打开这个开发者选项中的设置,再回到应用程序的界面,发现他在频繁刷新。老板给我的建议是每次延迟刷新,使用handler.sendMessageDelay(Message, DelayMills),在handler的handleMessage方法中调用invalidate方法,在onDraw函数中发送消息给handler即可,只要在16ms内刷新不掉帧不卡顿就好了。

android制作类似支付圆圈和打钩界面ProgressWheel_第2张图片

2.打钩的动画是我主要的修改,分为两条直线去画。下面是我的设计稿,中间小的方框的边长就是代码中的tickSize,所以每次绘画的时候会先去找圆心,然后以圆心为中心去绘制正方形,分别绘制勾的两条线,先画短的,画完短的再开始画长的。

代码中都有注释,大家自己看吧


你可能感兴趣的:(android)