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

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

6.纵横的辅助线(也可以不画)

动态的部分有：

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进阶学习视频】、【全套Android面试秘籍】、【Android知识点PDF】。如有需要获取资料文档的朋友，可以点击我的GitHub免费获取！

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

尾声

最后，我再重复一次，如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。

Android进阶学习资料库

一共十个专题，包括了Android进阶所有学习资料，Android进阶视频，Flutter，java基础，kotlin，NDK模块，计算机网络，数据结构与算法，微信小程序，面试题解析，framework源码！

视频，Flutter，java基础，kotlin，NDK模块，计算机网络，数据结构与算法，微信小程序，面试题解析，framework源码！
[外链图片转存中…(img-X7V0T7G9-1712003977138)]

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录