预览
img
思路
img
- 小红框是点赞的图标，带有一点动画。大红框是表情喷射的区间，并且是从小红框中间的位置开始喷射。就注定两个view不是一体的。
- 将喷射区域自定为一个遮罩层，通过
getLocationOnScreen(int[] outLocation)获取点赞view的位置，并从当前位置开始喷射。 - 喷射的数量、速度、角度、方向是随机的，也可以有一些旋转和缩放的动画，还可以设定喷射的角度控制方向。
代码
本来打算自己写，后来发现有一个不错的动画效果库Leonids，先看看它的效果:
img
如果能实现多张图片就是咱们想要的效果了，然后开始扩展方法。
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这是一个大神自己实现的，可以参考一下，也可以对比一下效果。
