一个酷炫的 android 粒子动画库

您所在的位置:网站首页 撒花动画图片 一个酷炫的 android 粒子动画库

一个酷炫的 android 粒子动画库

2023-09-16 21:14| 来源: 网络整理| 查看: 265

一、灵感

做这个粒子动画库的灵感来自于 MIUI 卸载应用时的动画:

这个爆炸的粒子效果看起来很酷炫,而且粒子颜色是从 icon 中拿到的。

最开始我简单实现了类似爆炸的效果,后来想到可以直接扩展一下,写一个通用的粒子动画库。

二、使用

项目地址:github.com/ultimateHan…

Particle 是一个使用 kotlin 编写的粒子动画库,可以用几行代码轻松搞定一个粒子动画。同时也支持高度自定义的粒子动画轨迹,可以打造出非常炫酷的自定义动画。这个项目发布了 0.1 版本在 JitPack 上,按如下操作引入:

在根目录的 build.gradle 中的 allprojects 中添加(注意不是 buildScript):

allprojects { repositories { ... maven { url 'https://jitpack.io' } } }

然后在你的项目中引入依赖即可。

implementation 'com.github.ultimateHandsomeBoy666:Particle:0.1.1'

在引入了 Particle 之后,只需要下面几行简单的代码,就可以实现上面的粒子爆炸效果:

Particles.with(context, container) // container 是粒子动画的宿主父 ViewGroup .colorFromView(button)// 从 button 中采样颜色 .particleNum(200)// 一共 200 个粒子 .anchor(button)// 把 button 作为动画的锚点 .shape(Shape.CIRCLE)// 粒子形状是圆形 .radius(2, 6)// 粒子随机半径 2~6 .anim(ParticleAnimation.EXPLOSION)// 使用爆炸动画 .start()

三、粒子形状

粒子的形状支持圆形、三角形、矩形、五角星以及矢量图形及位图,并且支持多种图形粒子混合。

下面详细说明。

Shape.CIRCLE 和 Shape.HOLLOWCIRCLE

圆形和空心圆

使用 radius 定义圆的大小。空心圆使用 strokeWidth 定义粗细。

Shape.TRIANGLE 和 Shape.HOLLOWTRIANGLE

实心三角形和空心三角形

使用 width 和 height 定义三角形的大小。空心三角形使用 strokeWidth 定义粗细。

Shape.RECTANGLE 和 Shape.HOLLOWRECTANGLE

实心矩形和空心矩形。

使用 width 和 height 定义矩形的大小。空心矩形使用 strokeWidth 定义粗细。

Shape.PENTACLE 和 Shape.HOLLOWPENTACLE

实心五角星和空心五角星

使用 radius 定义五角星外接圆的大小。空心五角星使用 strokeWidth 定义粗细。

Shape.BITMAP

支持位图。

支持矢量图,只需要把矢量图 xml 的资源 id 传入即可。

图片粒子不受 color 设置的影响。

除了上述单种图形以外,还支持多种图形的混合粒子,如下:

四、粒子动画 动画控制

粒子的动画使用 ValueAnimator 来控制,可以自行定义 animator 来控制动画的行为,包括动画时长、Interpolater、重复、开始结束的监听等等。

粒子特效

目前仅支持粒子在运动过程中的旋转,如下。后续会增加



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3