转场动画CALayer (Transition)

1、将对应UI控件的层调用以下接口即可

• 1.1 .h文件

  //
  // 文 件 名:CALayer+Transition.h
  //
  // 版权所有:Copyright © 2018年 leLight. All rights reserved.
  // 创 建 者:leLight
  // 创建日期:2018/7/6.
  // 文档说明:
  // 修 改 人:
  // 修改日期:
  // 
  
  #import <QuartzCore/QuartzCore.h>
  
  @interface CALayer (Transition)
  
  /************ 动画类型 *****************************/
  typedef enum {
  
      TransitionAnimTypeRippleEffect=0, // 水波
      TransitionAnimTypeSuckEffect,     // 吸走
      TransitionAnimTypePageCurl,       // 翻开书本
      TransitionAnimTypeOglFlip,        // 正反翻转
      TransitionAnimTypeCube,           // 正方体
      TransitionAnimTypeReveal,         // push推开
      TransitionAnimTypePageUnCurl,     // 合上书本
      TransitionAnimTypeRamdom,         // 随机
  } TransitionAnimType;
  
  /************ 动画方向 *****************************/
  typedef enum {
  
      TransitionSubtypesFromTop=0,  // 从上
      TransitionSubtypesFromLeft,   // 从左
      TransitionSubtypesFromBotoom, // 从下
      TransitionSubtypesFromRight,  // 从右
      TransitionSubtypesFromRamdom, // 随机
  } TransitionSubType;
  
  /************ 动画曲线 *****************************/
  typedef enum {
  
      TransitionCurveDefault,       // 默认
      TransitionCurveEaseIn,        // 缓进
      TransitionCurveEaseOut,       // 缓出
      TransitionCurveEaseInEaseOut, // 缓进缓出
      TransitionCurveLinear,        // 线性
      TransitionCurveRamdom,        // 随机
  } TransitionCurve;
  
  /**
   *  转场动画
   *
   *  @param animType 转场动画类型
   *  @param subType  转动动画方向
   *  @param curve    转动动画曲线
   *  @param duration 转动动画时长
   *
   *  @return 转场动画实例
   */
  - (CATransition *)transitionWithAnimType:(TransitionAnimType)animType subType:(TransitionSubType)subType curve:(TransitionCurve)curve duration:(CGFloat)duration;
  
  @end
  

• 1.2 .m文件

  //
  // 文 件 名:CALayer+Transition.m
  //
  // 版权所有:Copyright © 2018年 leLight. All rights reserved.
  // 创 建 者:leLight
  // 创建日期:2018/7/6.
  // 文档说明:
  // 修 改 人:
  // 修改日期:
  // 
  
  #import "CALayer+Transition.h"
  
  @implementation CALayer (Transition)
  
  /**
   *  转场动画
   *
   *  @param animType 转场动画类型
   *  @param subType  转动动画方向
   *  @param curve    转动动画曲线
   *  @param duration 转动动画时长
   *
   *  @return 转场动画实例
   */
  - (CATransition *)transitionWithAnimType:(TransitionAnimType)animType subType:(TransitionSubType)subType curve:(TransitionCurve)curve duration:(CGFloat)duration {
  
      NSString *key = @"transition";
  
      if([self animationForKey:key] != nil){
          [self removeAnimationForKey:key];
      }
  
      CATransition *transition = [CATransition animation];
  
      // 动画时长
      transition.duration = duration;
      // 动画类型
      transition.type = [self animaTypeWithTransitionType:animType];
      // 动画方向
      transition.subtype = [self animaSubtype:subType];
      // 缓动函数
      transition.timingFunction = [CAMediaTimingFunction functionWithName:[self curve:curve]];
      // 完成动画删除
      transition.removedOnCompletion = YES;
      [self addAnimation:transition forKey:key];
      return transition;
  }
  
  /************ 返回动画曲线 *****************************/
  - (NSString *)curve:(TransitionCurve)curve{
  
      // 曲线数组
      NSArray *funcNames = @[
                             kCAMediaTimingFunctionDefault,
                             kCAMediaTimingFunctionEaseIn,
                             kCAMediaTimingFunctionEaseInEaseOut,
                             kCAMediaTimingFunctionEaseOut,
                             kCAMediaTimingFunctionLinear
                             ];
  
      return [self objFromArray:funcNames index:curve isRamdom:(TransitionCurveRamdom == curve)];
  }
  
  /************ 返回动画方向 *****************************/
  - (NSString *)animaSubtype:(TransitionSubType)subType {
  
      // 设置转场动画的方向
      NSArray *subtypes = @[
                            kCATransitionFromTop,
                            kCATransitionFromLeft,
                            kCATransitionFromBottom,
                            kCATransitionFromRight
                            ];
  
      return [self objFromArray:subtypes index:subType isRamdom:(TransitionSubtypesFromRamdom == subType)];
  }
  
  /************ 返回动画类型 *****************************/
  - (NSString *)animaTypeWithTransitionType:(TransitionAnimType)type {
  
      // 设置转场动画的类型
      NSArray *animArray = @[
                           @"rippleEffect",
                           @"suckEffect",
                           @"pageCurl",
                           @"oglFlip",
                           @"cube",
                           @"reveal",
                           @"pageUnCurl",
                           @"push"
                           ];
      return [self objFromArray:animArray index:type isRamdom:(TransitionAnimTypeRamdom == type)];
  }
  
  /************ 统一从数据返回对象 *****************************/
  - (id)objFromArray:(NSArray *)array index:(NSUInteger)index isRamdom:(BOOL)isRamdom {
  
      NSUInteger count = array.count;
      NSUInteger i = isRamdom?arc4random_uniform((u_int32_t)count):index;
      return array[i];
  }
  
  @end