學習iOS動畫效果並實現在viewController的轉跳上

來源:互聯網
上載者:User


  動畫效果提供了狀態或頁面轉換時流暢的使用者體驗,在iOS系統中,咱們不需要自己編寫繪製動畫的代碼,Core Animation提供了豐富的api來實現你需要的動畫效果。 UIKit只用UIView來展示動畫。

動畫效果提供了狀態或頁面轉換時流暢的使用者體驗,在iOS系統中,咱們不需要自己編寫繪製動畫的代碼,Core Animation提供了豐富的api來實現你需要的動畫效果。
UIKit只用UIView來展示動畫,動畫支援UIView下面的這些屬性改變:

frame  

bounds  

center  

transform  

alpha 

backgroundColor 

contentStretch

1、commitAnimations方式使用UIView動畫

//觸摸畫面時顯示過渡動畫效果- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{    //如果非動畫可運行狀態則返回    if ( ![ UIView areAnimationsEnabled ] )    {        [ self.nextResponder touchesEnded: touches  withEvent: event ];        return;    }    //過渡動畫的初始設定    static UIViewAnimationTransition transition = UIViewAnimationTransitionFlipFromLeft;        UIView* nextView = [ self nextView ];        //建立下一個畫面(UIView)    [ UIView beginAnimations: nil context: NULL ];    [ UIView setAnimationDelegate: self ];    [ UIView setAnimationDidStopSelector: @selector(animationDidStop) ];    [ UIView setAnimationDuration: 2.0 ];    [ UIView setAnimationTransition: transition forView: self.view cache: YES ];    [ [ self.view viewWithTag: kTagViewForTransitionTest ] removeFromSuperview ];    [ self.view addSubview: nextView ];    [ UIView commitAnimations ];            //暫時將畫面置為無效狀態    [ UIView setAnimationsEnabled: NO ];    //切換過渡動畫效果    if ( UIViewAnimationTransitionCurlDown < ++transition )    {        transition = UIViewAnimationTransitionFlipFromLeft;    }}

下面是點擊改變後的效果


1.2 交換本視圖控制器中2個view位置
[self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];
先添加兩個view ,一個redview  一個yellowview

1.3
、[UIView setAnimationDidStopSelector:@selector(animationFinish:)];
在commitAnimations訊息之前,可以設定動畫完成後的回調,設定方法是:
[UIView setAnimationDidStopSelector:@selector(animationFinish:)];


2、使用:CATransition
在兩個viewController之間轉跳

注意:一定要將“QuartzCore.framework”add
到項目裡,還要包標頭檔

#import <QuartzCore/QuartzCore.h>

    Class class = NSClassFromString( [ items_ objectAtIndex:indexPath.row ] );    id viewController = [ [ [ class alloc] init ] autorelease ];               if ( viewController  )     {        CATransition* transition = [ CATransition animation ];        transition.duration = 1.0f;        transition.type = @"cube"; // 立方體效果        transition.subtype = kCATransitionFromLeft;        [ self.navigationController pushViewController: viewController animated: YES ];        [ self.navigationController.view.layer addAnimation: transition forKey: @"animation" ];    }

transition.type 的類型可以有
淡化、推擠、揭開、覆蓋
NSString * const kCATransitionFade;
NSString * const kCATransitionMoveIn;
NSString * const kCATransitionPush;
NSString * const kCATransitionReveal;

這四種,
transition.subtype 
也有四種
NSString * const kCATransitionFromRight;
NSString * const kCATransitionFromLeft;
NSString * const kCATransitionFromTop;
NSString * const kCATransitionFromBottom;

2.2 私人的類型的動畫類型:
立方體、吸收、翻轉、波紋、翻頁、反翻頁、鏡頭開、鏡頭關。

2.3 CATransition的 startProgress  endProgress屬性
這兩個屬性是float類型的。
可以控制動畫進行的過程,可以讓動畫停留在某個動畫點上,值在0.0到1.0之間。endProgress要大於等於startProgress。
比如上面的立方體轉到,可以設定endProgress= 0.5,讓動畫停留在轉動一般的位置。
上面這些私人的動畫效果,在實際應用中要謹慎使用。因為在app store審核時可能會以為這些動畫效果而拒絕通過。


3、UIView的 + (void)animateWithDuration
:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion
方法。
這個方法是在iOS4.0之後才支援的。
比 1 裡的UIView的方法簡潔方便使用。
DidView裡添加moveView。


然後用UIView animateWithDuration動畫移動,移動動畫完畢後添加一個Label。
3.2、 animateWithDuration的嵌套使用
這個嵌套的效果是先把view變成透明,在從透明變成不透明,重複2.5次透明到不透明的效果。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.