预览
APK下载
思路
小红框是点赞的图标，带有一点动画。大红框是表情喷射的区间，并且是从小红框中间的位置开始喷射。就注定两个view不是一体的。将喷射区域自定为一个遮罩层，通过getLocationOnScreen(int[] outLocation)获取点赞view的位置，并从当前位置开始喷射。喷射的数量、速度、角度、方向是随机的，也可以有一些旋转和缩放的动画，还可以设定喷射的角度控制方向。代码
本来打算自己写，后来发现有一个不错的动画效果库Leonids，先看看它的效果:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2LKBYLJl-1603784041198)(http://p7rrs468p./Leonids_one_shot.gif)]
如果能实现多张图片就是咱们想要的效果了，然后开始扩展方法。
public ParticleSystem(ViewGroup parentView, Resources resources, int maxParticles, int[] drawableInts, long timeToLive) {this(parentView, maxParticles, timeToLive);if (drawableInts != null && drawableInts.length > 0) {for (int i = 0; i < mMaxParticles; i++) {Drawable drawable = resources.getDrawable(drawableInts[i % drawableInts.length]);if (drawable instanceof AnimationDrawable) {AnimationDrawable animation = (AnimationDrawable) drawable;mParticles.add(new AnimatedParticle(animation));} else {Bitmap bitmap;if (drawable instanceof BitmapDrawable) {bitmap = ((BitmapDrawable) drawable).getBitmap();} else {bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(bitmap);drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());drawable.draw(canvas);}mParticles.add(new Particle(bitmap));}}}}
Fork扩展后的代码：Fork Leonids
实现动画的代码:
ParticleSystem ps = new ParticleSystem((Activity) getContext(), 100, iconInts, jetDuration);ps.setScaleRange(0.7f, 1.3f);ps.setSpeedModuleAndAngleRange(0.1f, 0.5f, 180, 360);ps.setAcceleration(0.0001f, 90);ps.setRotationSpeedRange(90, 180);ps.setFadeOut(200, new AccelerateInterpolator());ps.oneShot(this, 10, new DecelerateInterpolator());
通过这个库实现的好处：因为这个库比较好，本身动画就很流畅。相对于自己实现效果流畅太多了。SuperLike这是一个大神自己实现的，可以参考一下，也可以对比一下效果。
Github
JetExpression
