前言:今天有空把轉(zhuǎn)場動畫的筆記整理了一下，不廢話直接上代碼

pragma mark -- 1

• 我們首先在stroyboard中拖一個UIImageView，自己找?guī)讖垐D片放到項目中。
• 將UIImageView拖出來

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

• 我們直接在點擊屏幕的方法里來實現(xiàn)轉(zhuǎn)場動畫

static int _number = 1;
 -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent  *)event
   {
    //轉(zhuǎn)場代碼
     _number++;
//這里是簡單判斷 
   if (_number > 3) {
        _number = 1;
    }
   //我一共是設(shè)置了三張圖片切換，拼接了一下字符串 
   NSString *imageName = [NSString stringWithFormat:@"%d",_number ];
    self.imageView.image = [UIImage imageNamed:imageName];

//轉(zhuǎn)場動畫代碼
 //1.創(chuàng)建動畫
    CATransition *animation = [CATransition animation];
 //2.設(shè)置轉(zhuǎn)場類型
 animation.type = @"suckEffect";
  //轉(zhuǎn)場時間
    animation.duration = 0.8;
    //設(shè)置轉(zhuǎn)場方向
    animation.subtype = kCATransitionFromBottom;
    //設(shè)置動畫的起始點
    animation.startProgress = 0.5;//范圍是0-1
    //設(shè)置動畫的結(jié)束點
    animation.endProgress = 0.8;
    //3.添加動畫
    [self.imageView.layer addAnimation:animation forKey:nil];

//代碼實現(xiàn)部分就是這些了
 }

pragma mark -- 2

• 轉(zhuǎn)場類型

     1.@"cube":上下旋轉(zhuǎn)的立體轉(zhuǎn)場
     2.@"push":推送轉(zhuǎn)場
     3.@"fade":交叉淡化過渡
     4.@"moveIn":新的移到舊的之上
     5.@"reveal":將舊的移開，顯示新的
     6.@"oglFlip":上下左右翻轉(zhuǎn)效果
     7.@"suckEffect":收縮效果(無方向)
     8.@"pageCurl":向上翻頁效果
     9.@"pageUnCurl":向下翻頁效果
     10.@"cameraIrisHollowOpen":相機鏡頭打開效果(無方向)
     11.@"cameraIrisHollowClose":相機鏡頭關(guān)閉效果(無方向)
     12.@"rippleEffect":水滴效果(無方向)

######注意:轉(zhuǎn)場代碼和轉(zhuǎn)場動畫代碼都必須放在一個方法里才行(當然兩者是沒有順序之分的)