Android仿ViVO X6 极速闪充动画效果
163 浏览量
2021-01-20
09:20:21
上传
评论
收藏 81KB PDF 举报
Android仿仿ViVO X6 极速闪充动画效果极速闪充动画效果
一直都在看自定义View，经过一个星期的坚持，基本上能够写出一些比较实用的控件效果了，今天天气太热，就待在家里玩
手机，然后手机没电了，在充电的时候，看到了手机的充电动画，觉得挺酷，然后自己我就仔细的分析了一下这里的动画内
容，就觉得，这个我也能写出来，所以就有了这篇博客。纯属原创。
先看看效果，因为图片的原因，只能看到静态的。
这个就是效果图了。当然了，这么看好像不怎么样，但是配上了动画，还是挺好看的。
自定义控件的话，其实做的多了，运用的多了，就会觉得自定义View，跟在Photo shop 里面画图一样，我们通过建立图层，
然后再图层里面绘制自己想要的效果。
这里其实也是一样的，运用到了我前面讲的一些知识，比如这篇：
Android自定义View弧线进度控件，原理上大体相当，结合这次的效果，我们看看，这里面是有四个弧形，两个圆，还有一个
类似于时钟刻度的效果。所以知道这些的话，这就比较容易实现了。
首先，新建一个类，取名为VIVOPhone,然后继承自View，重载三个构造函数，然后进入主题。
同样的，我们先看看运用到了哪些变量
// 定义五个画笔
private Paint mSmileRing, mBigRing, mInCrilePaint, mInLine, mTextPaint;
// 控件的高宽
private float mWidth, mHeight;
// 矩形的空间
private RectF mRectF;
// 四个弧线的开始角度
private float startAngle = 270, startAngle2 = 270, startAngle3 = 270,
startAngle4 = 270, sweepAngle = 90;
// 文字
private String text = "70%";
// 文字的大小
private float tvSize = 80;
// 刻度的进度
private float progress;
然后我们开始初始化数据。
private void initView() {
mSmileRing = new Paint();
mSmileRing.setAntiAlias(true);
mSmileRing.setStrokeWidth(5);
mSmileRing.setStyle(Style.STROKE);
mSmileRing.setColor(Color.parseColor("#12ADFF"));
mBigRing = new Paint();
mBigRing.setAntiAlias(true);
资源评论
