IOS 動(dòng)畫(huà)組合

在iOS開(kāi)發(fā)中,動(dòng)畫(huà)主要有2種:

1. UIView的動(dòng)畫(huà):

? ? ?在IOS4.0以前饵沧,用begin和commit模式谒出,代碼如下:

可選的動(dòng)畫(huà)代理:

-(void)animationDidStart:(CAAnimation *)anim

-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag

? 在iOS4.0及以后支持block模式娩鹉,代碼如下:

在動(dòng)畫(huà)視圖(UIView)上添加點(diǎn)擊手勢(shì)建炫,在手勢(shì)中添加動(dòng)畫(huà)代碼如下:

2. Core Animation 動(dòng)畫(huà)


有隱式動(dòng)畫(huà)和顯示動(dòng)畫(huà)兩種,本文主要介紹顯示動(dòng)畫(huà):

主要是在CALayer圖層上的動(dòng)畫(huà)断盛,圖層包括:模型層罗洗,表示層;

顯示動(dòng)畫(huà)主要有以下幾種:

1. CABasicAnimation 基本單一類(lèi)型的動(dòng)畫(huà):


重點(diǎn)給出位置動(dòng)畫(huà)的代碼钢猛,常見(jiàn)的keypath如下表:

當(dāng)UIView移動(dòng)到指定位置后伙菜,會(huì)返回到初始位置,那是因?yàn)閯?dòng)畫(huà)作用在表示層厢洞,當(dāng)動(dòng)畫(huà)結(jié)束時(shí)仇让,動(dòng)畫(huà)會(huì)被移除掉,此刻模型層還沒(méi)有變化躺翻,所以最終會(huì)回到初始位置丧叽。有兩種方式來(lái)處理這種問(wèn)題。

1. 直接作用到模型層公你,改變模型層的屬性值

2. 設(shè)置動(dòng)畫(huà)的屬性removedOnCompletion = NO (動(dòng)畫(huà)不刪除) 和 fillMode = kCAFillModeForwards (動(dòng)畫(huà)保持在結(jié)束位置)

建議使用第一種踊淳,第二種方式動(dòng)畫(huà)一直存在,會(huì)影響系統(tǒng)的性能陕靠。

2. CAKeyframeAnimation 幀動(dòng)畫(huà)

? ? ? 主要操作屬性有 keyPath 和 values 值組合迂尝。

3. CAAnimationGroup 組合動(dòng)畫(huà)

? ? ? 操作屬性:animations 將CAAnimation類(lèi)型的動(dòng)畫(huà)加入數(shù)組,F(xiàn)IFO的方式執(zhí)行剪芥。

另外感覺(jué)CAShapeLayer很牛叉垄开,根據(jù)其中的strokeStart和strokeEnd做一些動(dòng)畫(huà):

例如可以做下載用的進(jìn)度條,取代系統(tǒng)自帶的税肪;

初始化方法:

通過(guò)readwrite屬性 progress來(lái)改變strokeEnd來(lái)進(jìn)行動(dòng)畫(huà)操作

就寫(xiě)到這里了溉躲,歡迎大家來(lái)吐槽,后期會(huì)不斷優(yōu)化益兄,謝謝锻梳。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市净捅,隨后出現(xiàn)的幾起案子疑枯,更是在濱河造成了極大的恐慌,老刑警劉巖蛔六,帶你破解...
    沈念sama閱讀 218,036評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件荆永,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡国章,警方通過(guò)查閱死者的電腦和手機(jī)屁魏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)捉腥,“玉大人氓拼,你說(shuō)我怎么就攤上這事〉值” “怎么了桃漾?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,411評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)拟逮。 經(jīng)常有香客問(wèn)我撬统,道長(zhǎng),這世上最難降的妖魔是什么敦迄? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,622評(píng)論 1 293
  • 正文 為了忘掉前任恋追,我火速辦了婚禮凭迹,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘苦囱。我一直安慰自己嗅绸,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布撕彤。 她就那樣靜靜地躺著鱼鸠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪羹铅。 梳的紋絲不亂的頭發(fā)上蚀狰,一...
    開(kāi)封第一講書(shū)人閱讀 51,521評(píng)論 1 304
  • 那天,我揣著相機(jī)與錄音职员,去河邊找鬼麻蹋。 笑死,一個(gè)胖子當(dāng)著我的面吹牛焊切,可吹牛的內(nèi)容都是我干的哥蔚。 我是一名探鬼主播,決...
    沈念sama閱讀 40,288評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼蛛蒙,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼糙箍!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起牵祟,我...
    開(kāi)封第一講書(shū)人閱讀 39,200評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤深夯,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后诺苹,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體咕晋,經(jīng)...
    沈念sama閱讀 45,644評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評(píng)論 3 336
  • 正文 我和宋清朗相戀三年收奔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了掌呜。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,953評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡坪哄,死狀恐怖质蕉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情翩肌,我是刑警寧澤模暗,帶...
    沈念sama閱讀 35,673評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站念祭,受9級(jí)特大地震影響担映,放射性物質(zhì)發(fā)生泄漏蛙紫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評(píng)論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望岖研。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,889評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)测秸。三九已至,卻和暖如春灾常,著一層夾襖步出監(jiān)牢的瞬間霎冯,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,011評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工钞瀑, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留沈撞,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,119評(píng)論 3 370
  • 正文 我出身青樓雕什,卻偏偏與公主長(zhǎng)得像缠俺,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子贷岸,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評(píng)論 2 355

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

  • 在iOS實(shí)際開(kāi)發(fā)中常用的動(dòng)畫(huà)無(wú)非是以下四種:UIView動(dòng)畫(huà)壹士,核心動(dòng)畫(huà),幀動(dòng)畫(huà)偿警,自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)躏救。 1.UIView...
    請(qǐng)叫我周小帥閱讀 3,097評(píng)論 1 23
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜螟蒸,今天將帶大家一窺ios動(dòng)畫(huà)全貌盒使。在這里你可以看...
    每天刷兩次牙閱讀 8,489評(píng)論 6 30
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜七嫌,今天將帶大家一窺iOS動(dòng)畫(huà)全貌少办。在這里你可以看...
    F麥子閱讀 5,111評(píng)論 5 13
  • Core Animation Core Animation,中文翻譯為核心動(dòng)畫(huà)诵原,它是一組非常強(qiáng)大的動(dòng)畫(huà)處理API英妓,...
    45b645c5912e閱讀 3,031評(píng)論 0 21
  • 前言:在APP程序開(kāi)發(fā)中鞋拟,優(yōu)美的界面能夠大大提高用戶(hù)的體驗(yàn),而優(yōu)美的界面離不開(kāi)好看的動(dòng)畫(huà)效果惹资。下面廢話(huà)少說(shuō)贺纲,直接進(jìn)...
    moxuyou閱讀 40,767評(píng)論 32 344