什么是離屏渲染奈虾?

GPU渲染機(jī)制:

CPU 計(jì)算好顯示內(nèi)容提交到 GPU杖小,GPU 渲染完成后將渲染結(jié)果放入幀緩沖區(qū),隨后視頻控制器會(huì)按照 VSync 信號(hào)逐行讀取幀緩沖區(qū)的數(shù)據(jù)愚墓,經(jīng)過(guò)可能的數(shù)模轉(zhuǎn)換傳遞給顯示器顯示予权。

GPU屏幕渲染有以下兩種方式:

On-Screen Rendering意為當(dāng)前屏幕渲染,指的是GPU的渲染操作是在當(dāng)前用于顯示的屏幕緩沖區(qū)中進(jìn)行浪册。

Off-Screen Rendering意為離屏渲染扫腺,指的是GPU在當(dāng)前屏幕緩沖區(qū)以外新開辟一個(gè)緩沖區(qū)進(jìn)行渲染操作。

特殊的離屏渲染:如果將不在GPU的當(dāng)前屏幕緩沖區(qū)中進(jìn)行的渲染都稱為離屏渲染村象,那么就還有另一種特殊的“離屏渲染”方式: CPU渲染笆环。如果我們重寫了drawRect方法,并且使用任何Core Graphics的技術(shù)進(jìn)行了繪制操作厚者,就涉及到了CPU渲染躁劣。整個(gè)渲染過(guò)程由CPU在App內(nèi) 同步地完成,渲染得到的bitmap最后再交由GPU用于顯示库菲。備注:CoreGraphic通常是線程安全的账忘,所以可以進(jìn)行異步繪制,顯示的時(shí)候再放回主線程熙宇,一個(gè)簡(jiǎn)單的異步繪制過(guò)程大致如下

(void)display { dispatch_async(backgroundQueue, ^{ CGContextRef ctx = CGBitmapContextCreate(...); // draw in context... CGImageRef img = CGBitmapContextCreateImage(ctx); CFRelease(ctx); dispatch_async(mainQueue, ^{ layer.contents = img; }); });}

離屏渲染的觸發(fā)方式

設(shè)置了以下屬性時(shí)鳖擒,都會(huì)觸發(fā)離屏繪制:

shouldRasterize(光柵化)

masks(遮罩)

shadows(陰影)

edge antialiasing(抗鋸齒)

group opacity(不透明)

復(fù)雜形狀設(shè)置圓角等

漸變

其中shouldRasterize(光柵化)是比較特別的一種:光柵化概念:將圖轉(zhuǎn)化為一個(gè)個(gè)柵格組成的圖象。光柵化特點(diǎn):每個(gè)元素對(duì)應(yīng)幀緩沖區(qū)中的一像素烫止。

shouldRasterize = YES在其他屬性觸發(fā)離屏渲染的同時(shí)蒋荚,會(huì)將光柵化后的內(nèi)容緩存起來(lái),如果對(duì)應(yīng)的layer及其sublayers沒有發(fā)生改變馆蠕,在下一幀的時(shí)候可以直接復(fù)用期升。shouldRasterize = YES,這將隱式的創(chuàng)建一個(gè)位圖互躬,各種陰影遮罩等效果也會(huì)保存到位圖中并緩存起來(lái)播赁,從而減少渲染的頻度(不是矢量圖)。

相當(dāng)于光柵化是把GPU的操作轉(zhuǎn)到CPU上了吨铸,生成位圖緩存行拢,直接讀取復(fù)用。

當(dāng)你使用光柵化時(shí)诞吱,你可以開啟“Color Hits Green and Misses Red”來(lái)檢查該場(chǎng)景下光柵化操作是否是一個(gè)好的選擇舟奠。綠色表示緩存被復(fù)用,紅色表示緩存在被重復(fù)創(chuàng)建房维。

如果光柵化的層變紅得太頻繁那么光柵化對(duì)優(yōu)化可能沒有多少用處沼瘫。位圖緩存從內(nèi)存中刪除又重新創(chuàng)建得太過(guò)頻繁,紅色表明緩存重建得太遲咙俩」⑵荩可以針對(duì)性的選擇某個(gè)較小而較深的層結(jié)構(gòu)進(jìn)行光柵化,來(lái)嘗試減少渲染時(shí)間阿趁。

注意:對(duì)于經(jīng)常變動(dòng)的內(nèi)容,這個(gè)時(shí)候不要開啟,否則會(huì)造成性能的浪費(fèi)

例如我們?nèi)粘探?jīng)常打交道的TableViewCell,因?yàn)門ableViewCell的重繪是很頻繁的(因?yàn)镃ell的復(fù)用),如果Cell的內(nèi)容不斷變化,則Cell需要不斷重繪,如果此時(shí)設(shè)置了cell.layer可光柵化膜蛔。則會(huì)造成大量的離屏渲染,降低圖形性能。

為什么會(huì)使用離屏渲染

當(dāng)使用圓角脖阵,陰影皂股,遮罩的時(shí)候,圖層屬性的混合體被指定為在未預(yù)合成之前不能直接在屏幕中繪制命黔,所以就需要屏幕外渲染被喚起呜呐。

屏幕外渲染并不意味著軟件繪制,但是它意味著圖層必須在被顯示之前在一個(gè)屏幕外上下文中被渲染(不論CPU還是GPU)悍募。

所以當(dāng)使用離屏渲染的時(shí)候會(huì)很容易造成性能消耗蘑辑,因?yàn)樵贠PENGL里離屏渲染會(huì)單獨(dú)在內(nèi)存中創(chuàng)建一個(gè)屏幕外緩沖區(qū)并進(jìn)行渲染,而屏幕外緩沖區(qū)跟當(dāng)前屏幕緩沖區(qū)上下文切換是很耗性能的坠宴。

