POP简介

Facebook Pop其实是基于CADisplayLink(Mac平台上使用的CVDisplayLink)实现的独立于Core Animation之外的动画方案

与Core Animation对比

Pop Animation在使用上和Core Animation很相似，都涉及Animation对象以及Animation的载体的概念，不同的是Core Animation的载体只能是CALayer，而Pop Animation可以是任意基于NSObject的对象。当然大多数情况Animation都是界面上显示的可视的效果，所以动画执行的载体一般都直接或者间接是UIView或者CALayer。

Pop Animation应用于CALayer时，在动画运行的任何时刻，layer和其presentationLayer的相关属性值始终保持一致，而Core Animation做不到。

POP动画结构

POP默认支持三种动画，但同时也支持自定义动画。

//继承自POPPropertyAnimation ,POPPropertyAnimation继承自POPAnimation
POPBasicAnimation        //基础动画
POPSpringAnimation       //弹簧动画
POPDecayAnimation        //减速动画

//继承自POPAnimation
POPCustomAnimation       //自定义动画

POPAnimation

属性

@property (assign, nonatomic) CFTimeInterval beginTime;  //开始时间
@property (weak, nonatomic) id delegate;  //代理，
@property (readonly, nonatomic) POPAnimationTracer *tracer;
@property (copy, nonatomic) void (^animationDidStartBlock)(POPAnimation *anim);  //动画开始block
@property (copy, nonatomic) void (^animationDidReachToValueBlock)(POPAnimation *anim);  //完成到valueblock
@property (copy, nonatomic) void (^completionBlock)(POPAnimation *anim, BOOL finished);  //完成block
@property (copy, nonatomic) void (^animationDidApplyBlock)(POPAnimation *anim);  //动画途中多次调用。
@property (assign, nonatomic) BOOL removedOnCompletion;  //完成移除
@property (assign, nonatomic, getter = isPaused) BOOL paused;  //暂停
@property (assign, nonatomic) BOOL autoreverses;  //返回原点
@property (assign, nonatomic) NSInteger repeatCount; //重复次数
@property (assign, nonatomic) BOOL repeatForever;  //一直重复

代理方法

- (void)pop_animationDidStart:(POPAnimation *)anim;   //动画开始调用
- (void)pop_animationDidReachToValue:(POPAnimation *)anim;   //到达value调用
- (void)pop_animationDidStop:(POPAnimation *)anim finished:(BOOL)finished;   //结束动画调用

POPPropertyAnimation

使用动画时需要指定animationProperty。具体的值参考POPAnimatableProperty.mm文件

属性

@property (strong, nonatomic) POPAnimatableProperty *property; //动画性质
@property (copy, nonatomic) id fromValue;     //动画初始值    需要与property类型对应   不写默认当前值
@property (copy, nonatomic) id toValue;       //动画目标值    需要与property类型对应

属性与value对应关系

单个float类型:

//写法
anBasic.toValue = @(2.0f);  
anBasic.toValue = [NSValue valueWithCGPoint:CGPointMake(2.0f, 3.0f)];//只有第一个值有效
anBasic.toValue = [NSValue valueWithCGRect:CGRectMake(3.14f, 0, 0, 0)];//只有第一个值有效

//属性类型
Alpha         //透明值  取值区间[0,1]  0时完全消失，不能响应事件
Opacity     //透明值   取值区间[0,1]  0时完全消失，不能响应事件
ScaleX        //宽度放大倍数  
ScaleY        //高度放大倍数
positionX     //中心点X坐标位置
positionY     //中心点Y坐标位置
Rotation      //顺时针旋转π为一周
RotationX     //绕中心X轴旋转π为一周
RotationY     //绕中心Y轴旋转π为一周
BorderWidth   //边距
...

两个float类型:

//写法
anBasic.toValue = [NSValue valueWithCGPoint:CGPointMake(2.0f, 3.0f)];
anBasic.toValue = [NSValue valueWithCGRect:CGRectMake(3.14f, 5.0f, 0, 0)];//只有前两个值有效

//属性类型
Size       //宽高
ScaleXY    //宽高放大倍数
position   //中心点XY值
Center     //中心点XY值

四个float类型:

//写法
anBasic.toValue = [NSValue valueWithCGRect:CGRectMake(100, 100, 100, 100)];

//属性类型
frame
bounds

color类型

//写法
anBasic.toValue = [UIColor blueColor];

PopBasicAnimation

特有属性

@property (assign, nonatomic) CFTimeInterval duration;  //持续时长
@property (strong, nonatomic) CAMediaTimingFunction *timingFunction;  //赛贝尔曲线

示例

POPBasicAnimation *anBasic = [POPBasicAnimation animationWithPropertyNamed:kPOPViewFrame];
anBasic.toValue = [NSValue valueWithCGRect:CGRectMake(100, 100, 100, 100)];
anBasic.beginTime = CACurrentMediaTime();
anBasic.duration = 0.5f;   //设置时长
anBasic.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  //设置赛贝尔曲线
[self.button pop_addAnimation:anBasic forKey:@"frame"];

POPSpringAnimation

持续时长由下面的时间算出，不能设定

特有属性

 @property (copy, nonatomic) id velocity;  //速度 CGPoint(x速度，y速度)
@property (assign, nonatomic) CGFloat springBounciness; //弹力  越大则震动幅度越大  默认4.0f
@property (assign, nonatomic) CGFloat springSpeed;      //弹簧速度   越大则动画结束越快  默认12.0f

//更细地调控动画，调试比较耗时，一般用上面三个属性就行。
@property (assign, nonatomic) CGFloat dynamicsTension; //拉力－影响回弹力度以及速度  默认11.090783f
@property (assign, nonatomic) CGFloat dynamicsFriction; // 摩擦力－如果开启，动画会不断重复，幅度逐渐削弱，直到停止。  默认342.100588f
@property (assign, nonatomic) CGFloat dynamicsMass;  //质量－细微的影响动画的回弹力度以及速度  默认1.0f

示例

POPSpringAnimation * anSpring = [POPSpringAnimation animationWithPropertyNamed:kPOPViewCenter];
anSpring.toValue = [NSValue valueWithCGPoint:CGPointMake(self.button.center.x, self.button.center.y+200)];
anSpring.springSpeed = 20.0f;    //设置弹簧速度
anSpring.springBounciness = 30.0f;  //设置弹力
[self.button pop_addAnimation:anSpring forKey:@"center"];

POPDecayAnimation

特有属性

@property (copy, nonatomic) id velocity;   //速率
@property (assign, nonatomic) CGFloat deceleration;  //速度衰减速率 默认0.998  取值区间(0,1)
 //但是我测试这个值deceleration越大，速度衰减速率越慢且与1-deceleration有关

示例

PopDecayAnimation *anDecay = [POPDecayAnimation animationWithPropertyNamed:kPOPLayerPositionX];
anDecay.velocity = @(50.0);
anDecay.deceleration = 0.998;//0.998动画持续1.150141s  0.999动画持续2.301434s  0.9999动画持续23.024700
[self.button pop_addAnimation:anDecay forKey:@"PositionX"];