Core Animation之轉(zhuǎn)場動畫

1扣泊、轉(zhuǎn)場動畫簡單介紹

CAAnimation的子類近范,用于做轉(zhuǎn)場動畫,能夠為層提供移出屏幕和移入屏幕的動畫效果延蟹。iOS比Mac OS X的轉(zhuǎn)場動畫效果少一點
UINavigationController就是通過CATransition實現(xiàn)了將控制器的視圖推入屏幕的動畫效果
屬性解析:
type:動畫過渡類型
subtype:動畫過渡方向
startProgress:動畫起點(在整體動畫的百分比)
endProgress:動畫終點(在整體動畫的百分比)

2评矩、轉(zhuǎn)場動畫效果類型

轉(zhuǎn)場動畫效果.png

3、圖片瀏覽器的轉(zhuǎn)場動畫效果

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
// 圖片索引
@property (nonatomic,assign) int index;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.index = 1;
    
}

- (IBAction)previousImageAnimation:(UIButton *)sender {
    self.index--;
       if (self.index<1) {
              self.index=11;
           }
       self.iconView.image=[UIImage imageNamed: [NSString stringWithFormat:@"%03d.jpg",self.index]];
    
       //創(chuàng)建核心動畫
       CATransition *caanimation=[CATransition animation];
        //告訴要執(zhí)行什么動畫
        //設(shè)置過度效果
       caanimation.type=@"cube";
       //設(shè)置動畫的過度方向(向左)
       caanimation.subtype=kCATransitionFromLeft;
       //設(shè)置動畫的時間
       caanimation.duration=2.0;
        //添加動畫
      [self.iconView.layer addAnimation:caanimation forKey:nil];

}
- (IBAction)nextImageAnimation:(UIButton *)sender {
    self.index++;
    if (self.index>11) {
        self.index = 1;
    }
    self.iconView.image=[UIImage imageNamed: [NSString stringWithFormat:@"%03d.jpg",self.index]];
    
    //創(chuàng)建核心動畫
    CATransition *caanimation=[CATransition animation];
    //告訴要執(zhí)行什么動畫
    //設(shè)置過度效果
    caanimation.type=@"cube";
    //設(shè)置動畫的過度方向(向右)
    caanimation.subtype=kCATransitionFromRight;
    //設(shè)置動畫的時間
    caanimation.duration=2.0;
    //添加動畫
    [self.iconView.layer addAnimation:caanimation forKey:nil];

}

@end

執(zhí)行的效果

Untitled.gif
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末阱飘,一起剝皮案震驚了整個濱河市稚照,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌俯萌,老刑警劉巖果录,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異咐熙,居然都是意外死亡弱恒,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進店門棋恼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來返弹,“玉大人,你說我怎么就攤上這事爪飘∫迤穑” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵师崎,是天一觀的道長默终。 經(jīng)常有香客問我,道長犁罩,這世上最難降的妖魔是什么齐蔽? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮床估,結(jié)果婚禮上含滴,老公的妹妹穿的比我還像新娘。我一直安慰自己丐巫,他們只是感情好谈况,可當我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布勺美。 她就那樣靜靜地躺著,像睡著了一般碑韵。 火紅的嫁衣襯著肌膚如雪赡茸。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天泼诱,我揣著相機與錄音坛掠,去河邊找鬼赊锚。 笑死治筒,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的舷蒲。 我是一名探鬼主播耸袜,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼牲平!你這毒婦竟也來了堤框?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤纵柿,失蹤者是張志新(化名)和其女友劉穎蜈抓,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體昂儒,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡沟使,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了渊跋。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腊嗡。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖拾酝,靈堂內(nèi)的尸體忽然破棺而出燕少,到底是詐尸還是另有隱情,我是刑警寧澤蒿囤,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布客们,位于F島的核電站,受9級特大地震影響材诽,放射性物質(zhì)發(fā)生泄漏镶摘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一岳守、第九天 我趴在偏房一處隱蔽的房頂上張望凄敢。 院中可真熱鬧,春花似錦湿痢、人聲如沸涝缝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拒逮。三九已至罐氨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間滩援,已是汗流浹背栅隐。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留玩徊,地道東北人租悄。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像恩袱,于是被迫代替她去往敵國和親泣棋。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 文 || 張賀 Core Animation簡介 Core Animation畔塔,中文翻譯為核心動畫潭辈,它是一組非常強...
    張賀閱讀 2,037評論 9 35
  • 在iOS實際開發(fā)中常用的動畫無非是以下四種:UIView動畫,核心動畫澈吨,幀動畫把敢,自定義轉(zhuǎn)場動畫。 1.UIView...
    請叫我周小帥閱讀 3,097評論 1 23
  • 一谅辣、簡介 Core Animation修赞,中文翻譯為核心動畫,它是一組非常強大的動畫處理API屈藐,使用它能做出非常炫麗...
    莦婼姑娘閱讀 963評論 0 4
  • Core Animation 核心動畫 Core Animation是一組非常強大的動畫處理API榔组,使用它能做出非...
    iOS_Cqlee閱讀 2,315評論 0 8
  • 核心動畫的基本結(jié)構(gòu) CAAnimation 是個虛類 不能直接使用 繼承之下有三個子類 CAAnimationG...
    藤王俊采閱讀 406評論 1 2