炫酷的空气净化器控件 AirPurgeLayoutView(1)

最新推荐文章于 2024-11-08 14:58:24 发布

2301_79056696

最新推荐文章于 2024-11-08 14:58:24 发布

阅读量651

点赞数 23

分类专栏：程序员文章标签： java 数据库 mysql

本文链接：https://blog.csdn.net/2301_79056696/article/details/138034745

版权

程序员专栏收录该内容

303 篇文章 0 订阅

订阅专栏

本文已授权微信公众号: 鸿洋 (hongyangAndroid) 原创首发

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

最近把公司智能家具类的应用中的一个负离子净化显示的控件重写了，干脆就封装了一下起个高大上的名字空气净化器控件，感觉比负离子净化牛逼一点，好像最近锤子也发布了一个空气净化器。

再来个动态的(Gif效果好差没办法它限制5M大小了，真实效果：扇叶是减速运动的)，还是看后面吧

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

一共才写了几个篇博客，没经验啊，看了下别人的都写原理什么的，这次就写一下里面相当比较复杂的效果的，其实，，，，没什么复杂的，不知道从何说起捡几个用于的说。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

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

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

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

扇叶对比

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

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

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

但是渐变的怎么绘制呢？上面的方法就不能用了，因为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{
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

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

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