之前的文章《View体系（六）View工作流程入口》提到View的工作流程包括了measure、layout和draw的过程，上两篇文章《View体系（八）深入剖析View的onMeasure方法》和《View体系（九）从LinearLayout分析ViewGroup的测量流程》分别对View和ViewGroup的measure过程做了分析，今天我们就来看一下View的layout过程是怎样的。

（注：文中源码基于 Android 12）

先看View的layout方法：

1
2
3
4
5
6
public void layout(int l, int t, int r, int b) {
    ...
    boolean changed = isLayoutModeOptical(mParent) ?
                setOpticalFrame(l, t, r, b) : setFrame(l, t, r, b);//1
    ...
    onLayout(changed, l, t, r, b);//2

layout方法很长，这里只贴出关键代码。layout的4个参数l、t、r、b分别代表View从左上右下相对父容器的距离。注释1处根据不同情况会调用setOpticalFrame或setFrame方法，而在setOpticalFrame方法内部也会调用到setFrame，所以我们直接看setFrame做了什么，进入setFrame方法：

1
2
3
4
5
6
7
8
9
10
11
/**
* Assign a size and position to this view.
*/
protected boolean setFrame(int left, int top, int right, int bottom) {
            ...
            mLeft = left;
            mTop = top;
            mRight = right;
            mBottom = bottom;
            ...
    }

从注释（Assign a size and position to this view.）可以看出，这个方法是为View分配了大小和位置。setFrame将传进来的4个参数分别初始化mLeft、mTop、mRight、mBottom这4个值，这样就确定了该View在父容器的位置。

接着看上段代码注释2处，可以看到layout内部调用了onLayout方法：

1
2
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
}

onLayout是一个空方法，这样设计和ViewGroup中没有onMeasure方法类似，确定位置时不同的控件有不同的实现，所以onLayout需要由具体的控件自己来实现如何布局。所以在View和ViewGroup中都没有实现onLayout方法，我们还是以LinearLayout为例来分析onLayout方法，进入LinearLayout的onLayout方法：

1
2
3
4
5
6
7
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    if (mOrientation == VERTICAL) {
        layoutVertical(l, t, r, b);//1
    } else {
        layoutHorizontal(l, t, r, b);
    }
}

和测量流程一样，这里根据mOrientation进行不同的布局流程，以纵向布局为例，会进入注释1处layoutVertical方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
void layoutVertical(int left, int top, int right, int bottom) {
    ...
    final int count = getVirtualChildCount();   //1
    for (int i = 0; i < count; i++) {   //2
        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;
            setChildFrame(child, childLeft, childTop + getLocationOffset(child),
                    childWidth, childHeight);   //3
            childTop += childHeight + lp.bottomMargin + getNextLocationOffset(child);   //4

            i += getChildrenSkipCount(child, i);
        }
    }
}

注释1处获取子View的数量，注释2处循环遍历子View 并调用注释3处的setChildFrame方法确定子View的位置，注释4处对childTop不断进行累加，这样子View才会依次按垂直方向一个接一个的排列下去，而不是堆叠在一起，接着看注释3处的setChildFrame方法：

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

其内部调用了子View的layout方法来确定自己的位置，layout方法文章开头已经讲过，这里不再赘述。
至此，就完成了LinearLayout的layout过程。

关注我