Instruments監(jiān)測(cè)離屏渲染

Instruments的Core Animation工具中有幾個(gè)和離屏渲染相關(guān)的檢查選項(xiàng):

Color Offscreen-Rendered Yellow開啟后會(huì)把那些需要離屏渲染的圖層高亮成黃色洋魂,這就意味著黃色圖層可能存在性能問(wèn)題。

Color Hits Green and Misses Red如果shouldRasterize被設(shè)置成YES喜鼓,對(duì)應(yīng)的渲染結(jié)果會(huì)被緩存忧设,如果圖層是綠色,就表示這些緩存被復(fù)用颠通;如果是紅色就表示緩存會(huì)被重復(fù)創(chuàng)建址晕,這就表示該處存在性能問(wèn)題了。

iOS版本上的優(yōu)化

iOS 9.0 之前UIimageView跟UIButton設(shè)置圓角都會(huì)觸發(fā)離屏渲染

iOS 9.0 之后UIButton設(shè)置圓角會(huì)觸發(fā)離屏渲染顿锰,而UIImageView里png圖片設(shè)置圓角不會(huì)觸發(fā)離屏渲染了谨垃,如果設(shè)置其他陰影效果之類的還是會(huì)觸發(fā)離屏渲染的。

這可能是蘋果也意識(shí)到離屏渲染會(huì)產(chǎn)生性能問(wèn)題硼控,所以能不產(chǎn)生離屏渲染的地方蘋果也就不用離屏渲染了刘陶。(轉(zhuǎn))

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市牢撼,隨后出現(xiàn)的幾起案子匙隔,更是在濱河造成了極大的恐慌,老刑警劉巖熏版,帶你破解...
    沈念sama閱讀 222,000評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件纷责,死亡現(xiàn)場(chǎng)離奇詭異捍掺,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)再膳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門挺勿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人喂柒,你說(shuō)我怎么就攤上這事不瓶。” “怎么了灾杰?”我有些...
    開封第一講書人閱讀 168,561評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵蚊丐,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我艳吠,道長(zhǎng)麦备,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,782評(píng)論 1 298
  • 正文 為了忘掉前任讲竿,我火速辦了婚禮泥兰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘题禀。我一直安慰自己鞋诗,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,798評(píng)論 6 397
  • 文/花漫 我一把揭開白布迈嘹。 她就那樣靜靜地躺著削彬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪秀仲。 梳的紋絲不亂的頭發(fā)上融痛,一...
    開封第一講書人閱讀 52,394評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音神僵,去河邊找鬼雁刷。 笑死,一個(gè)胖子當(dāng)著我的面吹牛保礼,可吹牛的內(nèi)容都是我干的沛励。 我是一名探鬼主播,決...
    沈念sama閱讀 40,952評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼炮障,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼目派!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起胁赢,我...
    開封第一講書人閱讀 39,852評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤企蹭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谅摄,經(jīng)...
    沈念sama閱讀 46,409評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡徒河,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,483評(píng)論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了螟凭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片虚青。...
    茶點(diǎn)故事閱讀 40,615評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡它呀,死狀恐怖螺男,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情纵穿,我是刑警寧澤下隧,帶...
    沈念sama閱讀 36,303評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站谓媒,受9級(jí)特大地震影響淆院,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜句惯,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,979評(píng)論 3 334
  • 文/蒙蒙 一土辩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧抢野,春花似錦拷淘、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至恃轩,卻和暖如春结洼,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背叉跛。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工松忍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人筷厘。 一個(gè)月前我還...
    沈念sama閱讀 49,041評(píng)論 3 377
  • 正文 我出身青樓鸣峭,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親敞掘。 傳聞我的和親對(duì)象是個(gè)殘疾皇子叽掘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,630評(píng)論 2 359

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

  • GPU渲染機(jī)制:CPU 計(jì)算好顯示內(nèi)容提交到 GPU,GPU 渲染完成后將渲染結(jié)果放入幀緩沖區(qū)玖雁,隨后視頻控制器會(huì)按...
    ScaryMonsterLyn閱讀 1,638評(píng)論 0 7
  • 相比于當(dāng)前屏幕渲染更扁,離屏渲染的代價(jià)是很高的,這也是iOS移動(dòng)端優(yōu)化的必要部分。 OpenGL中浓镜,GPU屏幕渲染有以...
    一個(gè)人在路上走下去閱讀 8,863評(píng)論 0 74
  • 圖像顯示原理 圖像顯示的大概流程: 程序運(yùn)行從內(nèi)存中讀取數(shù)據(jù)對(duì)圖片進(jìn)行解壓得到像素?cái)?shù)據(jù)溃列,若GPU不支持圖片的顏色格...
    foreverSun_122閱讀 618評(píng)論 0 2
  • GPU渲染機(jī)制: CPU 計(jì)算好顯示內(nèi)容提交到 GPU,GPU 渲染完成后將渲染結(jié)果放入幀緩沖區(qū)膛薛,隨后視頻控制器會(huì)...
    尋找最亮的光閱讀 4,674評(píng)論 1 19
  • 分布式爬蟲概述 什么是分布式爬蟲: 多個(gè)爬蟲分布在不同的服務(wù)器上听隐,通過(guò)狀態(tài)管理器進(jìn)行統(tǒng)一調(diào)度,達(dá)到像URL去重等功...
    鏡澤閱讀 502評(píng)論 0 0