一、构思
做这个粒子动画库的构思来自于 MIUI 卸载应用时的动画:
这个爆破的粒子作用看起来很帅炫,而且粒子色彩是从 icon 中拿到的。
最初步我简略完毕了相似爆破的作用,后来想到能够直接扩动画大放映展一下,写一个开源软件通用的粒子动动画图片头像画库。
二、运用
项目地址:github.com/gradle是什么ultimateHan…
P动画头像article 是一个运用 kotlin 编写的粒子动画库,能够gradle菜鸟教程用几行代码轻松搞定一个粒子动画。一同也gradle菜鸟教程支github官网撑高度自界说的粒子动画轨道,能够打造出非常炫酷的自界说动画。这个项目发布了 0.1 版别在 JitPack 上,按如下操作引进:开源
在变量名根目录的 build.gradle
中的 all开源矿工projects
中增加(留意不是 buildScript
):
allprojec开源众包ts {
repositories {
...
maven { url 'https动画片熊出没://jitpack.io' }
}
}
然后在你的项目github镜像中引进依赖即可。
implementation 'com.github.ultimateHandsomeBoy666:Particle:0.1'
在引进了 Particle 之后,只需求下面几行简略的代码,就能够完毕上面的粒子爆破作用:
Particles.with(context, contai开源矿工ner) // contain动画片汪汪队er 是粒子动画的宿主父 ViewGrogradle打包up
.colorFromView(butt开源on)// 从 button 中采样色彩
.particleNum(200)// 总共 200 个粒子
.anchor(button)// 把 button 作为动画的锚点
.shape(Shape.CIRCLE)// 粒子形状github是干什么的是圆形
.radiusgithub官网(2, 6)// 粒子随机半径 2~6
.anim(gradle下载ParticleAnimation.EXPLOSION)// 运用爆破动画
.start()
三、粒子形状
粒子的形状支撑圆形、三角形、矩形、五变量是什么意思角星以及矢量图形及位图,而且支撑多种图形粒子混合。
下面具体阐明开源节流。
Shape.CIRCLE
和 Shape.HOLLOWCIRCLE
-
圆形和空心圆
-
运用
radi变量与函数us
定变量名义圆的大小。空心圆运用strokeWidth
界说粗细。
Sha变量值pe.TRIANG开源软件LE
和 Shape.HOLLOW变量与函数TRIANGLE
-
实心三角形和空心三角形
-
运用
width
和height
界说三角形的大小。空心三角形运用strokeWidth
界说粗细。
Shape.REgradle打包CTANGLE
和 Shape.HOLLOWRECTANGLE
-
实心矩形和空github敞开私库心矩形。
-
运用
width开源
和height
界说矩形的大小。空心矩形运用strokeWidth
界说粗细。
Shape.PENTACLE变量名
和 Shape.HOLLOWPENTACLE
-
实心五角星和空心五角星
-
运用
radius
界说五角星外gradle装置装备接圆的大小。空心五角星运用strokeWidth
界说粗细。
Shape.BITMAP
-
支撑位图。
-
支撑矢量图,只需求把矢量图 xml 的资源 id 传入即可。
-
图片粒子不受 color 设置的影响。
除了上述单种图形以外,还支撑多种图形的混合粒子,如下:
四、粒子动画动画片熊出没
动画操控
粒子的动画运用 ValueAnimat动画大放映or
来操控,能够自行界说 anima变量泵tor 来操控动画的行为gradle菜鸟教程,包括动画时长、Integradle翻译rpolater、重复、初步完毕的监听等等。
粒子特效
现在仅支撑粒子在运动过程中的旋转,如下。后续会增加更多作用
粒子轨道
粒子github中文社区轨道的操控运github下载用 IPathGenerator
接口的派生类来完毕。库中自带四种轨道动画,别离是:
-
ParticleAnimation.EXPLOSION
爆破作用 -
ParticleAnimation.RISE
粒子上升 -
ParticleAnimation.FALL
粒子下降 -
ParticleAnimation.FIREWORK
焰火作用
假定想要自界说粒子运动轨道的话,能够承继 IPathGengradle下载erator
接口,复写生成粒子坐标的办法:
private fun createPathGenerator(github敞开私库): IPathGenerator {
// LinearPagradle下载thGenerator 库中自带
return object : LinearPathGenerato开源是什么意思r() {
val co变量名s = Random.nextDo动画专业uble(-1.0, 1.0)
val sin = Random.nextDouble(-1.0, 1.0)
o动画头像verride fun getCurrentCoord(progress: Float, duration: Long): Pair<Int, Int> {
// 在这里写你想要的粒子轨道
val or变量iginalX = dis变量类型有哪些tance * progres变量值s
val originalY = 100 * sin(originalX / 50)
val x = originalX * cos - originalY * sin
val y = originalX * sin + originalY * cos
return Pair((0.01 * x * originalY).toInt(), (0.008 * y * originalX).toInt())
}
}
}
然后把这个回来 IPathGenerator
的办法经过高阶函数的形式传入即可:
particleManager!!.colorFrom开源是什么意思View(button)
.particleNum(300)
.anchor(it)
.shape(Shape.CIRCLE, Shape.BITMAP)
.radius(8, 12)
.strokeWidth(10f)
.size(20, 20)
.rotation(Rotation(600))
.bitmap(R.drawable.ic_thumbs_up)
.anim(ParticleAnimation.动画片熊出没with({
// 操控动画的animator
createAnimator()
}, {
// 粒子运动的轨道
createPathG动画专业enerator()开源是什么意思
})).start()
上述代码中的 Particl变量值eAnimation.with
办法接受两个高阶函数别离生成动画操控和粒子轨道。
fun with(animator: () -> ValueAnimator = DEFAULT_ANIMATOR_LAMBDA,
generator: () -> IPathGenerator): PaGitHubrticleAnimation {
return ParticleAnimation(gengradle项目erator, animato变量r)
}
终于,经过上面的折腾,能够得到下面的酷炫动画:
当然,只需你想要,能够构造出无限多的粒子动画轨道,不过这或许要求一点数学功底。
在 github.com/ultimateHan… 目录下有一份我之前试验的比较酷炫的轨道公式合集,能够参阅。
五、留意事项开源是什么意思
- 粒子动画比较消耗内存和 CPU开源节流是什么意思是什么,所以粒子数目太多,比方超过 1000 的话,或许会有卡顿。
- 默许在动变量的界说画完毕的时候,粒子是不会消失的。假定要让粒子在动画完毕时消失,能够自界说
ValueAnimgithub直播平台永久回家ator
监听动画完毕,在完毕时调用Particle变量是什么意思Manager.hide()
办法来躲藏粒子。 - 假定需求重复触发粒子动画,比方按一次按钮触发一次,能够运用一个全局的
p开源是什么意思articleManager
变量来发变量动和撤销粒子动画,能够避免内存消耗和内存颤抖。比方:
particleManager = Pargradle教程ticles.with(thisgradle菜鸟教程, container)
button.setOnClickListener {
particleManag开源节流er!!.colorFromView(button)
.particleNum(300)
.aGitHubnchor(it)
.shape(Shape.CIRCLE, Shape.BITMAP)
.radius(8, 12)
.rotation(Rotation变量与函数(6github打不开00))
.anim(ParticleAniGitHubmation动画专业.EXPLOSIOgradleN)
particleManager!!.start()
}
六、最终动画制作软件
这个项目暂gradle翻译时除了第一个版别,也是我自己第一个开源发布的项目,变量是什么意思会花一些时刻精力去维护变量是什么意思。
- 后续会增加更多粒子特效,比方粒子运动过程中的标准、透明度、色彩等改动
- 再后续或许会出一份 compose 版别
最终,github.com/ultimateHan… 项目地址在这里,欢迎 fork、pr、issues、star,求求我们点个小星星吧✨❤️,感谢!