View 體系詳解:View 的工作流程

1、View 樹的加載流程

當我們調用 startActivity() 方法的時候,會調用到 ActivityThread 中的 performLaunchActivity() 獲取一個 Activity 實例, 并在 InstrumentationcallActivityOnCreate() 方法中調用 Activity 的 onCreate() 完成 DecorView 的創建。這樣我們就獲取了一個 Activity 的實例,然后我們調用 handleResumeActivity() 來回調 Activity 的 onResume()

    private void handleLaunchActivity(ActivityClientRecord r, Intent customIntent, String reason) {
        // ....
        WindowManagerGlobal.initialize();
        // 創建 Activity 的實例,在這里完成對 Activity 的 onCreate() 方法的回調
        Activity a = performLaunchActivity(r, customIntent);
        if (a != null) {
            // ...
            // 在這里回調 Activity 的 onResume() 方法
            handleResumeActivity(r.token, false, r.isForward,
                    !r.activity.mFinished && !r.startsNotResumed, r.lastProcessedSeq, reason);
            if (!r.activity.mFinished && r.startsNotResumed) {
                // 在這里完成對 Activity 的 onPause() 方法的回調
                performPauseActivityIfNeeded(r, reason);
                // ...
            }
        }
        // ...
    }

然后,在 handleResumeActivity() 方法中的 performResumeActivity() 會回調 Activity 的 onResume() 方法。在該方法中,我們會從 Window 中獲取之前添加進去的 DecorView,然后將其添加到 WindowManager 中:

    final void handleResumeActivity(IBinder token, boolean clearHide, boolean isForward, boolean reallyResume, int seq, String reason) {
        // 在這里會回調 Activity 的 onResume()
        r = performResumeActivity(token, clearHide, reason);
        if (r != null) {
            final Activity a = r.activity;
            // ...
            if (r.window == null && !a.mFinished && willBeVisible) {
                r.window = r.activity.getWindow();
                // 在這里獲取 DecorView
                View decor = r.window.getDecorView();
                decor.setVisibility(View.INVISIBLE);
                // 獲取 WindowManager 實例,實際是 WindowManagerImpl 
                ViewManager wm = a.getWindowManager();
                WindowManager.LayoutParams l = r.window.getAttributes();
                a.mDecor = decor;
                l.type = WindowManager.LayoutParams.TYPE_BASE_APPLICATION;
                l.softInputMode |= forwardBit;
                if (r.mPreserveWindow) {
                    a.mWindowAdded = true;
                    r.mPreserveWindow = false;
                    // Activity 被重建,復用 DecorView,通知子元素
                    ViewRootImpl impl = decor.getViewRootImpl();
                    if (impl != null) {
                        impl.notifyChildRebuilt();
                    }
                }
                if (a.mVisibleFromClient) {
                    if (!a.mWindowAdded) {
                        a.mWindowAdded = true;
                        // 將 DecorView 添加到 WindowManager 中
                        wm.addView(decor, l);
                    } else {
                        a.onWindowAttributesChanged(l);
                    }
                }
            }
        }
    }

這里的 WindowManagerWindowManagerImpl 的實例,而調用它的 addView() 方法的時候會使用 WindowManagerGlobaladdView() 方法。在該方法中會 new 出來一個 ViewRootImpl,然后調用它的 setView() 把傳進來的 DecorView 添加到 Window 里。同時,會調用 requestLayout() 方法進行布局,然后,并最終調用 performTraversals() 完成對整個 View 樹進行遍歷:

    private void performTraversals() {
        // ...
        if (!mStopped || mReportNextDraw) {
            // ...
            performMeasure(childWidthMeasureSpec, childHeightMeasureSpec);
        }
        // ...
        final boolean didLayout = layoutRequested && (!mStopped || mReportNextDraw);
        boolean triggerGlobalLayoutListener = didLayout
                || mAttachInfo.mRecomputeGlobalAttributes;
        if (didLayout) {
            performLayout(lp, mWidth, mHeight);
            // ...
        }
        // ...
        if (!cancelDraw && !newSurface) {
            // ...
            performDraw();
        }
    }

