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小姐姐会很失望的。拿到一个特效:
想办法放慢速度观察其中的细节(你可以:手机录屏,然后慢速播放)
分解 动画过程,设计分步实现思路,先把伪代码列在纸上
一步一步去细化实现过程,开始码代码
每一步完成之后,再连起来跑一次
如果发现某一个步骤有问题,则回到第3步 ; 如果发现整体效果有很大差异,则回到 第2步
反复调试几次之后,发现效果和预想的差不多,那么可以就可以优化代码结构,再去考虑性能方面的问题。
网上的自定义控件博文确实很多,但是能够详细讲解,并且提供案例,能够换位思考的作者,实在是太少。所以我写了几篇手把手系列,给自己以后温故而知新,也希望能帮到需要帮助的 小老弟们····
如果有大佬读了源码有问题,欢迎随时指教!
如果你的技术提升遇到瓶颈了,或者缺高级Android进阶视频学习提升自己,这有大量大厂面试题为你面试做准备!
点击Android 学习,面试文档,视频收集大整理获取
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)
![img](https://i-blog.csdnimg.cn/blog_migrate/f24477203160895b1d707fdbdbbbe957.jpeg)
一线互联网大厂Java核心面试题库
正逢面试跳槽季,给大家整理了大厂问到的一些面试真题,由于文章长度限制,只给大家展示了部分题目,更多Java基础、异常、集合、并发编程、JVM、Spring全家桶、MyBatis、Redis、数据库、中间件MQ、Dubbo、Linux、Tomcat、ZooKeeper、Netty等等已整理上传,感兴趣的朋友可以看看支持一波!
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!**