iOS-Core Animation核心動畫技術 & iOS中繪圖技術

Core Animation是蘋果提供的一套基于繪圖的動畫框架,在iOS的繪圖框架中最底層為圖形硬件服務曲秉,上面是使用C語言封裝的一臺應用層API钱床,在上面就是Core Animation框架观堂。

Core Animation框架中最核心的類是CAAnimation督赤,封裝了動畫對象的基本屬性,包括三個子類:

CAPropertyAnimation類:創(chuàng)建屬性動畫.

CAAnimationGroup類:創(chuàng)建組合動畫.

CATransition類:轉場動畫.


iOS繪圖技術

1.屏幕渲染原理

頁面的卡頓是由于頁面刷新頻率過低造成的浓利,正常是每秒刷新60次挤庇。

為了解決GPU的圖像渲染速度和顯示屏的刷新速度一致,屏幕渲染時會采用緩存區(qū)加垂直同步的技術來保證不產(chǎn)生屏幕撕裂贷掖。

緩存區(qū)是指當GPU渲染圖形數(shù)據(jù)之后嫡秕,先將其緩存起來,屏幕需要刷新的時候再從緩存區(qū)獲取刷新苹威,為了保證在緩存區(qū)中的圖像數(shù)據(jù)被屏幕都去完成之后再放入新的緩存數(shù)據(jù)昆咽,緩存區(qū)還分兩部分,一部分是幀緩存區(qū)牙甫,一部分你是后備緩存區(qū)掷酗,當幀緩存區(qū)被屏幕渲染之后后備緩存去的數(shù)據(jù)會被復制到幀緩存區(qū)中,等屏幕下次刷新使用窟哺。

2.iOS頁面內(nèi)渲染過程

應用程序---》UIkit---》Core Graphics,Core Animation,Core Image---》OpenGL ES ----》GPU 驅動----》顯示屏渲染

3.頁面性能優(yōu)化

1)減少圖層數(shù)量泻轰,和變化

CPU:對象創(chuàng)建耗時,布局計算耗時且轨,圖片加載解壓耗時浮声,圖像繪制數(shù)據(jù)處理耗時

????????1.布局的計算 - 如果你的視圖層級太過于復雜,或者視圖需要重復多次進行布局旋奢,尤其是在使用 Auto Layout 進行自動布局時泳挥,對性能影響尤為嚴重;

????????2.視圖的惰性加載 - 在 iOS 中只有當視圖控制器的視圖顯示到屏幕時才會加載至朗;

????????3.解壓圖片 - iOS 通常會在真正繪制時才會解碼圖片屉符,對于一個較大的圖片,無論是直接或間接使用 UIImageView 或者繪制到 Core Graphics 中锹引,都需要對圖片進行解壓矗钟;

????????4.大多數(shù)的 CALayer 的屬性都是由 GPU 來繪制的,比如圖片的圓角嫌变、變換真仲、應用紋理;但是過多的幾何結構初澎、重繪、離屏繪制(Offscrren)以及過大的圖片都會導致 GPU 的性能明顯降低。


2)合理使用離屏渲染

? ? 離屏渲染:在當前屏幕緩存區(qū)外開辟一個新的緩存區(qū)進行渲染碑宴。

? ? 離屏渲染本身是圖形渲染技術的一種優(yōu)化软啼,可以在圖像真正被渲染之前做很多與處理的事情,比如圖層合成等延柠;

? ? 但是離屏渲染的使用代價是很高的祸挪,首先,需要額外開辟一塊緩存區(qū)進行渲染操作贞间,其次贿条,在離屏渲染結束后,要將離屏渲染的內(nèi)容在屏幕上顯示增热,需要切換繪制上下文整以。不合理的觸發(fā)離屏渲染會造成嚴重的性能損耗。

? ? 使用了圖片的UIIButton峻仇,UILabel等組件的圓角會觸發(fā)離屏渲染公黑,建議使用圓角圖片。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末摄咆,一起剝皮案震驚了整個濱河市凡蚜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌吭从,老刑警劉巖朝蜘,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異涩金,居然都是意外死亡谱醇,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門鸭廷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來枣抱,“玉大人,你說我怎么就攤上這事辆床〖丫В” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵讼载,是天一觀的道長轿秧。 經(jīng)常有香客問我,道長咨堤,這世上最難降的妖魔是什么菇篡? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮一喘,結果婚禮上驱还,老公的妹妹穿的比我還像新娘嗜暴。我一直安慰自己,他們只是感情好议蟆,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布闷沥。 她就那樣靜靜地躺著,像睡著了一般咐容。 火紅的嫁衣襯著肌膚如雪舆逃。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天戳粒,我揣著相機與錄音路狮,去河邊找鬼。 笑死蔚约,一個胖子當著我的面吹牛奄妨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播炊琉,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼展蒂,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了苔咪?” 一聲冷哼從身側響起锰悼,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎团赏,沒想到半個月后箕般,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡舔清,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年丝里,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片体谒。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡杯聚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出抒痒,到底是詐尸還是另有隱情幌绍,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布故响,位于F島的核電站傀广,受9級特大地震影響,放射性物質發(fā)生泄漏彩届。R本人自食惡果不足惜伪冰,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望樟蠕。 院中可真熱鬧贮聂,春花似錦靠柑、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至骄瓣,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間耍攘,已是汗流浹背榕栏。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蕾各,地道東北人扒磁。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像式曲,于是被迫代替她去往敵國和親妨托。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344