佈局流程

稀飯_發表於2018-07-20

上一篇文章通過對測量原始碼的分析,確定了佈局檔案中所有View的大小儲存在自己的成員變數mMeasuredWidth和mMeasuredHeight中並對外提供get方法,但是除了大小還要確定位置,才能進行繪製,這裡我們繼續看佈局的流程。還是從ViewRootImpl類中的performTraversals方法說起。

performTraversals方法中呼叫performLayout(lp, desiredWindowWidth, desiredWindowHeight);

private void performLayout(WindowManager.LayoutParams lp, int desiredWindowWidth,
                           int desiredWindowHeight) {
    final View host = mView;
    
    host.layout(0, 0, host.getMeasuredWidth(), host.getMeasuredHeight());

}複製程式碼

由上面的程式碼可以看出,直接呼叫了host.layout方法,host也就是DecorView,那麼對於DecorView來說,呼叫layout方法,就是對它自身進行佈局,注意到傳遞的引數分別是0,0,host.getMeasuredWidth,host.getMeasuredHeight,它們分別代表了一個View的上下左右四個位置,顯然,DecorView的左上位置為0,然後寬高為它的測量寬高。關鍵的佈局程式碼在View#layout方法中,因此我們直接看View#layout方法即可

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;
    //呼叫了setFrame方法,並把自身四個位置資訊傳遞進去,
    // 這個方法用於確定自己的四個頂點的位置,即初始化mLeft,mRight,mTop,mBottom這四個值,
    // 當初始化完畢後,當前View的位置和大小都確定了
    boolean changed = isLayoutModeOptical(mParent) ?
            setOpticalFrame(l, t, r, b) : setFrame(l, t, r, b);

    if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) {
        //上邊確定完自身的大小,接著再去呼叫onLayout方法,看一下這裡什麼邏輯
        onLayout(changed, l, t, r, b);
        mPrivateFlags &= ~PFLAG_LAYOUT_REQUIRED;

        ListenerInfo li = mListenerInfo;
        if (li != null && li.mOnLayoutChangeListeners != null) {
            ArrayList<OnLayoutChangeListener> listenersCopy =
                    (ArrayList<OnLayoutChangeListener>)li.mOnLayoutChangeListeners.clone();
            int numListeners = listenersCopy.size();
            for (int i = 0; i < numListeners; ++i) {
                listenersCopy.get(i).onLayoutChange(this, l, t, r, b, oldL, oldT, oldR, oldB);
            }
        }
    }

    mPrivateFlags &= ~PFLAG_FORCE_LAYOUT;
    mPrivateFlags3 |= PFLAG3_IS_LAID_OUT;
}複製程式碼

確定自己的位置和大小

protected boolean setFrame(int left, int top, int right, int bottom) {
 
        mLeft = left;
        mTop = top;
        mRight = right;
        mBottom = bottom;
     
}複製程式碼

至此,通過呼叫setFrame方法確定了自身的位置和大小

Decor中有onLayout方法實現中呼叫了父類的onLayout方法,而它自身繼承FrameLayout,那麼我們去檢視FrameLayout#中的onLayout方法

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    layoutChildren(left, top, right, bottom, false /* no force left gravity */);
}複製程式碼

這裡呼叫LayoutChildren,我們繼續檢視這個方法,注意這裡邊的引數是父View的位置座標資訊。

這個方法的作用是安排子View的座標資訊

