ios動(dòng)畫

UIView動(dòng)畫

1.簡(jiǎn)單說明

UIKit直接將動(dòng)畫集成到UIView類中,當(dāng)內(nèi)部的一些屬性發(fā)生改變時(shí),UIView將為這些改變提供動(dòng)畫支持

執(zhí)行動(dòng)畫所需要的工作由UIView類自動(dòng)完成,但仍要在希望執(zhí)行動(dòng)畫時(shí)通知視圖,為此需要將改變屬性的代碼放在[UIView beginAnimations:nil context:nil]和[UIView commitAnimations]之間

常見方法解析:

+ (void)setAnimationDelegate:(id)delegate? ? 設(shè)置動(dòng)畫代理對(duì)象,當(dāng)動(dòng)畫開始或者結(jié)束時(shí)會(huì)發(fā)消息給代理對(duì)象

+ (void)setAnimationWillStartSelector:(SEL)selector? 當(dāng)動(dòng)畫即將開始時(shí),執(zhí)行delegate對(duì)象的selector,并且把beginAnimations:context:中傳入的參數(shù)傳進(jìn)selector

+ (void)setAnimationDidStopSelector:(SEL)selector? 當(dāng)動(dòng)畫結(jié)束時(shí),執(zhí)行delegate對(duì)象的selector,并且把beginAnimations:context:中傳入的參數(shù)傳進(jìn)selector

+ (void)setAnimationDuration:(NSTimeInterval)duration? 動(dòng)畫的持續(xù)時(shí)間,秒為單位

+ (void)setAnimationDelay:(NSTimeInterval)delay? 動(dòng)畫延遲delay秒后再開始

+ (void)setAnimationStartDate:(NSDate *)startDate? 動(dòng)畫的開始時(shí)間,默認(rèn)為now

+ (void)setAnimationCurve:(UIViewAnimationCurve)curve? 動(dòng)畫的節(jié)奏控制

+ (void)setAnimationRepeatCount:(float)repeatCount? 動(dòng)畫的重復(fù)次數(shù)

+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses? 如果設(shè)置為YES,代表動(dòng)畫每次重復(fù)執(zhí)行的效果會(huì)跟上一次相反

+ (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache? 設(shè)置視圖view的過渡效果, transition指定過渡類型, cache設(shè)置YES代表使用視圖緩存,性能較好

2.UIView封裝的動(dòng)畫與CALayer動(dòng)畫的對(duì)比

使用UIView和CALayer都能實(shí)現(xiàn)動(dòng)畫效果,但是在真實(shí)的開發(fā)中,一般還是主要使用UIView封裝的動(dòng)畫,而很少使用CALayer的動(dòng)畫。

CALayer核心動(dòng)畫與UIView動(dòng)畫的區(qū)別:

UIView封裝的動(dòng)畫執(zhí)行完畢之后不會(huì)反彈。即如果是通過CALayer核心動(dòng)畫改變layer的位置狀態(tài),表面上看雖然已經(jīng)改變了,但是實(shí)際上它的位置是沒有改變的。

二、block動(dòng)畫

1.簡(jiǎn)單說明

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion

參數(shù)解析:

duration:動(dòng)畫的持續(xù)時(shí)間

delay:動(dòng)畫延遲delay秒后開始

options:動(dòng)畫的節(jié)奏控制

animations:將改變視圖屬性的代碼放在這個(gè)block中

completion:動(dòng)畫結(jié)束后,會(huì)自動(dòng)調(diào)用這個(gè)block

轉(zhuǎn)場(chǎng)動(dòng)畫

+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion

參數(shù)解析:

duration:動(dòng)畫的持續(xù)時(shí)間

view:需要進(jìn)行轉(zhuǎn)場(chǎng)動(dòng)畫的視圖

options:轉(zhuǎn)場(chǎng)動(dòng)畫的類型

animations:將改變視圖屬性的代碼放在這個(gè)block中

completion:動(dòng)畫結(jié)束后,會(huì)自動(dòng)調(diào)用這個(gè)block

+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion

方法調(diào)用完畢后,相當(dāng)于執(zhí)行了下面兩句代碼:

// 添加toView到父視圖

[fromView.superview addSubview:toView];

// 把fromView從父視圖中移除

[fromView.superview removeFromSuperview];

參數(shù)解析:

duration:動(dòng)畫的持續(xù)時(shí)間

options:轉(zhuǎn)場(chǎng)動(dòng)畫的類型

animations:將改變視圖屬性的代碼放在這個(gè)block中

completion:動(dòng)畫結(jié)束后,會(huì)自動(dòng)調(diào)用這個(gè)block

三、補(bǔ)充

1.UIImageView的幀動(dòng)畫

UIImageView可以讓一系列的圖片在特定的時(shí)間內(nèi)按順序顯示

相關(guān)屬性解析:

animationImages:要顯示的圖片(一個(gè)裝著UIImage的NSArray)

animationDuration:完整地顯示一次animationImages中的所有圖片所需的時(shí)間

animationRepeatCount:動(dòng)畫的執(zhí)行次數(shù)(默認(rèn)為0,代表無(wú)限循環(huán))

相關(guān)方法解析:

- (void)startAnimating; 開始動(dòng)畫

- (void)stopAnimating;? 停止動(dòng)畫

- (BOOL)isAnimating;? 是否正在運(yùn)行動(dòng)畫

2.UIActivityIndicatorView

是一個(gè)旋轉(zhuǎn)進(jìn)度輪,可以用來(lái)告知用戶有一個(gè)操作正在進(jìn)行中,一般用initWithActivityIndicatorStyle初始化

方法解析:

- (void)startAnimating; 開始動(dòng)畫

- (void)stopAnimating;? 停止動(dòng)畫

- (BOOL)isAnimating;? 是否正在運(yùn)行動(dòng)畫

UIActivityIndicatorViewStyle有3個(gè)值可供選擇:

UIActivityIndicatorViewStyleWhiteLarge? //大型白色指示器

UIActivityIndicatorViewStyleWhite? ? ? //標(biāo)準(zhǔn)尺寸白色指示器

UIActivityIndicatorViewStyleGray? ? //灰色指示器,用于白色背景

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在iOS實(shí)際開發(fā)中常用的動(dòng)畫無(wú)非是以下四種:UIView動(dòng)畫,核心動(dòng)畫,幀動(dòng)畫,自定義轉(zhuǎn)場(chǎng)動(dòng)畫。 1.UIView...
    請(qǐng)叫我周小帥閱讀 3,326評(píng)論 1 23
  • 動(dòng)畫的繼承結(jié)構(gòu) CAAnimation{CAPropertyAnimation{CABasicAnimation{...
    早起的蟲兒子被鳥吃閱讀 958評(píng)論 0 1
  • UIKit直接將動(dòng)畫集成到UIView類中,當(dāng)內(nèi)部的一些屬性發(fā)生改變時(shí),UIView將為這些改變提供動(dòng)畫支持。 U...
    白水灬煮一切閱讀 1,529評(píng)論 0 0
  • 在開發(fā)工作中,我們會(huì)碰到大量的需要表現(xiàn)力的地方,那么動(dòng)畫便成為了我們開發(fā)過程中必不可少的知識(shí)點(diǎn)。 那么,首先我們從...
    穿山甲救蛇精閱讀 2,633評(píng)論 2 15
  • 核心動(dòng)畫 認(rèn)識(shí)核心動(dòng)畫 1Core Animation是直接作用在CALayer上的,并非UIView。 2Cor...
    熊貓啃竹凳閱讀 343評(píng)論 0 0

友情鏈接更多精彩內(nèi)容