iOS基于CATransition實(shí)現(xiàn)翻頁(yè)、旋轉(zhuǎn)等動(dòng)畫(huà)效果
基于CATransition實(shí)現(xiàn)翻頁(yè)、旋轉(zhuǎn)、淡化、推進(jìn)、滑入滑出、立方體、吮吸、波紋等動(dòng)畫(huà)效果。
首先看一下效果圖:
下面貼上代碼:
#import <UIKit/UIKit.h> @interface ViewController : UIViewController @end #import "ViewController.h" //獲得屏幕的寬高 #define mainW [UIScreen mainScreen].bounds.size.width #define mainH [UIScreen mainScreen].bounds.size.height @interface ViewController () @property (nonatomic, strong) NSArray *typeArray; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor greenColor]; //創(chuàng)建控件 [self creatControl]; _typeArray = @[kCATransitionFade, kCATransitionPush, kCATransitionMoveIn, kCATransitionReveal, @"cube", @"suckEffect", @"oglFlip", @"rippleEffect", @"pageCurl", @"pageUnCurl", @"cameraIrisHollowOpen", @"cameraIrisHollowClose"]; } - (void)creatControl { NSArray *titleArray = @[@"淡化效果", @"推進(jìn)效果", @"滑入效果", @"滑出效果", @"立方體效果", @"吮吸效果", @"翻轉(zhuǎn)效果", @"波紋效果", @"翻頁(yè)效果", @"反翻頁(yè)效果", @"開(kāi)鏡頭效果", @"關(guān)鏡頭效果"]; for (int i = 0; i < titleArray.count; i++) { CGFloat X = i % 2 == 0 ? mainW * 0.1 : mainW * 0.6; CGFloat Y = 64 + i / 2 * mainW * 0.15; UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(X, Y, mainW * 0.3, mainW * 0.1)]; btn.tag = i; [btn setBackgroundColor:[UIColor colorWithRed:0.6f green:0.7f blue:0.6f alpha:0.7f]]; [btn setTitle:titleArray[i] forState:UIControlStateNormal]; [btn addTarget:self action:@selector(btnOnClick:) forControlEvents:UIControlEventTouchUpInside]; [self.view addSubview:btn]; } } - (void)btnOnClick:(UIButton *)btn { static int i = 0; i = i == 0 ? 1 : 0; self.view.backgroundColor = i == 0 ? [UIColor greenColor] : [UIColor yellowColor]; //創(chuàng)建CATransition對(duì)象 CATransition *animation = [CATransition animation]; //設(shè)置時(shí)間 animation.duration = 1.0f; //設(shè)置類(lèi)型 animation.type = _typeArray[btn.tag]; //設(shè)置方向 animation.subtype = kCATransitionFromRight; //設(shè)置運(yùn)動(dòng)速度變化 animation.timingFunction = UIViewAnimationOptionCurveEaseInOut; [self.view.layer addAnimation:animation forKey:@"animation"]; } @end
CATransition.type動(dòng)畫(huà)類(lèi)型:
kCATransitionFade //淡化效果 kCATransitionPush //推進(jìn)效果 kCATransitionMoveIn //滑入效果 kCATransitionReveal //滑出效果 @"cube" //立方體效果 @"suckEffect" //吮吸效果 @"oglFlip" //翻轉(zhuǎn)效果 @"rippleEffect" //波紋效果 @"pageCurl" //翻頁(yè)效果 @"pageUnCurl" //反翻頁(yè)效果 @"cameraIrisHollowOpen" //開(kāi)鏡頭效果 @"cameraIrisHollowClose" //關(guān)鏡頭效果
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
IOS實(shí)現(xiàn)輸入驗(yàn)證碼、密碼按位分割(二)
這篇文章主要介紹了IOS實(shí)現(xiàn)輸入驗(yàn)證碼、密碼按位分割的方法,在App內(nèi),密碼及驗(yàn)證碼的輸入,采用按位輸入的方法,且位與位之間有分隔線(xiàn),感興趣的小伙伴們可以參考一下2016-01-01iOS中創(chuàng)建Model的最佳實(shí)踐記錄
這篇文章主要給大家介紹了關(guān)于iOS中創(chuàng)建Model的最佳實(shí)踐,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用iOS具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-10-10iOS基于UITableView實(shí)現(xiàn)多層展開(kāi)與收起
這篇文章主要為大家詳細(xì)介紹了iOS基于UITableView實(shí)現(xiàn)多層展開(kāi)與收起的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03iOS應(yīng)用開(kāi)發(fā)中實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的簡(jiǎn)單方法筆記
這篇文章主要介紹了iOS應(yīng)用開(kāi)發(fā)中實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的簡(jiǎn)單方法筆記,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-02-02詳解iOS應(yīng)用中播放本地視頻以及選取本地音頻的組件用法
這里來(lái)為大家詳解iOS應(yīng)用中播放本地視頻以及選取本地音頻的組件用法,分別使用MPMoviePlayerControlle和MPMediaPickerController來(lái)實(shí)現(xiàn),兩個(gè)都是MediaPlayer.framework中的多媒體組件,所以我們放到一起來(lái)講.2016-06-06詳解iOS多線(xiàn)程之2.NSThread的加鎖@synchronized
這篇文章主要介紹了詳解iOS多線(xiàn)程之2.NSThread的加鎖@synchronized,有需要的小伙伴可以參考下。2016-11-11iOS開(kāi)發(fā)中Quartz2D的基本使用方式舉例
這篇文章主要介紹了iOS開(kāi)發(fā)中Quartz2D的基本使用方式舉例,需要的朋友可以參考下2015-11-11