核心動畫——轉場動畫

轉場動畫:CATransition

屬性介紹:

    ①type:轉場動畫的動畫效果

         kCATransitionFade   交叉淡化過渡

         kCATransitionMoveIn 新視圖移到舊視圖上面

         kCATransitionPush   新視圖把舊視圖推出去

         kCATransitionReveal 將舊視圖移開,顯示下麵的新視圖

     轉場動畫的動畫效果 私有api

     　　pageCurl            向上翻一頁

     　　pageUnCurl          向下翻一頁

    　　 rippleEffect        滴水效果

     　　suckEffect          收縮效果 如一塊布被抽走

     　　cube                立方體效果

     　　oglFlip             上下翻轉效果

　 ②subtype:轉場動畫的效果方向

         kCATransitionFromRight

         kCATransitionFromLeft

         kCATransitionFromTop

         kCATransitionFromBottom

    ③startProgress 開始進度 （0，1）

    ④endProgress 結束進度

以上就是關於轉場動畫的介紹

具體代碼如下:

首先在Main.storyBoard裡面創建一個UIImageView,設置image、contentModel,點擊右鍵不放將他拖到工程@interface裡面。

#import "ViewController.h"

@interface ViewController ()
{
    //圖片的標記
    int index;
}
@property (weak, nonatomic) IBOutlet UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
}

- (IBAction)leftSwipe:(id)sender {
    [self changImageWithDirection:YES];
    
    
}

- (IBAction)rightSwipe:(id)sender {
    [self changImageWithDirection:NO];
}

- (void)changImageWithDirection:(BOOL)direction{
   
    CATransition *animation = [CATransition animation];
    animation.duration = 2;
    
    if (direction != YES) {
        index --;
        NSLog(@"向右");
        animation.type = @"oglFlip";//上下翻轉效果
        animation.subtype = kCATransitionFromLeft;//方向向左
        
    }else{
        index ++;
        NSLog(@"向左");
        animation.type = @"cube";//立方體效果
        animation.subtype = kCATransitionFromRight;

    }
    
    if (index<0) {
        index = 6;
    }
    if (index>6) {
        index = 0;
    }
    
    self.imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"社區%d.jpg",index+1]];
    [self.imageView.layer addAnimation:animation forKey:@""];
}

@end

效果如下: