View繪圖原理總結

View定義了繪圖的基本操作

基本操作由三個函數完成:measure()、layout()、draw(),其內部又分別包含了onMeasure()、onLayout()、onDraw()三個子方法。具體操作如下:

1、measure操作

measure操作主要用于計算視圖的大小,即視圖的寬度和長度。在view中定義為final類型,要求子類不能修改。measure()函數中又會調用下面的函數:

(1)onMeasure(),視圖大小的將在這里最終確定,也就是說measure只是對onMeasure的一個包裝,子類可以覆寫onMeasure()方法實現自己的計算視圖大小的方式,并通過setMeasuredDimension(width, height)保存計算結果。

2、layout操作

layout操作用于設置視圖在屏幕中顯示的位置。在view中定義為final類型,要求子類不能修改。layout()函數中有兩個基本操作:

(1)setFrame(l,t,r,b),l,t,r,b即子視圖在父視圖中的具體位置,該函數用于將這些參數保存起來;

(2)onLayout(),在View中這個函數什么都不會做,提供該函數主要是為viewGroup類型布局子視圖用的;

3、draw操作

draw操作利用前兩部得到的參數,將視圖顯示在屏幕上,到這里也就完成了整個的視圖繪制工作。子類也不應該修改該方法,因為其內部定義了繪圖的基本操作:

(1)繪制背景;

(2)如果要視圖顯示漸變框,這里會做一些準備工作;

(3)繪制視圖本身,即調用onDraw()函數。在view中onDraw()是個空函數,也就是說具體的視圖都要覆寫該函數來實現自己的顯示(比如TextView在這里實現了繪制文字的過程)。而對于ViewGroup則不需要實現該函數,因為作為容器是“沒有內容“的,其包含了多個子view,而子View已經實現了自己的繪制方法,因此只需要告訴子view繪制自己就可以了,也就是下面的dispatchDraw()方法;

(4)繪制子視圖,即dispatchDraw()函數。在view中這是個空函數,具體的視圖不需要實現該方法,它是專門為容器類準備的,也就是容器類必須實現該方法;

(5)如果需要(應用程序調用了setVerticalFadingEdge或者setHorizontalFadingEdge),開始繪制漸變框;

(6)繪制滾動條;

從上面可以看出自定義View需要最少覆寫onMeasure()和onDraw()兩個方法。

ViewGroup中的擴展操作:

首先Viewgroup是一個抽象類。

1、對子視圖的measure過程

(1)measureChildren(),內部使用一個for循環對子視圖進行遍歷,分別調用子視圖的measure()方法;

(2)measureChild(),為指定的子視圖measure,會被 measureChildren調用;

(3)measureChildWithMargins(),為指定子視圖考慮了margin和padding的measure;

以上三個方法是ViewGroup提供的3個對子view進行測量的參考方法,設計者需要在實際中首先覆寫onMeasure(),之后再對子view進行遍歷measure,這時候就可以使用以上三個方法,當然也可以自定義方法進行遍歷。

2、對子視圖的layout過程

在ViewGroup中onLayout()被定義為abstract類型,也就是具體的容器必須實現此方法來安排子視圖的布局位置,實現中主要考慮的是視圖的大小及視圖間的相對位置關系,如gravity、layout_gravity。

3、對子視圖的draw過程

(1)dispatchDraw(),該方法用于對子視圖進行遍歷然后分別讓子視圖分別draw,方法內部會首先處理布局動畫(也就是說布局動畫是在這里處理的),如果有布局動畫則會為每個子視圖產生一個繪制時間,之后再有一個for循環對子視圖進行遍歷,來調用子視圖的draw方法(實際為下邊的drawChild());

(2)drawChild(),該方法用于具體調用子視圖的draw方法,內部首先會處理視圖動畫(也就是說視圖動畫是在這里處理的),之后調用子視圖的draw()。

從上面分析可以看出自定義viewGroup的時候需要最少覆寫onMeasure()和onLayout()方法,其中onMeasure方法中可以直接調用measureChildren等已有的方法,而onLayout方法就需要設計者進行完整的定義;一般不需要覆寫以dispatchDraw()和drawChild()這兩個方法,因為上面兩個方法已經完成了基本的事情。但是可以通過覆寫在該基礎之上做一些特殊的效果,比如

[java]view plaincopyprint?

@Override

protectedvoiddispatchDraw(Canvas?canvas)?{

//?TODO?Auto-generated?method?stub

//

//可以在這里先做一些處理,包括對傳入的canvas

//

super.dispatchDraw(canvas);//這里會調用drawChild繪制子視圖

//

//所有子視圖都繪制完成后這里還可以做一些處理,比如繪制陰影什么的

//

}

其他

從以上分析可以看出View樹的繪制是一個遞歸的過程,從ViewGroup一直向下遍歷,直到所有的子view都完成繪制,那這一切的源頭在什么地方(是誰最發起measure、layout和draw的)?當然就是在View樹的源頭了——ViewRoot!,ViewRoot中包含了窗口的總容器DecorView,ViewRoot中的performTraversal()方法會依次調用decorView的measure、layout、draw方法,從而完成view樹的繪制。

invalidate()方法

invalidate()方法會導致View樹的重新繪制,而且view中的狀態標志mPrivateFlags中有一個關于當前視圖是否需要重繪的標志位DRAWN,也就是說只有標志位DRAWN置位的視圖才需要進行重繪。當視圖調用invalidate()方法時,首先會將當前視圖的DRAWN標志置位,之后有一個循環調用parent.invalidateChildinParent(),這樣會導致從當前視圖依次向上遍歷直到根視圖ViewRoot,這個過程會將需要重繪的視圖標記DRAWN置位,之后ViewRoot調用performTraversals()方法,完成視圖的繪制過程。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,321評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,559評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,442評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,835評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,581評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,922評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,931評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,096評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,639評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,374評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,591評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,104評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,789評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,196評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,524評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,322評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,554評論 2 379

推薦閱讀更多精彩內容