手把手讲解-一个复杂动效的自定义绘制2

1.白色圆圈（带渐变色）的旋转

2. 叉叉逐渐缩小直到消失

3.叉叉消失之后的一个小圆点 上移

4.叉叉消失之后的一个小圆点 下移

5.小圆点消失之后的勾勾的伸长

###开始撸码
####1、从静止的部分开始写:
TIPS: 自定义View的绘制，很大一部分工作量都是在坐标计算上。根据以往的经验，在绘制开始之前，将坐标轴平移到画面中心，一般都可以减轻计算的工作量，所以:

@Override
public void draw(@NonNull Canvas canvas) {
canvas.translate(mWidth / 2, mHeight / 2);//第一件事，先把坐标轴移动到中央，为了绘制方便
…
}

首先平移坐标轴，总是有好处的。

####TIPS：坐标计算的过程，文字很难说的清，请阅读源码，应该能看懂

按照上面的6点要素，一个一个绘制, 确认单步绘制调试没有错误之后，把各个步骤的绘制方法独立出来.

####2、静止的部分完了，那么现在是动态的部分。
TIPS: 我们看到的动画效果，都是利用人肉眼的影像残留特性，通过短时间刷新视图，造成动画的假象。自定义View做动画，可以通过ValueAnimator当作计算器 来改变全局参数，然后把全局参数 加入到 绘制的计算中。
动态的部分，按照步骤来：一共有5部分，如上述。
我把5个步骤定义为5种状态，通过内部类Status来管理。

然后根据状态的不同来执行不同的绘制过程

然后结合 ValueAnimator 对参数的改变，加上invalidateSelf 刷新自身来造成动画效果。

每一个步骤也是要单步调试，确定OK了，再编码下一步动画。

####3、最后一步，利用AnimatorSet将所有的分步 animator 顺序执行

#结语

如果UI小姐姐带着 产品经理 兴致匆匆地来找你，给你看一眼 别人app上的效果，说这个特别炫酷，问你能不能做出来，你依然一脸尴尬地不知所措？NO，NO，NO，UI小姐姐会很失望的。

拿到一个特效:

1. 想办法放慢速度观察其中的细节（你可以：手机录屏，然后慢速播放）

2. 分解 动画过程，设计分步实现思路，先把伪代码列在纸上

3. 一步一步去细化实现过程，开始码代码

4. 每一步完成之后，再连起来跑一次

   如果发现某一个步骤有问题，则回到第3步 ； 
   
   如果发现整体效果有很大差异，则回到 第2步 
   

5. 反复调试几次之后，发现效果和预想的差不多，那么可以就可以优化代码结构，再去考虑性能方面的问题。

网上的自定义控件博文确实很多，但是能够详细讲解，并且提供案例，能够换位思考的作者，实在是太少。所以我写了几篇手把手系列，给自己以后温故而知新，也希望能帮到需要帮助的 小老弟们····

如果有大佬读了源码有问题，欢迎随时指教！
如果你的技术提升遇到瓶颈了，或者缺高级Android进阶视频学习提升自己，这有大量大厂面试题为你面试做准备！
点击Android 学习，面试文档，视频收集大整理获取
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

一线互联网大厂Java核心面试题库

正逢面试跳槽季，给大家整理了大厂问到的一些面试真题，由于文章长度限制，只给大家展示了部分题目，更多Java基础、异常、集合、并发编程、JVM、Spring全家桶、MyBatis、Redis、数据库、中间件MQ、Dubbo、Linux、Tomcat、ZooKeeper、Netty等等已整理上传，感兴趣的朋友可以看看支持一波！
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！**