iOS 轉(zhuǎn)場(chǎng)動(dòng)畫的基本使用

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *aniMationView;
@property(nonatomic,assign)int index;
- (IBAction)nextImageViewButn:(id)sender;
- (IBAction)lastiamgeViewbutn:(id)sender;
@end
- (IBAction)nextImageViewButn:(id)sender {

    self.index ++;
    if (self.index > 7) {
        self.index = 1;
    }
    
    NSString * imageName = [NSString stringWithFormat:@"%d.JPG",self.index];
    UIImage * image = [UIImage imageNamed:imageName];
    self.aniMationView.image = image;
   
    NSLog(@"下一張%d",self.index);
    /** types的類型
     @"rippleEffect":水滴效果构挤,
     @"suckEffect":收縮效果,像一塊布被抽走,
     @"cube":立方體翻轉(zhuǎn)效果筋帖,
     @"oglFlip":上下左右翻轉(zhuǎn)效果
     @"pageCurl":向上翻頁效果
     @"pageUnCul"向下翻頁效果
     @"cameraIrisHollowColse"相機(jī)鏡頭關(guān)上效果
     @"cameraIrisHollowOpen"相機(jī)鏡頭打開效果

     */
     /* Common transition types的類型. */
    
    CA_EXTERN NSString * const kCATransitionFade
    __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);
    CA_EXTERN NSString * const kCATransitionMoveIn
    __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);
    CA_EXTERN NSString * const kCATransitionPush
    __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);
    CA_EXTERN NSString * const kCATransitionReveal
    __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);
    
    /* Common transition subtypes的類型. */
    
    CA_EXTERN NSString * const kCATransitionFromRight
    __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);
    CA_EXTERN NSString * const kCATransitionFromLeft
    __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);
    CA_EXTERN NSString * const kCATransitionFromTop
    __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);
    CA_EXTERN NSString * const kCATransitionFromBottom
    __OSX_AVAILABLE_STARTING (__MAC_10_5, __IPHONE_2_0);
    
    CATransition * ca = [CATransition animation];
    ca.type = @"rippleEffect";//水滴效果
    ca.subtype = kCATransitionFromRight;
    ca.duration = 0.5;//動(dòng)畫時(shí)長
    [self.aniMationView.layer addAnimation:ca forKey:nil];
}
- (IBAction)lastiamgeViewbutn:(id)sender {
    self.index--;
    if (self.index < 1) {
        self.index = 7;
    }
    NSString * imageName = [NSString stringWithFormat:@"%d.JPG",self.index];
    UIImage * image = [UIImage imageNamed:imageName];
    self.aniMationView.image = image;
    NSLog(@"上一張%d",self.index);
    CATransition * ca = [CATransition animation];
    ca.type = kCATransitionPush;
    ca.subtype = kCATransitionFromRight;
    ca.duration = 0.5;
    [self.aniMationView.layer addAnimation:ca forKey:nil];
}

部分動(dòng)畫效果圖

222.gif
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子件甥,更是在濱河造成了極大的恐慌,老刑警劉巖言缤,帶你破解...
    沈念sama閱讀 221,331評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嚼蚀,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡管挟,警方通過查閱死者的電腦和手機(jī)轿曙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,372評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人导帝,你說我怎么就攤上這事守谓。” “怎么了您单?”我有些...
    開封第一講書人閱讀 167,755評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵斋荞,是天一觀的道長。 經(jīng)常有香客問我虐秦,道長平酿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,528評(píng)論 1 296
  • 正文 為了忘掉前任悦陋,我火速辦了婚禮蜈彼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘俺驶。我一直安慰自己幸逆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,526評(píng)論 6 397
  • 文/花漫 我一把揭開白布暮现。 她就那樣靜靜地躺著还绘,像睡著了一般。 火紅的嫁衣襯著肌膚如雪栖袋。 梳的紋絲不亂的頭發(fā)上拍顷,一...
    開封第一講書人閱讀 52,166評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音栋荸,去河邊找鬼菇怀。 笑死,一個(gè)胖子當(dāng)著我的面吹牛晌块,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播帅霜,決...
    沈念sama閱讀 40,768評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼匆背,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了身冀?” 一聲冷哼從身側(cè)響起钝尸,我...
    開封第一講書人閱讀 39,664評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎搂根,沒想到半個(gè)月后珍促,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,205評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡剩愧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,290評(píng)論 3 340
  • 正文 我和宋清朗相戀三年猪叙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,435評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡穴翩,死狀恐怖犬第,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情芒帕,我是刑警寧澤歉嗓,帶...
    沈念sama閱讀 36,126評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站背蟆,受9級(jí)特大地震影響鉴分,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜带膀,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,804評(píng)論 3 333
  • 文/蒙蒙 一志珍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧本砰,春花似錦碴裙、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,276評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至还棱,卻和暖如春载慈,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背珍手。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來泰國打工办铡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人琳要。 一個(gè)月前我還...
    沈念sama閱讀 48,818評(píng)論 3 376
  • 正文 我出身青樓寡具,卻偏偏與公主長得像,于是被迫代替她去往敵國和親稚补。 傳聞我的和親對(duì)象是個(gè)殘疾皇子童叠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,442評(píng)論 2 359

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

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜课幕,今天將帶大家一窺ios動(dòng)畫全貌厦坛。在這里你可以看...
    每天刷兩次牙閱讀 8,511評(píng)論 6 30
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜乍惊,今天將帶大家一窺iOS動(dòng)畫全貌杜秸。在這里你可以看...
    F麥子閱讀 5,115評(píng)論 5 13
  • 概覽 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜润绎,今天將帶大家一窺iOS動(dòng)畫全貌撬碟。在這里你...
    Yiart閱讀 3,823評(píng)論 3 34
  • 在iOS實(shí)際開發(fā)中常用的動(dòng)畫無非是以下四種:UIView動(dòng)畫诞挨,核心動(dòng)畫,幀動(dòng)畫小作,自定義轉(zhuǎn)場(chǎng)動(dòng)畫亭姥。 1.UIView...
    請(qǐng)叫我周小帥閱讀 3,106評(píng)論 1 23
  • 上課的日子也著實(shí)無聊达罗,也不盼望著放假,因?yàn)榘凑宅F(xiàn)在的生活模式放假也輕松不下來静秆。每天算計(jì)著花錢粮揉,早飯晚飯多花那么一塊...
    hehaw閱讀 188評(píng)論 0 0