渲染這個詞，在計算機世界里可以說無處不在，這個詞的理解對于理解一切電腦或手機上的展示與呈現(xiàn)至關(guān)重要，渲染的意思是呈現(xiàn)，也就是顯示出來的意思，瀏覽器呈現(xiàn)的是html，游戲里面呈現(xiàn)的是3D人物或地圖，手機App里面呈現(xiàn)的是各種界面。
一個畫家要畫一副油畫，我們看看整個過程是什么樣的，他首先在腦中構(gòu)思，在油畫的三分之一處畫一個房子，門前有一條小溪，房子后面有一座小山，然后他用鉛筆將每一個物體的輪廓勾勒出來，并對每個物體的擺放位置不斷調(diào)整，直到符合他的構(gòu)思，這副畫的骨架已經(jīng)搭建完成，下一步才是用不同的色彩將每一個部分細致的按照自己的逼格不斷完善。
計算機、瀏覽器、手機app的渲染道理一模一樣，你在顯示器上看到的一切也都經(jīng)歷了類似的過程，大致分為三步：測量、排版、繪制。拿支付寶手機App舉例，我們進入界面之后看到了那么多按鈕或TAB，計算機是如何知道哪個按鈕該擺在何處，應(yīng)該多寬多高，以及程序啟動的時候應(yīng)該是呈現(xiàn)出什么樣子呢？
計算機里面存儲的全部是01組成的串（這些串既有程序代碼也有相應(yīng)的數(shù)據(jù)），他們靜靜的躺在你的硬盤或sd卡中，當你點擊手機app上的支付寶圖標的時候，這個時候存儲設(shè)備中的代碼和數(shù)據(jù)迅速被載入內(nèi)存，并加載執(zhí)行。
當程序運行到構(gòu)造界面的時候，這個時候計算機像畫家一樣開始測量，每一個按鈕的寬高（其中是有一大堆算法或者說規(guī)則在默默的計算，比如一個按鈕在另一個上方，如何不和其他的按鈕重疊等等）。知道了多寬多高之后，計算機開始計算每一個按鈕應(yīng)該擺在屏幕上的什么位置。大小、位置都明確之后，計算機開始繪制，也就是把相應(yīng)的顏色或者圖片資源從CPU輸送到顯卡，顯卡把這些數(shù)據(jù)發(fā)送給顯示器的緩沖區(qū)，屏幕的下一次刷新將這些新數(shù)據(jù)更新到顯示器上，整個渲染(呈現(xiàn))過程結(jié)束。
說了很多廢話，想說清楚的是，渲染是通過一些列計算并呈現(xiàn)的過程，其中包括測量、排版、繪制。你在任何屏幕上看到的任何一個圖形，無一例外，都經(jīng)過了這三個過程。
下次和程序界的朋友溝通展示慢，頓問題的時候，你可以很隨意的說句，感覺整個渲染過程不是很流暢，保證你們的交流會很得心應(yīng)手。
明天見，我不會告訴你明天我要講什么的:)。
歡迎添加微信公眾號：給產(chǎn)品經(jīng)理講技術(shù)
本文地址：http://likemindfilms.com/news/yytg3060.html