在該方法中會調用 performMeasure()、performLayout()performDraw() 三個方法,它們分別會調用 DecorView 的 measure()、layout()draw() 完成對整個 View 樹的測量、布局和繪制,一個界面也就呈現給用戶了。如果您做過自定義 View 的話,那么您對 onMeasure()onLayout()onDraw()三個方法一定不會陌生,前面的三個方法與后面的三個方法之間的關系就是:后面的三個方法會被前面的三個方法調用,本質上就是提供給用戶用來自定義的方法。下面我們就看下這三個方法究竟各自做了什么操作,當然,我們盡可能從自定義控件的角度來分析,因為這對一個開發者可能幫助更大。

2、measure()

View 的大小不僅由自身所決定,同時也會受到父控件的影響,為了我們的控件能更好的適應各種情況,一般會自己進行測量。在上面我們提到了 measure() 方法,它是用來測量 View 的大小的,但實際上測量的主要工作是交給 onMeasure() 方法的。在 View 中,onMeasure() 是一個 protected 的方法,顯然它設計的目的就是:提供給子 View 按照父容器提供的限制條件,控制自身的大小,實現自己大小的測量邏輯。所以,當我們自定義一個控件的時候,只會去覆寫 onMeasure() 而不去覆寫 measure() 方法。

在 Android 中,我們的控件分成 View 和 ViewGroup 兩種類型。根據上面的分析,對 View 的測量,我們可以得出如下結論:在 Android 中,ViewGroup 會根據其自身的布局特點,把限制條件封裝成 widthMeasureSpecheightMeasureSpec 兩個參數傳遞給子元素;然后,在子元素中根據這兩個參數來調整自身的大小。所以,ViewGroup 的 measure() 方法會根據其布局特性的不同而不同;而 View 的 measure(),不論其父容器是哪種類型,只根據 widthMeasureSpecheightMeasureSpec 決定。

下面我們來看一下 onMeasure() 在 View 和 ViewGroup 中的不同表現形式。

2.1 View 的 onMeasure()

下面是 View 類中的 onMeasure() 方法。這是一個默認的實現,調用了 setMeasuredDimension() 方法來存儲測量之后的寬度和高度。當我們自定義 View 的時候,也需要調用 setMeasuredDimension() 方法把最終的測量結果存儲起來

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(
            getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
            getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
    }

顯然,我們的測量依據就是 widthMeasureSpecheightMeasureSpec 兩個參數。它們是整型的、32位變量,包含了測量模式和測量數值的信息(按位存儲到整型變量上,包裝成整型的目的是為了節約存儲空間)。一般我們會像下面這樣來分別獲取高度和寬度的測量模式和測量數值(實際就是按位截?。?/p>

    int widthsize = MeasureSpec.getSize(widthMeasureSpec);      // 測量數值
    int widthmode = MeasureSpec.getMode(widthMeasureSpec);      // 測量模式    
    int heightsize = MeasureSpec.getSize(heightMeasureSpec);    // 測量數值
    int heightmode = MeasureSpec.getMode(heightMeasureSpec);    // 測量模式

測量模式共有 MeasureSpec.UNSPECIFIED、MeasureSpec.AT_MOSTMeasureSpec.EXACTLY 三種,分別對應二進制數值 00、0110,它們各自的含義如下:

  1. UNSPECIFIED:默認值,父控件沒有給子 View 任何限制,子 View 可以設置為任意大小;
  2. EXACTLY:表示父控件已經確切的指定了子 View 的大小;
  3. AT_MOST:表示子 View 具體大小沒有尺寸限制,但是存在上限,上限一般為父 View 大小。

這里,我不打算詳細介紹 View 中默認測量邏輯的具體實現。它的大致邏輯是這樣的:首先我們會用 getDefaultSize() 獲取默認的寬度或者高度,這個方法接收兩個參數,一個是默認的尺寸,一個測量模式。如果父控件沒有給它任何限制,它就使用默認的尺寸,否則使用測量數值。這里的默認的尺寸通過 getSuggestedMinimumHeight()/getSuggestedMinimumWidth() 方法得到,它會根據背景圖片高度/寬度和 mMinHeight/mMinWidth 的值,取一個最大的值作為控件的高度/寬度。

所以,View 的默認的測量邏輯的實際效果是:首先 View 的大小受父容器的影響,如果父容器沒有給它限制的話,它會取背景圖片和最小的高度或者寬度中取一個最大的值作為自己的大小。

2.2 ViewGroup 的 onMeasure()

2.2.1 ViewGroup 中的方法

由于 ViewGroup 本身沒有布局的特點,所以它沒有覆寫 onMeasure()。有自身布局特點的,比如 LinearLayoutRelativeLayout 等都覆寫并實現了這個方法。盡管如此,ViewGroup 提供了一些方法幫助我們進行測量,首先是 measureChildren() 方法:

    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) {
                measureChild(child, widthMeasureSpec, heightMeasureSpec);
            }
        }
    }

