其實(shí)為了更好地控制動(dòng)畫最好的是通過轉(zhuǎn)場動(dòng)畫協(xié)議來寫.
現(xiàn)在先介紹簡單的使用系統(tǒng)提供的動(dòng)畫效果視圖切換，
沒有NavigationController的情況下，一般會(huì)使用presentViewController來切換視圖并攜帶切換時(shí)的動(dòng)畫，
其中切換方法如下：
– presentViewController:animated:completion: 彈出，出現(xiàn)一個(gè)新視圖 可以帶動(dòng)畫效果，完成后可以做相應(yīng)的執(zhí)行函數(shù)經(jīng)常為nil
– dismissViewControllerAnimated:completion:退出一個(gè)新視圖 可以帶動(dòng)畫效果，完成后可以做相應(yīng)的執(zhí)行函數(shù)經(jīng)常為nil
切換動(dòng)畫在壓入一個(gè)新視圖和彈出頂層視圖均可以使用，下面只以壓入視圖為例。
presentModalViewController:animated:completion:使用系統(tǒng)自帶四種動(dòng)畫
typedef enum {
UIModalTransitionStyleCoverVertical=0, //默認(rèn)方式，豎向上推
UIModalTransitionStyleFlipHorizontal, //水平反轉(zhuǎn)
UIModalTransitionStyleCrossDissolve,//隱出隱現(xiàn)
UIModalTransitionStylePartialCurl,//部分翻頁效果
} UIModalTransitionStyle;
簡單的實(shí)現(xiàn)方式：
[page2Controller setModalTransitionStyle:UIModalTransitionStyleFlipHorizontal];
[self presentModalViewController:myNextViewController animated:YES completion:nil];
值得注意的是如果是采用UIModalTransitionStylePartialCurl, present 出來的頁面對角線左上半部分輕觸頁面會(huì)返回到上一個(gè)頁面,目前還沒有找到方法屏蔽該事件.如果有大牛知道可以告知下.
實(shí)現(xiàn)全翻頁效果：
JDSystemTransTestViewController *vc =[[JDSystemTransTestViewController alloc]init];
CATransition *animation = [CATransition animation];
animation.duration = 0.5;
animation.timingFunction = UIViewAnimationCurveEaseInOut;
animation.type =@"pageCurl";
animation.subtype = kCATransitionFromRight;
[self.view.window.layer addAnimation:animation forKey:nil];
//注意以下方法必須animated設(shè)置NO,而且返回的動(dòng)畫還是默
[self.navigationController pushViewController:vc animated:NO];
// [self presentViewController:vc animated:NO completion:nil];
注意:
1.以上方法使用 push 和 present 皆可,但是要注意,只有跳轉(zhuǎn)過去的動(dòng)畫,返回時(shí)候的動(dòng)畫,還是默認(rèn)的需要自己再手動(dòng)添加.
2.animated一定要設(shè)置為 NO,否則效果會(huì)很差.
附動(dòng)畫的 type 類型
@"fade", //淡入淡出 kCATransitionFade
@"push", //推擠 kCATransitionPush
@"reveal", //揭開 kCATransitionReveal
@"moveIn", //覆蓋 kCATransitionMoveIn
@"cube", //立方體 私有API
@"suckEffect", //吮吸 私有API
@"oglFlip", //翻轉(zhuǎn) 私有API
@"rippleEffect", //波紋 私有API
@"pageCurl", //反翻頁 私有API
@"cameraIrisHollowOpen", //開鏡頭 私有API
@"cameraIrisHollowClose", //關(guān)鏡頭 私有API
系統(tǒng)定義的type：
kCATransitionFade //淡出
kCATransitionMoveIn //覆蓋原圖
kCATransitionPush //推出
kCATransitionReveal //底部顯出來
舉例:animation.type = kCATransitionPush;
翻轉(zhuǎn)方向SubType:
kCATransitionFromRight
kCATransitionFromLeft // 默認(rèn)值
kCATransitionFromTop
kCATransitionFromBottom
設(shè)置其他動(dòng)畫類型的方法(type)需要用字符串類型取值
pageCurl 向上翻一頁
pageUnCurl 向下翻一頁
rippleEffect 滴水效果
suckEffect 收縮效果，如一塊布被抽走
cube 立方體效果
oglFlip 上下翻轉(zhuǎn)效果
比如: animation.type =@"pageCurl";
Demo地址:https://github.com/yuying2012/WJDStudyLibrary
這是一個(gè)大工程,請從工程中尋找相關(guān)模塊代碼.
