CATransition 转场动画

今天我们来学习一下新的动画类型, 转场动画,
什么是转场动画呢?
转场动画就是从一个场景以动画的形式过渡到下一个场景,
其实专场动画还是比较简单的,
主要步骤有:

• 创建转场动画

• 设置转场类型

• 设置子转场类型(可选)

• 设置转场后的新视图并添加到图层,
  在网上看到一个利用转场做轮播图的效果感觉挺好,
  @implementation ViewController{
  UIImageView * _james;
  int _currentIndex;
  }
  - (void)viewDidLoad {
  [super viewDidLoad];
  self.view.backgroundColor = [UIColor clearColor];
  _james = [[UIImageView alloc] initWithFrame: [UIScreen mainScreen].bounds];
  _james.image = [UIImage imageNamed:@"1.jpeg"];
  [self.view addSubview:_james];

  UISwipeGestureRecognizer *leftSwipe = [[UISwipeGestureRecognizer alloc]   initWithTarget:self action:@selector(leftSwipe:)];
  [self.view addGestureRecognizer:leftSwipe];
  leftSwipe.direction=UISwipeGestureRecognizerDirectionLeft;
  UISwipeGestureRecognizer *rightSwipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(rightSwipe:)];
  rightSwipe.direction = UISwipeGestureRecognizerDirectionRight;
  [self.view addGestureRecognizer:rightSwipe]; 
  }
  - (void)leftSwipe:(UIGestureRecognizer *)gesture
  {
  NSLog(@"left");
  [self transitionAnimation:YES];   
  }
  - (void)rightSwipe:(UIGestureRecognizer *)gesture
  {NSLog(@"right");
  [self transitionAnimation:NO];  
  }
  - (void)transitionAnimation:(BOOL)isNext{
  // 创建转场动画
  CATransition *trans = [[CATransition alloc] init];
  trans.type = @"cube";
   if (isNext) {
    trans.subtype = kCATransitionFromRight;
  }else{
    trans.subtype = kCATransitionFromLeft;
  }
   // 设置时间
  trans.duration = 1.0;
  _james.image = [self getImage:isNext];
   // 把转场动画添加到 layer 上
  [_james.layer addAnimation:trans forKey:@"transition"];
  }
  - (UIImage *)getImage:(BOOL)isNext{
   if (isNext) {
    _currentIndex = (_currentIndex + 1) % 5;
  }else{
    _currentIndex = (_currentIndex - 1 + 5) % 5;
    }
   UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%d.jpeg",_currentIndex]];
  return image;
  }
  

效果图为:今天我们来学习一下新的动画类型, 转场动画,
什么是转场动画呢?
转场动画就是从一个场景以动画的形式过渡到下一个场景,
其实专场动画还是比较简单的,
主要步骤有:

• 创建转场动画

• 设置转场类型

• 设置子转场类型(可选)

• 设置转场后的新视图并添加到图层,
  在网上看到一个利用转场做轮播图的效果感觉挺好,
  @implementation ViewController{
  UIImageView * _james;
  int _currentIndex;
  }
  - (void)viewDidLoad {
  [super viewDidLoad];
  self.view.backgroundColor = [UIColor clearColor];
  _james = [[UIImageView alloc] initWithFrame: [UIScreen mainScreen].bounds];
  _james.image = [UIImage imageNamed:@"1.jpeg"];
  [self.view addSubview:_james];

  UISwipeGestureRecognizer *leftSwipe = [[UISwipeGestureRecognizer alloc]   initWithTarget:self action:@selector(leftSwipe:)];
  [self.view addGestureRecognizer:leftSwipe];
  leftSwipe.direction=UISwipeGestureRecognizerDirectionLeft;
  UISwipeGestureRecognizer *rightSwipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(rightSwipe:)];
  rightSwipe.direction = UISwipeGestureRecognizerDirectionRight;
  [self.view addGestureRecognizer:rightSwipe]; 
  }
  - (void)leftSwipe:(UIGestureRecognizer *)gesture
  {
  NSLog(@"left");
  [self transitionAnimation:YES];   
  }
  - (void)rightSwipe:(UIGestureRecognizer *)gesture
  {NSLog(@"right");
  [self transitionAnimation:NO];  
  }
  - (void)transitionAnimation:(BOOL)isNext{
  // 创建转场动画
  CATransition *trans = [[CATransition alloc] init];
  trans.type = @"cube";
   if (isNext) {
    trans.subtype = kCATransitionFromRight;
  }else{
    trans.subtype = kCATransitionFromLeft;
  }
   // 设置时间
  trans.duration = 1.0;
  _james.image = [self getImage:isNext];
   // 把转场动画添加到 layer 上
  [_james.layer addAnimation:trans forKey:@"transition"];
  }
  - (UIImage *)getImage:(BOOL)isNext{
   if (isNext) {
    _currentIndex = (_currentIndex + 1) % 5;
  }else{
    _currentIndex = (_currentIndex - 1 + 5) % 5;
    }
   UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%d.jpeg",_currentIndex]];
  return image;
  }
  

效果图为:

轮播动画.gif