這里的邏輯比較簡單,就是對子元素進行遍歷并判斷如果指定的 View 是否位 GONE 的狀態,如果不是就調用 measureChild() 方法:

    protected void measureChild(View child, int parentWidthMeasureSpec, int parentHeightMeasureSpec) {
        final LayoutParams lp = child.getLayoutParams();
        final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,
                mPaddingLeft + mPaddingRight, lp.width);
        final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,
                mPaddingTop + mPaddingBottom, lp.height);
        child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
    }

該方法也比較容易理解,就是將子元素的布局參數 LayoutParams 取出,獲取它的寬度和高度之后,將所有信息傳遞給 getChildMeasureSpec()。這樣就得到了用于子元素布局的 childWidthMeasureSpecchildHeightMeasureSpec 參數。然后,再調用子元素的 measure() 方法,從而依次完成對整個 View 樹的遍歷。下面我們看下 getChildMeasureSpec() 方法做了什么操作:

    public static int getChildMeasureSpec(int spec, int padding, int childDimension) {
        // 首先從 spec 中取出父控件的測量模式和測量數值
        int specMode = MeasureSpec.getMode(spec);
        int specSize = MeasureSpec.getSize(spec);
        // 這里需要保證 size 不能為負數,也就是預留給子元素的最大空間,由父元素的測量數值減去填充得到
        int size = Math.max(0, specSize - padding);
        // 用于返回的值
        int resultSize = 0;
        int resultMode = 0;
        // 根據父空間的測量模式
        switch (specMode) {
            // 父控件的大小是固定的
            case MeasureSpec.EXACTLY:
                if (childDimension >= 0) {
                    // 子 View 指定了大小
                    resultSize = childDimension;
                    resultMode = MeasureSpec.EXACTLY;
                } else if (childDimension == LayoutParams.MATCH_PARENT) {
                    // 子元素希望大小與父控件相同(填滿整個父控件)
                    resultSize = size;
                    resultMode = MeasureSpec.EXACTLY;
                } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                    // 子元素希望有自己決定大小,但是不能比父控件大
                    resultSize = size;
                    resultMode = MeasureSpec.AT_MOST;
                }
                break;
            // 父控件的具體大小沒有尺寸限制,但是存在上限
            case MeasureSpec.AT_MOST:
                if (childDimension >= 0) {
                    // 子 View 指定了大小
                    resultSize = childDimension;
                    resultMode = MeasureSpec.EXACTLY;
                } else if (childDimension == LayoutParams.MATCH_PARENT) {
                    // 子控件希望與父控件大小一致,但是父控件的大小也是不確定的,故讓子控件不要比父控件大
                    resultSize = size;
                    resultMode = MeasureSpec.AT_MOST;
                } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                    // 子控件希望自己決定大小,限制其不要比父控件大
                    resultSize = size;
                    resultMode = MeasureSpec.AT_MOST;
                }
                break;
            // 父控件沒有任何限制,可以設置為任意大小
            case MeasureSpec.UNSPECIFIED:
                if (childDimension >= 0) {
                    // 子元素設置了大小
                    resultSize = childDimension;
                    resultMode = MeasureSpec.EXACTLY;
                } else if (childDimension == LayoutParams.MATCH_PARENT) {
                    // 子控件希望和父控件一樣大,但是父控件多大都不確定;系統23以下返回true,以上返回size
                    resultSize = View.sUseZeroUnspecifiedMeasureSpec ? 0 : size;
                    resultMode = MeasureSpec.UNSPECIFIED;
                } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                    resultSize = View.sUseZeroUnspecifiedMeasureSpec ? 0 : size;
                    resultMode = MeasureSpec.UNSPECIFIED;
                }
                break;
        }
        // 返回一個封裝好的測量結果,就是把測量數值和測量模式封裝成一個32位的整數
        return MeasureSpec.makeMeasureSpec(resultSize, resultMode);
    }

上面我們已經為這段代碼作了非常詳細的注釋。只需要注意,這里在獲取子元素的測量結果的時候是基于父控件的測量結果來的,需要根據父元素的測量模式和測量數值結合自身的布局特點分成上面九種情況?;蛘呖梢园凑障旅娴膶懛▽⑵鋭澐殖上旅鎺追N情況:

    public static int getChildMeasureSpec(int spec, int padding, int childDimension) {
        int specMode = MeasureSpec.getMode(spec), specSize = MeasureSpec.getSize(spec);
        int size = Math.max(0, specSize - padding);
        int resultSize = 0, resultMode = 0;
        if (childDimension >= 0) {
            // 子元素指定了具體的大小,就用子元素的大小
            resultSize = childDimension;
            resultMode = MeasureSpec.EXACTLY;
        } else if (childDimension == ViewGroup.LayoutParams.MATCH_PARENT) {
            // 子元素希望和父控件一樣大,需要設置其上限,然后測量模式與父控件一致即可
            if (specMode == MeasureSpec.EXACTLY || specMode == MeasureSpec.AT_MOST) {
                resultSize = size;
                resultMode = specMode;
            } else if (specMode == MeasureSpec.UNSPECIFIED) {
                // API23一下就是0,父控件沒有指定大小的時候,子控件只能是0;以上是size
                resultSize = View.sUseZeroUnspecifiedMeasureSpec ? 0 : size;
                resultMode = MeasureSpec.UNSPECIFIED;
            }
        } else if (childDimension == ViewGroup.LayoutParams.WRAP_CONTENT) {
            // 子元素希望自己決定大小,設置其大小的上限是父控件的大小即可
            if (specMode == MeasureSpec.EXACTLY || specMode == MeasureSpec.AT_MOST) {
                resultSize = size;
                resultMode = MeasureSpec.AT_MOST;
            } else if (specMode == MeasureSpec.UNSPECIFIED) {
                // API23一下就是0,父控件沒有指定大小的時候,子控件只能是0;以上是size
                resultSize = View.sUseZeroUnspecifiedMeasureSpec ? 0 : size;
                resultMode = MeasureSpec.UNSPECIFIED;
            }
        }
        return MeasureSpec.makeMeasureSpec(resultSize, resultMode);
    }

這兩種方式只是劃分的角度不一樣,后面的這種方法是從子元素的布局參數上面來考慮的。另外,這里有個 sUseZeroUnspecifiedMeasureSpec 布爾參數需要提及一下,會根據系統的版本來進行賦值:

    sUseZeroUnspecifiedMeasureSpec = targetSdkVersion < Build.VERSION_CODES.M;

也就是當系統是 API23 以下的時候的為 true. 加入這個參數的原因是,API23 之后,當父控件的測量模式是 UNSPECIFIED 的時候,子元素可以給父控件提供一個可能的大小。下面是注釋的原話 ;-)

    // In M and newer, our widgets can pass a "hint" value in the size
    // for UNSPECIFIED MeasureSpecs. This lets child views of scrolling containers
    // know what the expected parent size is going to be, so e.g. list items can size
    // themselves at 1/3 the size of their container. It breaks older apps though,
    // specifically apps that use some popular open source libraries.

