Core Animation 高级技巧分享02

Core Animation - CAEmitterLayer 粒子效果

---

CAEmitterLayer 是一个高性能的粒子引擎，被用来创建复杂的粒子动画如：烟雾，火，雨等效果，并且有很高的性能。

CAEmitterLayer 看上去像是许多 CAEmitterCell 的容器，这些 CAEmitterCell 定义了一个例子效果。你将会为不同的例子效果定义一个或多个 CAEmitterCell 作为模版，同时 CAEmitterLayer 负责基于这些模版实例化一个粒子流。一个 CAEmitterCell 类似于一个 CALayer ：它有一个 contents 属性可以定义为一个 CGImage ，另外还有一些可设置属性控制着表现和行为。

使用步骤 ：创建 CAEmitterLayer ，然后创建 CAEmitterCell ，将cells 添加到 CAEmitterLayer 的 emitterCells属性中 ，最后 CAEmitterLayer 图层插入到视图层次的最前面。

CAEmitterLayer 属性说明：

• emitterPosition 发射源位置
• emitterSize 发射源大小
• emitterShape 发射源的形状

用的比较多的是 kCAEmitterLayerLine 和 kCAEmitterLayerPoint。这决定了你的粒子从一个点喷出来的，还是从一条线上每个点喷出来的，前者像焰火，后者像瀑布。

• emitterMode 发射源的模式

CAEmitterCell 属性说明：

• birthRate 每秒生成多少个粒子
• lifetime 存活时间
• velocityRange 粒子平均初始速度正数表示向上，负数表示向下
• yAcceleration 决定了每个方向上的粒子加速度
• spinRange 粒子平均的旋转速度
• scale 图片比例

其他：UIDynamic

---

1. UIDynamic 物理仿真行为,基本的动力学行为包括 UIGravityBehavior、UICollisionBehavior、UIAttachmentBehavior、UISnapBehavior、UIPushBehavior 以及 UIDynamicItemBehavior,可以组合使用。

2. 不是任何对象都可以做物理仿真效果 物理仿真元素要素:任何遵守了 UIDynamicItem 协议的对象 UIView默认已经遵守了UIDynamicItem 协议,因此任何UI控件都能做物理仿真。

3. 使用步骤

• 创建一个UIDynamicAnimator对象
• 创建行为对象(UIDynamicBehavior)
• 将要执行动画的对象添加到UIDynamicBehavior中

重点介绍下面 Demo 中用到的 UIGravityBehavior 和UICollisionBehavior ：

重力行为(Gravity)

//1 创建物理仿真器
UIDynamicAnimator *animator = [[UIDynamicAnimator alloc]
        initWithReferenceView:self.view];
self.animator = animator;
//2 创建重力行为(物理行为)
UIGravityBehavior *behavior = [[UIGravityBehavior alloc]
               initWithItems:@[self.redView]];
//量级(用来控制加速度,1.0代表加速度是1000 points/second2)
behavior.magnitude = 0.2;
//方向
behavior.gravityDirection = CGVectorMake(1, 1);
behavior.angle = 0;
//3 把物理行为添加到物理仿真器中 开始动画
[animator addBehavior:behavior];

碰撞行为(Collision)

碰撞边界的设定

• setTranslatesReferenceBoundsIntoBoundaryWithInsets 给定一个UIEdgeInsets。
• addBoundaryWithIdentifier：fromPoint: toPoint: 传入两点坐标添加边界。
• addBoundaryWithIdentifier : forPath: 使用 UIBezierPath 方式添加边界。

碰撞边界的代理方法

设置 collisionDelegate 可以监测到两个物体或者物体与边界碰撞的过程。

- (void)collisionBehavior:(UICollisionBehavior *)behavior beganContactForItem:(id )item1 withItem:(id )item2 atPoint:(CGPoint)p;
- (void)collisionBehavior:(UICollisionBehavior *)behavior endedContactForItem:(id )item1 withItem:(id )item2;

- (void)collisionBehavior:(UICollisionBehavior*)behavior beganContactForItem:(id )item withBoundaryIdentifier:(nullable id )identifier atPoint:(CGPoint)p;
- (void)collisionBehavior:(UICollisionBehavior*)behavior endedContactForItem:(id )item withBoundaryIdentifier:(nullable id )identifier;

演示&&讲解部分：

DEMO1 - 项目中－“收藏”按钮的粒子效果

---

DEMO2 - 项目中－APP启动广告图重力＋粒子效果

---