void layoutChildren(int left, int top, int right, int bottom,
                    boolean forceLeftGravity) {
    //獲取孩子的數量
    final int count = getChildCount();
    //以下四個值會影響到子View的佈局引數
    //矯正父View的位置座標資訊
    final int parentLeft = getPaddingLeftWithForeground();
    final int parentRight = right - left - getPaddingRightWithForeground();
    final int parentTop = getPaddingTopWithForeground();
    final int parentBottom = bottom - top - getPaddingBottomWithForeground();

    mForegroundBoundsChanged = true;
    //迴圈獲取父佈局中子佈局
    for (int i = 0; i < count; i++) {
        final View child = getChildAt(i);
        if (child.getVisibility() != GONE) {
            //獲取子View的params引數
            final FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) child.getLayoutParams();
            //獲取子View的測量寬高
            final int width = child.getMeasuredWidth();
            final int height = child.getMeasuredHeight();

            int childLeft;
            int childTop;
            //獲取子View的佈局引數
            int gravity = lp.gravity;
            if (gravity == -1) {
                gravity = DEFAULT_CHILD_GRAVITY;
            }

            final int layoutDirection = getLayoutDirection();
            final int absoluteGravity = Gravity.getAbsoluteGravity(gravity, layoutDirection);
            final int verticalGravity = gravity & Gravity.VERTICAL_GRAVITY_MASK;
            //當子View設定了水平方向的layout_gravity屬性時,根據不同的屬性設定不同的childLeft
            //childLeft表示子View的 左上角座標X值
            switch (absoluteGravity & Gravity.HORIZONTAL_GRAVITY_MASK) {
                // 水平居中,由於子View要在水平中間的位置顯示,因此,要先計算出以下:
                // (parentRight - parentLeft - width) / 2 此時得出的是父容器減去子View寬度後的剩餘空間的一半,
                // 那麼再加上parentLeft後,就是子View初始左上角橫座標(此時正好位於中間位置),
                //注意:這裡的座標系是以父View的左上角為座標原點
                // 假如子View還受到margin約束,由於leftMargin使子View右偏而rightMargin使子View左偏,所以最是 + leftMargin - rightMargin.
                case Gravity.CENTER_HORIZONTAL:
                    childLeft = parentLeft + (parentRight - parentLeft - width) / 2 +
                            lp.leftMargin - lp.rightMargin;
                    break;
                //水平居右,子View左上角橫座標等於 parentRight 減去子View的測量寬度 減去 margin
                case Gravity.RIGHT:
                    if (!forceLeftGravity) {
                        childLeft = parentRight - width - lp.rightMargin;
                        break;
                    }
                //如果沒設定水平方向的layout_gravity,那麼它預設是水平居左
                //水平居左,子View的左上角橫座標等於 parentLeft 加上子View的magin值
                case Gravity.LEFT:
                default:
                    childLeft = parentLeft + lp.leftMargin;
            }
            //當子View設定了豎直方向的layout_gravity時,根據不同的屬性設定同的childTop
            //childTop表示子View的 左上角座標的Y值
            //分析方法同上
            switch (verticalGravity) {
                case Gravity.TOP:
                    childTop = parentTop + lp.topMargin;
                    break;
                case Gravity.CENTER_VERTICAL:
                    childTop = parentTop + (parentBottom - parentTop - height) / 2 +
                            lp.topMargin - lp.bottomMargin;
                    break;
                case Gravity.BOTTOM:
                    childTop = parentBottom - height - lp.bottomMargin;
                    break;
                default:
                    childTop = parentTop + lp.topMargin;
            }
            //然後呼叫子View的layout方法,直接設定子類的佈局資訊
            child.layout(childLeft, childTop, childLeft + width, childTop + height);
        }
    }
}複製程式碼

如果子View是一個ViewGroup會重複上邊過程,如果是一個View,那麼會呼叫View中的layout方法,而View中的layout又會去呼叫View中的onLayout方法,而在view中的onLayout方法是一個空實現。

梳理一下測量流程:

1.Activity中的setContentView方法觸發ViewRootImpl中的performTraversals方法執行

2.performTraversals方法觸發performLayout方法執行

3.DecorView物件呼叫View#layout方法執行(直接設定自己的大小和位置)

4.然後呼叫不同的onLayout方法(ViewGroup中重寫了)

5.在繼承ViewGroup的onLayout方法中會做一件事

  • 通過自己的大小和parmas引數設定子View的位置

6.在繼承View的onLayout方法中是一個空的實現

分析原始碼需要注意:

  • 呼叫layout方法是自己呼叫自己的layout並且這裡邊設定了自己的位置資訊。
  • 呼叫onLayout方法確是不同的onLayout方法。(設定子View的位置資訊)

而且可以發現:先確定自己的左上右下的引數,然後再去確定子View的左上右下引數


相關文章