2.2.2 LinearLayout 的 onMeasure()

上面我們分析的是 ViewGroup 中提供的一些方法,下面我們以 LinearLayout 為例,看一下一個標準的容器類型的控件是如何實現其測量的邏輯的。

下面是其 onMeasure() 方法,顯然在進行測量的時候會根據其布局的方向分別實現測量的邏輯:

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        if (mOrientation == VERTICAL) {
            measureVertical(widthMeasureSpec, heightMeasureSpec);
        } else {
            measureHorizontal(widthMeasureSpec, heightMeasureSpec);
        }
    }

然后,我們以 measureVertical() 為例,來看一下 LinearLayout 在垂直方向上面是如何進行測量的。這段代碼比較長,我們只截取其中的一部分來進行分析:

    void measureVertical(int widthMeasureSpec, int heightMeasureSpec) {
        // ...
        // 獲取LinearLayout的測量模式
        final int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        final int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        // ...
        mTotalLength += mPaddingTop + mPaddingBottom;
        int heightSize = mTotalLength;
        heightSize = Math.max(heightSize, getSuggestedMinimumHeight());
        // ...
            for (int i = 0; i < count; ++i) {
                final View child = getVirtualChildAt(i);
                if (child == null || child.getVisibility() == View.GONE) {
                    continue;
                }
                final LayoutParams lp = (LayoutParams) child.getLayoutParams();
                final float childWeight = lp.weight;
                if (childWeight > 0) {
                    // ...
                    // 獲取一個測量的數值和測量模式
                    final int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(
                            Math.max(0, childHeight), MeasureSpec.EXACTLY);
                    final int childWidthMeasureSpec = getChildMeasureSpec(widthMeasureSpec,
                            mPaddingLeft + mPaddingRight + lp.leftMargin + lp.rightMargin,
                            lp.width);
                    // 調用子元素進行測量
                    child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
                    childState = combineMeasuredStates(childState, child.getMeasuredState()
                            & (MEASURED_STATE_MASK>>MEASURED_HEIGHT_STATE_SHIFT));
                }
                
                final int margin =  lp.leftMargin + lp.rightMargin;
                final int measuredWidth = child.getMeasuredWidth() + margin;
                maxWidth = Math.max(maxWidth, measuredWidth);

                boolean matchWidthLocally = widthMode != MeasureSpec.EXACTLY &&
                        lp.width == LayoutParams.MATCH_PARENT;

                alternativeMaxWidth = Math.max(alternativeMaxWidth,
                        matchWidthLocally ? margin : measuredWidth);

                allFillParent = allFillParent && lp.width == LayoutParams.MATCH_PARENT;

                final int totalLength = mTotalLength;
                // 將寬度增加到 mTotalLength 上
                mTotalLength = Math.max(totalLength, totalLength + child.getMeasuredHeight() +
                        lp.topMargin + lp.bottomMargin + getNextLocationOffset(child));
            }
            mTotalLength += mPaddingTop + mPaddingBottom;
        // ...
        maxWidth += mPaddingLeft + mPaddingRight;
        maxWidth = Math.max(maxWidth, getSuggestedMinimumWidth());
        // 最終確定測量的大小
        setMeasuredDimension(resolveSizeAndState(maxWidth, widthMeasureSpec, childState),
                heightSizeAndState);
        // ...
    }

上面是 LinearLayout 在垂直方向上面的測量的過程,在測量的時候會根據子元素的布局將子元素的測量高度添加到 mTotalLength 上,然后再加上填充的大小,作為最終的測量結果。

3、layout()

layout() 用于確定控件的位置,它提供了 onLayout() 來交給字類實現,同樣我們在自定義控件的時候只要實現 onLayout() 方法即可。在我們自定義 View 的時候,如果定義的是非 ViewGroup 類型的控件,一般是不需要覆寫 onLayout() 方法的。

