iOS CALayer之CAEmitterLayer粒子发射器的神奇效果

https://www.jianshu.com/p/c54ffd7412e7

想必以前QQ空间的点赞效果大家都知道吧，点赞之后按钮周围会有一圈爆裂的小圆点；还有微信的红包雨表情动画等，以及烟花，火焰效果。这些看似很炫酷的动画可能让我们敬而远之，但是其实iOS封装的很好，利用简单的几行代码就能完成很炫酷的动画效果。由于目前正在玩儿iOS动画的内容，利用iOS的CAEmitterLayer结合CAEmitterCell能够达这些效果。不BB了，先上几个效果图。代码已传githubEmitterAnimation。

 

红包雨

 

点赞效果

马丹 有没有办法一次性放很多个gif呀。。。。。。。

---

CAEmitterLayer与CAEmitterCell

CAEmitterLayer是CALayer的一个常用子类,CALayer的子类有很多，如果能很好的使用它们会得到一些意想不到的效果。CAEmitterLayer就是其中之一，CAEmitterLayer是用于实现基于Core Animation的粒子发生器系统。

 

`CALayer`的常用子类

所谓粒子，就是很多小颗粒，当让QQ空间的点赞动画的粒子也可以不用CAEmitterLayer粒子发生器来实现，不过这样会麻烦很多。在粒子系统中，CAEmitterLayer是用来发射粒子的，他所发射的粒子就是CAEmitterCell(当然粒子也可以发射粒子，也就是CAEmitterCell也可以发射CAEmitterCell)。可以认为CAEmitterLayer是CAEmitterCell的工厂，通过不同的设置就会不断的产生想要的粒子。

原理其实很简单，但是动画就是这样，需要花时间去理解属性，只有很好的用它的属性，才能达到很炫酷的效果。查看API会发现CAEmitterLayer和CAEmitterCell的属性都是很多的，并且有很多相同的属性。在CAEmitterLayer中，一些属性决定了粒子从什么样的几何特性上发射出来，这个几何特性包括了位置，形状，大小，并且还有一些渲染属性，用于一些渲染的效果。另外一些属性CAEmitterLayer和CAEmitterCell都有的，在这里可能会迷糊，但是API说明的很清楚，CAEmitterLayer的这些属性会作为CAEmitterCell相同属性的系数，举个