Android view繪制流程詳解
系統(tǒng)是通過 MeasureSpec 測(cè)量 View 的,在了解測(cè)量過程之前一定要了解這個(gè) MeasureSpec 。
MeasureSpecMeasureSpec 是一個(gè) 32 位的 int 值打包而來(lái)的,打包為 MeasureSpec 主要是為了避免過多的對(duì)象內(nèi)存分配。
為了方便操作,MeasureSpec 提供了快捷的打包和解包的快捷方法。
MeasureSpec.makeMeasureSpec( int size, int mode) MeasureSpec.getMode(int measureSpec) MeasureSpec.getSize(int measureSpec)MeasureSpec 其中前 2 位表示測(cè)量的模式 SpecMode,后邊 30 位表示某種測(cè)量模式下的尺寸 SpecSize。
MeasureSpec 中有三種測(cè)量模式
UNSPECIFIED 不指定具體尺寸,完全由 View 自己發(fā)揮。 EXACTLY 精確模式,這種模式下使用后邊的 specSize ,一般對(duì)應(yīng)于 LayoutParams 的 match_content 和設(shè)置的精確尺寸。 AT_MOST 最大模式,這種模式下 view 的最大尺寸不能超過后邊的 specSize ,一般對(duì)應(yīng)于 LayoutParams 的 wrap_content在測(cè)量 View 的時(shí)候,系統(tǒng)會(huì)將自己的 LayoutParams 參數(shù)在父容器的 MeasureSpec 影響下轉(zhuǎn)換為自己的MeasureSpec ,然后再通過這個(gè) MeasureSpec 測(cè)量自身的寬高。
需要注意的是View 的MeasureSpec 不是唯一由 LayoutParams 決定的,是在父容器的共同影響下創(chuàng)建來(lái)的。
在 ViewGroup 的 measureChild() 可以看到具體的實(shí)現(xiàn)思路,getChildMeasureSpec() 里就是將 layoutParams 轉(zhuǎn)換為 measureSpec 的實(shí)現(xiàn)思路。
protected void measureChild(View child, int parentWidthMeasureSpec,int parentHeightMeasureSpec) {//拿到子元素的 LayoutParams 參數(shù) final LayoutParams lp = child.getLayoutParams(); //創(chuàng)建子元素的 measureSpec final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec, mPaddingLeft + mPaddingRight, lp.width); final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec, mPaddingTop + mPaddingBottom, lp.height); //將測(cè)量傳遞到子元素 child.measure(childWidthMeasureSpec, childHeightMeasureSpec);}public static int getChildMeasureSpec(int spec, int padding, int childDimension) { //解析父容器的 measureSpec ,解析出模式和尺寸 int specMode = MeasureSpec.getMode(spec); int specSize = MeasureSpec.getSize(spec); int size = Math.max(0, specSize - padding); int resultSize = 0; int resultMode = 0; switch (specMode) { // 父容器是精確模式的情況,設(shè)置了精確尺寸。 case MeasureSpec.EXACTLY:if (childDimension >= 0) {//子元素本身是設(shè)置的精確尺寸,就是EXACTLY 模式,尺寸就是設(shè)置的尺寸。 resultSize = childDimension; resultMode = MeasureSpec.EXACTLY;} else if (childDimension == LayoutParams.MATCH_PARENT) { // 子元素設(shè)置的 match_content 充滿入容器,就把尺寸設(shè)置為入容器的尺寸,模式設(shè)置為EXACTLY resultSize = size; resultMode = MeasureSpec.EXACTLY;} else if (childDimension == LayoutParams.WRAP_CONTENT) { // 包裹模式下,子元素可以自己設(shè)置尺寸,但是不能超過夫容器的尺寸。模式為AT_MOST,尺寸為父容器的尺寸。 resultSize = size; resultMode = MeasureSpec.AT_MOST;}break; //父容器是最大模式 case MeasureSpec.AT_MOST:if (childDimension >= 0) { // 設(shè)置為子元素的尺寸,為精確模式 resultSize = childDimension; resultMode = MeasureSpec.EXACTLY;} else if (childDimension == LayoutParams.MATCH_PARENT) { // 子元素想充滿父容器,應(yīng)該設(shè)置為父容器的尺寸,但是父容器是最大模式,沒有精確尺寸。 // 所以將子元素設(shè)置為最大模式,不能超過父容器目前的尺寸。 resultSize = size; resultMode = MeasureSpec.AT_MOST;} else if (childDimension == LayoutParams.WRAP_CONTENT) { // 子元素沒有精確尺寸,想包裹自身,這種模式下,設(shè)置為最大模式,不超過父容器尺寸就好。 // bigger than us. resultSize = size; resultMode = MeasureSpec.AT_MOST;}break; // 父容器沒有限制,子元素自己發(fā)揮 case MeasureSpec.UNSPECIFIED:if (childDimension >= 0) { //子元素自己有設(shè)置的值,就好實(shí)用自己的值,設(shè)置為精確模式 resultSize = childDimension; resultMode = MeasureSpec.EXACTLY;} else if (childDimension == LayoutParams.MATCH_PARENT) { // 子元素想充滿父容器,那就找到父容器的尺寸,但父容器的尺寸未知,還是要自己發(fā)揮 UNSPECIFIED。 resultSize = View.sUseZeroUnspecifiedMeasureSpec ? 0 : size; resultMode = MeasureSpec.UNSPECIFIED;} else if (childDimension == LayoutParams.WRAP_CONTENT) { // 只元素是包裹自身,父容器無(wú)法給出參考,所以讓子元素自己去隨意發(fā)揮,仍然是UNSPECIFIED resultSize = View.sUseZeroUnspecifiedMeasureSpec ? 0 : size; resultMode = MeasureSpec.UNSPECIFIED;}break; } //使用打包方法,將子元素的模式和尺寸打包并返回 return MeasureSpec.makeMeasureSpec(resultSize, resultMode);}
measure 流程是在 ViewRoot 的 performMeasure() 里開始的。
在這里會(huì)將 DecorView 的 layoutParams 在 window 的 measureSpec 影響下轉(zhuǎn)換為自己的 measureSpec 。 然后調(diào)用 DecorView 的 measure() 將寬高的 measureSpec 傳入,在 measure() 里,decorView 開始自己的測(cè)量。
從 DecorView 的 measure() 開始,整個(gè) View 樹的測(cè)量流程就開始了。
View 的測(cè)量都是在 measure() 里進(jìn)行的,這是個(gè) final 類型的方法,里面的實(shí)現(xiàn)比較簡(jiǎn)單會(huì)有一些判斷調(diào)整,是否需要測(cè)量,會(huì)繼續(xù)調(diào)用 onMeasure() 將 measureSpec 傳進(jìn)來(lái),測(cè)量尺寸的確定最終是在 onMeasure() 里完成的。
通常我們自定義 View 都要重寫這個(gè)方法實(shí)現(xiàn)自己的測(cè)量邏輯,包括我們常用的控件都是自己重寫了這個(gè)方法實(shí)現(xiàn)自己的測(cè)量邏輯。
如果不重寫 onMeasure(),會(huì)導(dǎo)致自定義 view 的 wrap_content 參數(shù)無(wú)效,具體可以看一下 getDefaultSize() 實(shí)現(xiàn)。
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec), getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));}public static int getDefaultSize(int size, int measureSpec) { int result = size; int specMode = MeasureSpec.getMode(measureSpec); int specSize = MeasureSpec.getSize(measureSpec); switch (specMode) { case MeasureSpec.UNSPECIFIED:result = size;break; case MeasureSpec.AT_MOST: case MeasureSpec.EXACTLY://默認(rèn) 精確模式和最大模式下都是使用后邊的 specSize ,這會(huì)導(dǎo)致我們?cè)O(shè)置的 wrap_content 無(wú)效,始終是充滿父容器。result = specSize;break; } return result;}protected int getSuggestedMinimumHeight() { return (mBackground == null) ? mMinHeight : max(mMinHeight, mBackground.getMinimumHeight());} protected int getSuggestedMinimumWidth() { return (mBackground == null) ? mMinWidth : max(mMinWidth, mBackground.getMinimumWidth());}
View 和 ViewGroup 的測(cè)量過程是不同的。
單純的 View 只需要在 onMeasure() 里完成自己的測(cè)量就可以了,ViewGroup 除了完成自己的測(cè)量外,還有子元素的測(cè)量。
ViewGroup 的 onMeasure() 是沒有任何實(shí)現(xiàn)的,因?yàn)楦鱾€(gè)布局的特性不同,具體測(cè)量邏輯也是不同的,具體實(shí)現(xiàn)都在各個(gè)布局里。
但是 ViewGroup 里提供了 measureChildren() 方法,思路就是,遍歷所有需要顯示的子元素,取出他們的 LayoutParams 參數(shù)在自己 measureSpec 的影響下創(chuàng)建出子元素的 measureSpec ,然后將調(diào)用子元素的 measure() 將measureSpec 傳遞進(jìn)去。
這里就將測(cè)量傳遞到了子元素。如果子元素是單純的 View 控件只需要完成自己就可以了,如果是 ViewGroup 會(huì)繼續(xù)將測(cè)量遞歸下去,直至完成整個(gè) View 樹的測(cè)量。
protected void measureChildren(int widthMeasureSpec, int heightMeasureSpec) {final int size = mChildrenCount;final View[] children = mChildren;for (int i = 0; i < size; ++i) { final View child = children[i]; if ((child.mViewFlags & VISIBILITY_MASK) != GONE) {//測(cè)量子元素,measureChild 見上面 MeasureSpec 里的代碼。measureChild(child, widthMeasureSpec, heightMeasureSpec); }} }
在完成測(cè)量流程之后就會(huì)進(jìn)入了 layout 流程了。
layout 布局流程layout 這一流程會(huì)確定 View 的四個(gè)頂點(diǎn)位置,進(jìn)而確定在父容器中的位置和最終寬高。
layout 流程也是在 ViewRoot 里開始,是在 performLayout() 里首先調(diào)用 DecorView 的 layout() 方法開始整個(gè) View 樹的布局流程。
View 的布局流程都是在 layout() 方法里完成的,會(huì)在這里通過 setFrame() 設(shè)置自己四個(gè)頂點(diǎn)的位置。
設(shè)置完自己的位置后,會(huì)繼續(xù)調(diào)用 onLayout() 方法,如果是 ViewGroup 可以繼續(xù)在 onLayout 里確定子元素的位置。
View 的 onLayout() 是沒有任何實(shí)現(xiàn)的,因?yàn)樗菦]有子元素,ViewGroup 本身也是沒有實(shí)現(xiàn)的,也都是具體的各個(gè)布局里自己實(shí)現(xiàn)的。
思路也是遍歷所有需要布局的子元素,根據(jù)測(cè)量尺寸計(jì)算出他們的位置后調(diào)用子元素的 layout() 方法將位置參數(shù)穿進(jìn)去,讓子元素去完成自己的布局流程。
在這里也是將布局流程傳遞到了子元素,如果子元素是 ViewGroup 會(huì)繼續(xù)將布局流程傳遞,直到完成整個(gè) View 樹的布局流程。
layout() 確定自身的位置 onLayout() 確定子元素的位置在完成 layout 流程后,就是最后一個(gè) draw 流程了。
draw 繪制流程這個(gè)流程是將 View 繪制到屏幕上。
draw 流程也是在 ViewRoot 里開始的,具體是在 performDraw() 里開始,在這里會(huì)調(diào)用 DecorView 的 draw() 開始整個(gè) View 樹的繪制。
draw 的過程相對(duì)來(lái)說(shuō)較為簡(jiǎn)單,在 draw() 里可以看到整個(gè)步驟
繪制背景 drawBackground(canvas); 繪制自己的內(nèi)容 onDraw(canvas); 繪制子元素 dispatchDraw(canvas); 繪制裝飾 onDrawForeground(canvas);我們自定義 View 都會(huì)在 onDraw() 里實(shí)現(xiàn)自己的繪制邏輯,View 的 dispatchDraw() 是沒有任何實(shí)現(xiàn)的,具體實(shí)現(xiàn)在 ViewGroup 里。
在 ViewGroup 后調(diào)用子元素的 draw() 將繪制流程傳遞到子元素,直到繪制完整個(gè) View 樹。
在完成整個(gè) View 樹的繪制后,就可以在屏幕上看見界面了。
相關(guān)類 & 概念在 View 的繪制過程中,涉及到了很多類,這里就不做詳細(xì)的介紹了,只在這里簡(jiǎn)單列一下,知道這些個(gè)的作用。
DecorView整個(gè) View 樹的根節(jié)點(diǎn),所有的繪制,事件都是從這個(gè) View 開始分發(fā)的。
它繼承自 FrameLayout 是一個(gè) ViewGroup ,內(nèi)部含有一個(gè) LinearLayout 。
這個(gè) LinearLayout 里有一個(gè) id 為 content 的 FrameLayout ,我們通常設(shè)置的 setContentView() 就是加載到了這個(gè) FrameLayout 里。
Window每個(gè) Activity 都有一個(gè) window ,直譯就是“窗口”,是 Activity 的成員變量,也是應(yīng)用程序的視圖窗口,承載整個(gè) Activity 的視圖。 內(nèi)部含有一個(gè) DeocrView 成員變量,承載的視圖就是這個(gè) DeocrView 。
它目前只有一個(gè)實(shí)現(xiàn)類,PhoneWindow ,activity 里的 mWindow 就是這個(gè)實(shí)例。
ViewRootView Root 的作用很大,是連接 DecorView 和 Window Manager 的紐帶。 View 的繪制,觸屏,按鍵,屏幕刷新等事件分發(fā)都通過它完成的。
Activity 視圖結(jié)構(gòu)以上就是Android view繪制流程詳解的詳細(xì)內(nèi)容,更多關(guān)于Android view繪制流程的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. CSS清除浮動(dòng)方法匯總2. js開發(fā)中的頁(yè)面、屏幕、瀏覽器的位置原理(高度寬度)說(shuō)明講解(附圖)3. XML 非法字符(轉(zhuǎn)義字符)4. CSS百分比padding制作圖片自適應(yīng)布局5. vue跳轉(zhuǎn)頁(yè)面常用的幾種方法匯總6. 不要在HTML中濫用div7. XML入門的常見問題(三)8. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)9. 深入了解React中的合成事件10. TypeScript實(shí)現(xiàn)十大排序算法之歸并排序示例詳解
