ios動畫

UIView動畫

1.簡單說明

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

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

常見方法解析:

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

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

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

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

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

+ (void)setAnimationStartDate:(NSDate *)startDate? 動畫的開始時間裆针,默認(rèn)為now

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

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

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

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

2.UIView封裝的動畫與CALayer動畫的對比

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

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

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

二嚷闭、block動畫

1.簡單說明

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

參數(shù)解析:

duration:動畫的持續(xù)時間

delay:動畫延遲delay秒后開始

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

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

completion:動畫結(jié)束后,會自動調(diào)用這個block

轉(zhuǎn)場動畫

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

參數(shù)解析:

duration:動畫的持續(xù)時間

view:需要進行轉(zhuǎn)場動畫的視圖

options:轉(zhuǎn)場動畫的類型

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

completion:動畫結(jié)束后赖临,會自動調(diào)用這個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:動畫的持續(xù)時間

options:轉(zhuǎn)場動畫的類型

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

completion:動畫結(jié)束后,會自動調(diào)用這個block

三兢榨、補充

1.UIImageView的幀動畫

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

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

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

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

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

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

- (void)startAnimating; 開始動畫

- (void)stopAnimating;? 停止動畫

- (BOOL)isAnimating;? 是否正在運行動畫

2.UIActivityIndicatorView

是一個旋轉(zhuǎn)進度輪,可以用來告知用戶有一個操作正在進行中吵聪,一般用initWithActivityIndicatorStyle初始化

方法解析:

- (void)startAnimating; 開始動畫

- (void)stopAnimating;? 停止動畫

- (BOOL)isAnimating;? 是否正在運行動畫

UIActivityIndicatorViewStyle有3個值可供選擇:

UIActivityIndicatorViewStyleWhiteLarge? //大型白色指示器

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市吟逝,隨后出現(xiàn)的幾起案子帽蝶,更是在濱河造成了極大的恐慌,老刑警劉巖块攒,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嘲碱,死亡現(xiàn)場離奇詭異金砍,居然都是意外死亡局蚀,警方通過查閱死者的電腦和手機麦锯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來琅绅,“玉大人扶欣,你說我怎么就攤上這事∏Х觯” “怎么了料祠?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長澎羞。 經(jīng)常有香客問我髓绽,道長,這世上最難降的妖魔是什么妆绞? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任顺呕,我火速辦了婚禮,結(jié)果婚禮上括饶,老公的妹妹穿的比我還像新娘株茶。我一直安慰自己,他們只是感情好图焰,可當(dāng)我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布启盛。 她就那樣靜靜地躺著,像睡著了一般技羔。 火紅的嫁衣襯著肌膚如雪僵闯。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天藤滥,我揣著相機與錄音鳖粟,去河邊找鬼。 笑死超陆,一個胖子當(dāng)著我的面吹牛牺弹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播时呀,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼张漂,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了谨娜?” 一聲冷哼從身側(cè)響起航攒,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎趴梢,沒想到半個月后漠畜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體币他,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年憔狞,在試婚紗的時候發(fā)現(xiàn)自己被綠了蝴悉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡瘾敢,死狀恐怖拍冠,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情簇抵,我是刑警寧澤庆杜,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站碟摆,受9級特大地震影響晃财,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜典蜕,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一断盛、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嘉裤,春花似錦郑临、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至典奉,卻和暖如春躺翻,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背卫玖。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工公你, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人假瞬。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓陕靠,卻偏偏與公主長得像,于是被迫代替她去往敵國和親脱茉。 傳聞我的和親對象是個殘疾皇子剪芥,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,728評論 2 351

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

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