下面我們先看一下 layout() 方法在 View 中的實現:

    public void layout(int l, int t, int r, int b) {
        if ((mPrivateFlags3 & PFLAG3_MEASURE_NEEDED_BEFORE_LAYOUT) != 0) {
            onMeasure(mOldWidthMeasureSpec, mOldHeightMeasureSpec);
            mPrivateFlags3 &= ~PFLAG3_MEASURE_NEEDED_BEFORE_LAYOUT;
        }

        int oldL = mLeft;
        int oldT = mTop;
        int oldB = mBottom;
        int oldR = mRight;

        boolean changed = isLayoutModeOptical(mParent) ?
                setOpticalFrame(l, t, r, b) : setFrame(l, t, r, b);

        if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) {
            onLayout(changed, l, t, r, b);
            // ...
        }

        // ...
    }

這里會調用 setFrame() 方法,它的主要作用是根據新的布局參數和老的布局參數做一個對比,以判斷控件的大小是否發生了變化,如果變化了的話就調用 invalidate() 方法并傳入參數 true,以表明繪圖的緩存也發生了變化。這里就不給出這個方法的具體實現了。然后注意到,在 layout() 方法中會回調 onLayout() 方法來完成各個控件的位置的確定。

對于 ViewGroup,它重寫了 layout() 并在其中調用了 View 中的 layout() 方法,不過整體并沒有做太多的邏輯。與測量過程類似,ViewGroup 并沒有實現 onLayout 方法。同樣,對于 ViewGroup 類型的控件,我們還是以 LinearLayout 為例說明一下 onLayout() 的實現邏輯:

與測量過程類似,LinearLayout 在 layout 的時候也根據布局的方向分成兩種情形:

    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        if (mOrientation == VERTICAL) {
            layoutVertical(l, t, r, b);
        } else {
            layoutHorizontal(l, t, r, b);
        }
    }

這里我們仍以垂直方向的方法為例。與測量的過程相比,layout 的過程的顯得簡單、清晰得多:

    void layoutVertical(int left, int top, int right, int bottom) {
        // ...
        // 根據控件的 gravity 特點得到頂部的位置
        switch (majorGravity) {
           case Gravity.BOTTOM:
               childTop = mPaddingTop + bottom - top - mTotalLength;
               break;
           case Gravity.CENTER_VERTICAL:
               childTop = mPaddingTop + (bottom - top - mTotalLength) / 2;
               break;
           case Gravity.TOP:
           default:
               childTop = mPaddingTop;
               break;
        }

        // 遍歷子控件
        for (int i = 0; i < count; i++) {
            final View child = getVirtualChildAt(i);
            if (child == null) {
                childTop += measureNullChild(i);
            } else if (child.getVisibility() != GONE) {
                final int childWidth = child.getMeasuredWidth();
                final int childHeight = child.getMeasuredHeight();

                final LinearLayout.LayoutParams lp =
                        (LinearLayout.LayoutParams) child.getLayoutParams();

                int gravity = lp.gravity;
                if (gravity < 0) {
                    gravity = minorGravity;
                }
                final int layoutDirection = getLayoutDirection();
                final int absoluteGravity = Gravity.getAbsoluteGravity(gravity, layoutDirection);
                // 得到子控件的左邊的位置
                switch (absoluteGravity & Gravity.HORIZONTAL_GRAVITY_MASK) {
                    case Gravity.CENTER_HORIZONTAL:
                        childLeft = paddingLeft + ((childSpace - childWidth) / 2)
                                + lp.leftMargin - lp.rightMargin;
                        break;
                    case Gravity.RIGHT:
                        childLeft = childRight - childWidth - lp.rightMargin;
                        break;
                    case Gravity.LEFT:
                    default:
                        childLeft = paddingLeft + lp.leftMargin;
                        break;
                }

                if (hasDividerBeforeChildAt(i)) {
                    childTop += mDividerHeight;
                }

                childTop += lp.topMargin;
                // 本質上調用子控件的 layout() 方法
                setChildFrame(child, childLeft, childTop + getLocationOffset(child),
                        childWidth, childHeight);
                childTop += childHeight + lp.bottomMargin + getNextLocationOffset(child);
                i += getChildrenSkipCount(child, i);
            }
        }
    }

