炫酷的空气净化器控件 AirPurgeLayoutView

---

1. 实现的功能 (注意以思路为主)

• 1. 改变上中下字体大小，字体信息
• 2. 背景颜色实现渐变切换
• 3. 实现扇叶无缝开启和关闭，从上次结束的位置开始动画
• 4. 实现颗粒物效果
• 5. 无缝改变扇叶的速度
• 6.实现扇叶的渐变显示，更加真实

2. 实现扇叶的渐变 (类似于真实扇叶的卷起来效果)

扇叶对比

1. 简单说下这个的实现，其实实现虚线画圆真心简单两行代码解决。

// kotlin版 java也是一样就是设置一下绘制效果就可以绘制虚线圆
val pathEffect = DashPathEffect(floatArrayOf(mPaint.strokeWidth*0.4f,mPaint.strokeWidth),0f)
mPaint.pathEffect = pathEffect
canvas.drawCircle(dashedRingCx,dashedRingCy,dashedRingRadius,mPaint)

2. 但是 渐变的怎么绘制呢？上面的方法就不能用了，因为Android绘制渐变的我想到的只有LinearGradient，我说的是一个个绘制渐变，先说下我的方法，LinearGradient需要传入好几个参数其中这里比较重要的就是x0,y0,x1,y1，就是你需要从那个点渐变到那个点，直接再上个图标就是求出图中两个就可以绘制一个渐变的小圆环了，然后怎么绘制一个圆弧了。

// kotlin版 java也是一样
//实现渐变扇叶
while (curAngle < 360 - mEachPanAngle) {
val x0 = measuredWidth/2f + (Math.cos((curAngle)Math.PI/180)(dashedRingRadius-dashedRadiusDiff0.5)).toFloat()
val y0 = measuredHeight/2f + (Math.sin((curAngle)Math.PI/180)(dashedRingRadius-dashedRadiusDiff0.5)).toFloat()

val x1 = measuredWidth/2f + (Math.cos((curAngle+mEachPanAngle)Math.PI/180)(dashedRingRadius+dashedRadiusDiff0.5)).toFloat()
val y1 = measuredHeight/2f + (Math.sin((curAngle+mEachPanAngle)Math.PI/180)(dashedRingRadius+dashedRadiusDiff0.5)).toFloat()

val shader = LinearGradient(x0, y0, x1, y1, Color.parseColor(“#22ffffff”), Color.parseColor(“#ffffffff”), Shader.TileMode.CLAMP)
mPaint.shader = shader
canvas?.drawArc(rectF, curAngle, mEachPanAngle, false, mPaint)
curAngle = curAngle + mEachPanAngle + mEachPanAngleGap
}
mPaint.shader = null //记得清除

3. 实现的渐变背景

这个的实现方法就很多了可以直接属性动画一个起始值一个结束值，设置animator.setEvaluator(ArgbEvaluator())，还有一个就是使用Hsv 使颜色渐变更适合人类观感，公式就不写，网上有源码里也有。

4. 实现扇叶无缝开启和关闭

这个动画还是使用属性动画，但注意每次开启和关闭时传入的值，当前值为起始值，结束值为你要到的值,代码其实很简单。

private fun onFanAnim(isOpenFan: Boolean) {
if (mJumpAnimator != null && mJumpAnimator!!.isRunning) {
mJumpAnimator!!.cancel()
}
if (isOpenFan) {
mJumpAnimator = ObjectAnimator.ofFloat(this,“dashedRadiusDiff”,dashedRadiusDiff,mDashedRingWidth)
mJumpAnimator!!.interpolator = DecelerateInterpolator()
mJumpAnimator!!.addListener(object : Animator.AnimatorListener{
override fun onAnimationRepeat(p0: Animator?) {
}
override fun onAnimationEnd(p0: Animator?) {
if (!isCancelJumpAnim) {
mPanListener?.onHasOpen()
onRotateAnim()
}
isCancelJumpAnim = false
}
override fun onAnimationCancel(p0: Animator?) {
isCancelJumpAnim = true
}
override fun onAnimationStart(p0: Animator?) {

}
})
mJumpAnimator!!.duration = 2000
} else {
mJumpAnimator = ObjectAnimator.ofFloat(this,“dashedRadiusDiff”,dashedRadiusDiff,0f)
mJumpAnimator!!.interpolator = AccelerateInterpolator()
mJumpAnimator!!.addListener(object : Animator.AnimatorListener{
override fun onAnimationRepeat(p0: Animator?) {
}
override fun onAnimationEnd(p0: Animator?) {
if (dashedRadiusDiff == 0f) {
mPanListener?.onHasClose()
}
}
override fun onAnimationCancel(p0: Animator?) {

}
override fun onAnimationStart(p0: Animator?) {
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

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

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

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

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

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

最后附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总）

面试成功其实是必然的，因为我做足了充分的准备工作，包括刷题啊，看一些Android核心的知识点，看一些面试的博客吸取大家面试的一些经验，下面这份PDF是我翻阅了差不多1个月左右一些Android大博主的博客从他们那里取其精华去其糟泊所整理出来的一些Android的核心知识点， 全部都是精华中的精华，我能面试到现在资深开发人员跟我整理的这本Android核心知识点有密不可分的关系，在这里本着共赢的心态分享给各位朋友。

这份PDF囊括了JVM，Java集合，Java多线程并发，Java基础，生命周期，微服务， 进程,Parcelable 接口，IPC，屏幕适配,线程异步,ART，架构，Jetpack，NDK开发，计算机网络基础，类加载器，Android 开源库源码分析，设计模式汇总，Gradle 知识点汇总…

由于篇幅有限，就不做过多的介绍，大家请自行脑补

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

由于篇幅有限，就不做过多的介绍，大家请自行脑补

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！