UI視圖及UITableView流暢性優(yōu)化

一.離屏渲染

1. 在屏渲染和離屏渲染
  • 在屏渲染是指在當(dāng)前用于顯示的屏幕緩沖區(qū)進(jìn)行GPU渲染操作
  • 離屏渲染是指在當(dāng)前屏幕緩沖區(qū)以外新開辟一個(gè)緩沖區(qū)進(jìn)行GPU渲染

當(dāng)我們指定了UI視圖的某些屬性標(biāo)記為它在位域合成之前不能用于當(dāng)前屏幕上面直接顯示的時(shí)候就會(huì)觸發(fā)離屏渲染谎脯,當(dāng)前屏幕緩沖區(qū)以外新開辟一個(gè)緩沖區(qū)進(jìn)行GPU渲染宇葱。

2.何時(shí)觸發(fā)離屏渲染

  • 圓角(和maskToBounds一起使用時(shí))
  • 圖層蒙版
  • 陰影
  • 光柵化

3.為何要避免離屏渲染

  • 創(chuàng)建新緩沖區(qū)
  • 上下文切換,當(dāng)前屏幕緩沖區(qū)(On-Screen)和離屏緩沖區(qū)(Off-Screen)來回切換痊夭,切換上下文付出的代價(jià)較大抽莱。
  • 在進(jìn)行離屏渲染時(shí)會(huì)加大GPU的工作時(shí)間兄世,使CPU+GPU的的時(shí)間大大超過一幀所用的時(shí)間续崖,由此導(dǎo)致掉幀卡頓躏敢,所以要避免離屏渲染春感。

二.UITableView流暢性優(yōu)化

1.避免主線程阻塞

  • 盡量在子線程完成對象的創(chuàng)建調(diào)整銷毀工作慎冤,進(jìn)行預(yù)排版疼燥,圖片解碼等操作

2.避免頻繁的對象創(chuàng)建

  • 對象的創(chuàng)建會(huì)發(fā)送內(nèi)存分配、屬性調(diào)整等蚁堤。
  • 盡量用輕量的對象代替重量的對象醉者。比如CALayer代替UIView。
  • 多利用緩存思想披诗,對象創(chuàng)建后緩存起來撬即,需要的時(shí)候再拿出來用。合理利用內(nèi)存開銷呈队,減少CPU開銷剥槐。

3.減少對象的屬性賦值操作

  • UIView的frame/bounds等屬性的賦值操作,會(huì)產(chǎn)生比較大的CPU消耗宪摧。

4.異步繪制

  • UIKit和CoreAnimation相關(guān)操作必須在主線程中進(jìn)行粒竖,其它的可以在后臺(tái)線程異步執(zhí)行
  • 比方說:為一個(gè)UIImageView設(shè)置image
imageView.image = image;

以上代碼必須在主線程進(jìn)行,但這個(gè)image的繪制過程几于,可以在異步線程做

dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
    CGContextRef ctx = CGBitmapContextCreate(...);
    // 繪圖
    CGImageRef imgRef = CGBitmapContextCreateImage(ctx);//位圖
    UIImage *image = [UIImage imageWithCGImage:imgRef];//轉(zhuǎn)成UIImage
    dispatch_async(dispatch_get_main_queue(), ^{
        //回到主線程
        imageView.image = image;//設(shè)置imageView的image
    });
});

就是盡量把需要顯示的內(nèi)容蕊苗,在異步線程繪制,繪制好后再通知主線程顯示沿彭。

5.簡化視圖結(jié)構(gòu)

GPU在繪制圖像前朽砰,會(huì)把重疊的視圖進(jìn)行混合,視圖結(jié)構(gòu)越復(fù)雜,這個(gè)操作就越耗時(shí)锅移,如果存在透明視圖熔掺,混合過程會(huì)更加復(fù)雜。

  • 盡量避免復(fù)雜的圖層結(jié)構(gòu)
  • 少使用透明的視圖
  • 不透明的視圖非剃,設(shè)置opaque = YES
  • 把視圖異步繪成一張圖

6.減少離屏渲染

三.UIView的繪制原理