因為布局方向是垂直方向的,所以在對子元素進行遍歷之前,先對自身的頂部的位置進行計算,然后再依次遍歷子元素,并對頂部的高度不斷疊加,最后調用 setChildFrame() 方法:

    private void setChildFrame(View child, int left, int top, int width, int height) {
        child.layout(left, top, left + width, top + height);
    }

這樣就完成了對整個 View 樹的 layout() 方法的調用。

4、draw()

View 的 draw() 方法實現的邏輯也很清晰。在繪制的過程會按照如下的步驟進行:

  1. 繪制背景
  2. 保存 canvas
  3. 繪制自身的內容
  4. 繪制子控件
  5. 繪制 View 的褪色邊緣,比如陰影效果之類的
  6. 繪制裝飾,比如滾動條之類的

View 中提供了 onDraw() 方法用來完成對自身的內容的繪制,所以,我們自定義 View 的時候只要重寫這個方法就可以了。當我們要自定義一個 ViewGroup 類型的控件的時候,一般是不需要重寫 onDraw() 方法的,因為它只需要遍歷子控件并依次調用它們的 draw() 方法就可以了。(當然,如果非要實現的話,也是可以的。)

下面是這部分代碼,代碼的注釋中也詳細注釋了每個步驟的邏輯:

    public void draw(Canvas canvas) {
        final int privateFlags = mPrivateFlags;
        final boolean dirtyOpaque = (privateFlags & PFLAG_DIRTY_MASK) == PFLAG_DIRTY_OPAQUE &&
                (mAttachInfo == null || !mAttachInfo.mIgnoreDirtyState);
        mPrivateFlags = (privateFlags & ~PFLAG_DIRTY_MASK) | PFLAG_DRAWN;

        // Step 1, draw the background, if needed
        int saveCount;

        if (!dirtyOpaque) {
            drawBackground(canvas);
        }

        // skip step 2 & 5 if possible (common case)
        final int viewFlags = mViewFlags;
        boolean horizontalEdges = (viewFlags & FADING_EDGE_HORIZONTAL) != 0;
        boolean verticalEdges = (viewFlags & FADING_EDGE_VERTICAL) != 0;
        if (!verticalEdges && !horizontalEdges) {
            // Step 3, draw the content
            if (!dirtyOpaque) onDraw(canvas);

            // Step 4, draw the children
            dispatchDraw(canvas);

            drawAutofilledHighlight(canvas);

            // Overlay is part of the content and draws beneath Foreground
            if (mOverlay != null && !mOverlay.isEmpty()) {
                mOverlay.getOverlayView().dispatchDraw(canvas);
            }

            // Step 6, draw decorations (foreground, scrollbars)
            onDrawForeground(canvas);

            // Step 7, draw the default focus highlight
            drawDefaultFocusHighlight(canvas);

            if (debugDraw()) {
                debugDrawFocus(canvas);
            }

            // we're done...
            return;
        }

        // ...
    }

注意到在上面的方法中會調用 dispatchDraw(canvas) 方法來分發繪制事件給子控件來完成整個 View 樹的繪制。在 View 中,這是一個空的方法,ViewGroup 覆寫了這個方法,并在其中調用 drawChild() 來完成對指定的 View 的 draw() 方法的調用:

    protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
        return child.draw(canvas, this, drawingTime);
    }

而對于 LinearLayout 這樣本身沒有繪制需求的控件,沒有覆寫 onDraw()dispatchDraw(canvas) 等方法,因為 View 和 ViewGroup 中提供的功能已經足夠使用。

總結:

上文中,我們介紹了在 Android 系統中整個 View 樹的工作的流程,從 DecorView 被加載到窗口中,到測量、布局和繪制三個方法的實現。本質上整個工作的流程就是對 View 樹的一個深度優先的遍歷過程。

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

推薦閱讀更多精彩內容