炫酷的空气净化器控件 AirPurgeLayoutView，2024阿里手淘Android面试题目

最新推荐文章于 2024-10-01 21:22:21 发布

m0_57077948

最新推荐文章于 2024-10-01 21:22:21 发布

阅读量948

点赞数 14

分类专栏： 2024年程序员学习文章标签： android 面试职场和发展

本文链接：https://blog.csdn.net/m0_57077948/article/details/136945495

版权

2024年程序员学习专栏收录该内容

305 篇文章 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 //记得清除