UIView調(diào)用setNeedsDisplay方法后,實(shí)際上并沒有發(fā)生當(dāng)前視圖的繪制工作,而是在之后的某一時(shí)機(jī)進(jìn)行繪制工作,為什么會(huì)在之后的某一時(shí)機(jī)進(jìn)行繪制工作呢?
當(dāng)UIView調(diào)用setNeedDisplay之后,系統(tǒng)會(huì)調(diào)用view對應(yīng)layer的 setNeedsDisplay方法,相當(dāng)于在當(dāng)前l(fā)ayer上打上了一個(gè)臟標(biāo)記,然后會(huì)在當(dāng)前runloop即將結(jié)束的時(shí)候調(diào)用CALayer的display方法,才會(huì)真正的進(jìn)入當(dāng)前視圖的繪制流程當(dāng)中,所以視圖的繪制時(shí)機(jī),是在當(dāng)前runloop即將結(jié)束的時(shí)候才會(huì)開始.
CALayer的display方法的內(nèi)部實(shí)現(xiàn),首先會(huì)判斷l(xiāng)ayer的delegete是否響應(yīng)display方法,如果代理不響應(yīng)就會(huì)進(jìn)入到系統(tǒng)的繪制流程當(dāng)中,如果響應(yīng),實(shí)際上就為我們提供了異步繪制的接口,這樣就構(gòu)成了UIView的繪制原理

系統(tǒng)的繪制流程
首先CALayer會(huì)在內(nèi)部創(chuàng)建一個(gè)backing store(CGContextRef),我們一般在drawRect中可以通過上下文堆棧當(dāng)中拿到當(dāng)前棧頂?shù)腸ontext.然后layer判斷是否有代理,如果沒有代理會(huì)調(diào)用layer的drawInContext方法,如果實(shí)現(xiàn)了代理就會(huì)調(diào)用delegete的drawLayer:inContext方法,這是在發(fā)生在系統(tǒng)內(nèi)部當(dāng)中的,然后在合適的時(shí)機(jī)給予回調(diào)方法,也就是View的drawRect方法.可以通過drawRect方法做一些其他的繪制工作.然后無論哪兩個(gè)分支,都有calayer上傳backing store (最終的位圖)到CPU.然后結(jié)束系統(tǒng)的繪制流程.

異步繪制

怎么進(jìn)行異步繪制呢,其實(shí)就是基于系統(tǒng)給我們開的口子layer.delegate,如果遵從或者實(shí)現(xiàn)了displayLayer方法,我們就可以進(jìn)入到異步繪制流程當(dāng)中,在異步繪制的過程當(dāng)中

  • 就由delegete去負(fù)責(zé)生成bitmap位圖
  • 設(shè)置改bitmap作為layer.content屬性的值
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末置逻,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子备绽,更是在濱河造成了極大的恐慌券坞,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件肺素,死亡現(xiàn)場離奇詭異恨锚,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)倍靡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門猴伶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人塌西,你說我怎么就攤上這事他挎。” “怎么了捡需?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵办桨,是天一觀的道長。 經(jīng)常有香客問我站辉,道長呢撞,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任饰剥,我火速辦了婚禮殊霞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘汰蓉。我一直安慰自己绷蹲,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布古沥。 她就那樣靜靜地躺著瘸右,像睡著了一般娇跟。 火紅的嫁衣襯著肌膚如雪岩齿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天苞俘,我揣著相機(jī)與錄音盹沈,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛乞封,可吹牛的內(nèi)容都是我干的做裙。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼肃晚,長吁一口氣:“原來是場噩夢啊……” “哼锚贱!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起关串,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤拧廊,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后晋修,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吧碾,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年墓卦,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了倦春。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡落剪,死狀恐怖睁本,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情著榴,我是刑警寧澤添履,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布野芒,位于F島的核電站庄涡,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏该押。R本人自食惡果不足惜问麸,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一往衷、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧严卖,春花似錦席舍、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至稠肘,卻和暖如春福铅,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背项阴。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工滑黔, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓略荡,卻偏偏與公主長得像庵佣,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子汛兜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

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