《iOS开发笔记—UIView动画》

UIView动画

    由于核心动画是基于CALAyer，操作比较繁琐，因此，iOS帮我们封装到了UIView里。

1.基础动画(移动动画)

主要实现方法为:
+ (void)animateWithDuration:(NSTimeInterval)duration
                      delay:(NSTimeInterval)delay
                    options:(UIViewAnimationOptions)options
                 animations:(void (^)(void))ainimations
                 completion:(void (^)(BOOL finished))completion;
应用实例：
/*
开始动画，UIView的动画方法执行完后动画会停留在终点位置，而不需要进行任何特殊处理
duration:执行时间
delay:延迟时间
options:动画设置，例如自动恢复、匀速运动等
completion:动画完成回调方法
*/
[UIView animateWithDuration:5.0 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
    _imageView.center = location;
} completion:^(BOOL finished) {
    NSLog(@"Animation end.");
}];
//上面的方法基本满足大部分基础动画的要求，还有一种比较有趣的动画效果
弹簧动画效果：
/*
创建弹性动画
damping:阻尼，范围0-1，阻尼越接近于0，弹性效果越明显
springVelocity:弹性复位的速度
*/
[UIView animateWithDuration:5.0 delay:0 usingSpringWithDamping:0.1
      initialSpringVelocity:1.0 options:UIViewAnimationOptionCurveLinear animations:^{
    _imageView.center = location;
} completion:^(BOOL finished) {
    NSLog(@"Animation end.");
}];
//弹簧效果:UIView动画方法中有个options参数，是枚举类型，可以组合使用：
/* 常规动画属性设置，可以同时选择多个，用或运算组合  */
UIViewAnimationOptionLayoutSubviews/*< 动画过程中保证子视图跟随运动 */          
UIViewAnimationOptionAllowUserInteraction/*< 动画过程中允许用户交互 */
UIViewAnimationOptionBeginFromCurrentState/*< 所有视图从当前状态开始运行 */
UIViewAnimationOptionRepeat/*< 重复运行动画 */                 
UIViewAnimationOptionAutoreverse/*< 动画运行结束后回到起始点 */             
UIViewAnimationOptionOverrideInheritedDuration/*< 忽略嵌套动画时间设置 */
UIViewAnimationOptionOverrideInheritedCurve/*< 忽略嵌套动画速度设置 */    
UIViewAnimationOptionAllowAnimatedContent/*< 动画过程中重绘视图，只适合转场动画 */    
UIViewAnimationOptionShowHideTransitionViews/*< 视图切换直接隐藏旧视图、显示新视图，只适合转场动画 */   
UIViewAnimationOptionOverrideInheritedOptions/*< 不继承父动画设置或动画类型 */  
/* 动画速度变化控制，其中选一个进行设置 */    
UIViewAnimationOptionCurveEaseInOut/*< 动画先缓慢，后逐渐加速，默认值 */       
UIViewAnimationOptionCurveEaseIn/*< 动画逐渐变慢 */          
UIViewAnimationOptionCurveEaseOut/*< 动画逐渐加速 */             
UIViewAnimationOptionCurveLinear/*< 动画匀速执行 */

2. 关键帧动画

主要实现方法为:
+ (void)animateKeyframesWithDuration:(NSTimeInterval)duration
                               delay:(NSTimeInterval)delay
                             options:(UIViewAnimationOptions)options
                          animations:(void (^)(void))ainimations
                          completion:(void (^)(BOOL finished))completion;
实例：
    [UIView animateKeyframesWithDuration:5.0 delay:0 options:UIViewAnimationOptionCurveLinear | UIViewAnimationOptionCurveLinear animations:^{
    //第一个关键帧:从0秒开始持续50%的时间，也就是5.0*0.5=2.5秒
    [UIView addKeyframeWithRelativeStartTime:0.0 relativeDuration:0.5 animations:^{
        _imageView.center = location1;
    }];
    //第二个关键帧:从50%时间开始持续25%的时间，也就是5.0*0.25=1.25秒
    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.25 animations:^{
        _imageView.center = location2;
    }];
    //第三个关键帧:从75%时间开始持续25%的时间，也就是5.0*0.25=1.25秒
    [UIView addKeyframeWithRelativeStartTime:0.75 relativeDuration:0.25 animations:^{
        _imageView.center = location3;
    }];
    } completion:^(BOOL finished) {
    	NSLog(@"Animation end.");
    }];
    //关键帧动画的options多了一些选择：
    /* 动画模式选择，选择一个 */
    UIViewKeyframeAnimationOptionCalculationModeLinear/*< 连续运算模式 */
    UIViewKeyframeAnimationOptionCalculationModeDiscreter/*< 离散运算模式 */
    UIViewKeyframeAnimationOptionCalculationModePacedr/*< 均匀执行运算模式 */
    UIViewKeyframeAnimationOptionCalculationModeCubicr/*< 平滑运算模式 */
    UIViewKeyframeAnimationOptionCalculationModeCubicPacedr/*< 平滑均匀运算模式 */
    //提示:UIView动画现在只支持属性关键帧动画，不支持路径关键帧动画

3. 转场动画

主要实现方法为:
+ (void)transitionWithView:(UIView *)view
                  duration:(NSTimeInterval)duration
                   options:(UIViewAnimationOptions)options
                animations:(void (^)(void))ainimations
                completion:(void (^)(BOOL finished))completion;
实例：
#pragma mark 转场动画
- (void)transitionAnimation:(BOOL)isNext{
    UIViewAnimationOptions option;
    if (isNext) {
        option = UIViewAnimationOptionCurveLinear | UIViewAnimationOptionTransitionFlipFromRight;
    } else {
        option = UIViewAnimationOptionCurveLinear | UIViewAnimationOptionTransitionFlipFromLeft;
    }
    [UIView transitionWithView:_imageView duration:1.0 options:option animations:^{
        _imageView.image = [self getImage:isNext];
    } completion:nil];
}
//转场动画options多了一些选择：
/* 转场类型 */
UIViewAnimationOptionTransitionNone/*没有转场动画效果*/
UIViewAnimationOptionTransitionFlipFromLeft/*从左侧翻转效果*/
UIViewAnimationOptionTransitionFlipFromRight/* 从右侧翻转效果*/
UIViewAnimationOptionTransitionCurlUp/*向后翻页的动画过渡效果*/  
UIViewAnimationOptionTransitionCurlDown/*向前翻页的动画过渡效果*/   
UIViewAnimationOptionTransitionCrossDissolve/*溶解消失效果*/
UIViewAnimationOptionTransitionFlipFromTop/*从上方翻转效果*/
UIViewAnimationOptionTransitionFlipFromBottom/*从底部翻转效果*/
/*

使用UIView动画封装的转场动画效果少，这里无法直接使用私有API
两个视图之间转场可以使用

*/
+ (void)transitionFromView:(UIView *)fromView
                    toView:(UIView *)toView
                  duration:(NSTimeInterval)duration
                   options:(UIViewAnimationOptions)options
                completion:(void (^)(BOOL finished))completion;
//默认情况，转出的视图会从父视图移除，转入后重新添加