Android View 布局流程(Layout)全面解析
前言
上一篇文章，笔者详细讲述了View三大工作流程的第一个，Measure流程，如果对测量流程还不熟悉的读者可以参考一下上一篇文章。测量流程主要是对View树进行测量，获取每一个View的测量宽高，那么有了测量宽高，就是要进行布局流程了，布局流程相对测量流程来说简单许多。那么我们开始对layout流程进行详细的解析。
ViewGroup的布局流程
上一篇文章提到，三大流程始于ViewRootImpl#performTraversals方法，在该方法内通过调用performMeasure、performLayout、performDraw这三个方法来进行measure、layout、draw流程，那么我们就从performLayout方法开始说，我们先看它的源码：
privatevoidperformLayout(WindowManager.LayoutParamslp,intdesiredWindowWidth,
intdesiredWindowHeight){
mLayoutRequested=false;
mScrollMayChange=true;
mInLayout=true;
finalViewhost=mView;
if(DEBUG_ORIENTATION||DEBUG_LAYOUT){
Log.v(TAG,"Layingout"+host+"to("+
host.getMeasuredWidth()+","+host.getMeasuredHeight()+")");
}
Trace.traceBegin(Trace.TRACE_TAG_VIEW,"layout");
try{
host.layout(0,0,host.getMeasuredWidth(),host.getMeasuredHeight());//1
//省略...
}finally{
Trace.traceEnd(Trace.TRACE_TAG_VIEW);
}
mInLayout=false;
}
由上面的代码可以看出，直接调用了①号的host.layout方法，host也就是DecorView，那么对于DecorView来说，调用layout方法，就是对它自身进行布局，注意到传递的参数分别是0,0,host.getMeasuredWidth,host.getMeasuredHeight,它们分别代表了一个View的上下左右四个位置，显然，DecorView的左上位置为0，然后宽高为它的测量宽高。由于View的layout方法是final类型，子类不能重写，因此我们直接看View#layout方法即可：
publicvoidlayout(intl,intt,intr,intb){
if((mPrivateFlags3&PFLAG3_MEASURE_NEEDED_BEFORE_LAYOUT)!=0){
onMeasure(mOldWidthMeasureSpec,mOldHeightMeasureSpec);
mPrivateFlags3&=~PFLAG3_MEASURE_NEEDED_BEFORE_LAYOUT;
}
intoldL=mLeft;
intoldT=mTop;
intoldB=mBottom;
intoldR=mRight;
booleanchanged=isLayoutModeOptical(mParent)?
setOpticalFrame(l,t,r,b):setFrame(l,t,r,b);//1
if(changed||(mPrivateFlags&PFLAG_LAYOUT_REQUIRED)==PFLAG_LAYOUT_REQUIRED){
onLayout(changed,l,t,r,b);//2
mPrivateFlags&=~PFLAG_LAYOUT_REQUIRED;
ListenerInfoli=mListenerInfo;
if(li!=null&&li.mOnLayoutChangeListeners!=null){
ArrayList<OnLayoutChangeListener>listenersCopy=
(ArrayList<OnLayoutChangeListener>)li.mOnLayoutChangeListeners.clone();
intnumListeners=listenersCopy.size();
for(inti=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;
}
首先看①号代码，调用了setFrame方法，并把四个位置信息传递进去，这个方法用于确定View的四个顶点的位置，即初始化mLeft,mRight,mTop,mBottom这四个值，当初始化完毕后，ViewGroup的布局流程也就完成了
那么，我们先看View#setFrame方法：
protectedbooleansetFrame(intleft,inttop,intright,intbottom){
//省略...
mLeft=left;
mTop=top;
mRight=right;
mBottom=bottom;
mRenderNode.setLeftTopRightBottom(mLeft,mTop,mRight,mBottom);
//省略...
returnchanged;
}
可以看出，它对mLeft、mTop、mRight、mBottom这四个值进行了初始化，对于每一个View，包括ViewGroup来说，以上四个值保存了Viwe的位置信息，所以这四个值是最终宽高，也即是说，如果要得到View的位置信息，那么就应该在layout方法完成后调用getLeft()、getTop()等方法来取得最终宽高，如果是在此之前调用相应的方法，只能得到0的结果，所以一般我们是在onLayout方法中获取View的宽高信息。
在设置ViewGroup自身的位置完成后，我们看到会接着调用②号方法，即onLayout()方法，该方法在ViewGroup中调用，用于确定子View的位置，即在该方法内部，子View会调用自身的layout方法来进一步完成自身的布局流程。由于不同的布局容器的onMeasure方法均有不同的实现，因此不可能对所有布局方式都说一次，另外上一篇文章是用FrameLayout#onMeasure进行讲解的，那么现在也对FrameLayout#onLayout方法进行讲解：
@Override
protectedvoidonLayout(booleanchanged,intleft,inttop,intright,intbottom){
//把父容器的位置参数传递进去
layoutChildren(left,top,right,bottom,false/*noforceleftgravity*/);
}
voidlayoutChildren(intleft,inttop,intright,intbottom,
booleanforceLeftGravity){
finalintcount=getChildCount();
//以下四个值会影响到子View的布局参数
//parentLeft由父容器的padding和Foreground决定
finalintparentLeft=getPaddingLeftWithForeground();
//parentRight由父容器的width和padding和Foreground决定
finalintparentRight=right-left-getPaddingRightWithForeground();
finalintparentTop=getPaddingTopWithForeground();
finalintparentBottom=bottom-top-getPaddingBottomWithForeground();
for(inti=0;i<count;i++){
finalViewchild=getChildAt(i);
if(child.getVisibility()!=GONE){
finalLayoutParamslp=(LayoutParams)child.getLayoutParams();
//获取子View的测量宽高
finalintwidth=child.getMeasuredWidth();
finalintheight=child.getMeasuredHeight();
intchildLeft;
intchildTop;
intgravity=lp.gravity;
if(gravity==-1){
gravity=DEFAULT_CHILD_GRAVITY;
}
finalintlayoutDirection=getLayoutDirection();
finalintabsoluteGravity=Gravity.getAbsoluteGravity(gravity,layoutDirection);
finalintverticalGravity=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还受到margin约束，由于leftMargin使子View右偏而rightMargin使子View左偏，所以最后
*是+leftMargin-rightMargin.
*/
caseGravity.CENTER_HORIZONTAL:
childLeft=parentLeft+(parentRight-parentLeft-width)/2+
lp.leftMargin-lp.rightMargin;
break;
//水平居右，子View左上角横坐标等于parentRight减去子View的测量宽度减去margin
caseGravity.RIGHT:
if(!forceLeftGravity){
childLeft=parentRight-width-lp.rightMargin;
break;
}
//如果没设置水平方向的layout_gravity，那么它默认是水平居左
//水平居左，子View的左上角横坐标等于parentLeft加上子View的magin值
caseGravity.LEFT:
default:
childLeft=parentLeft+lp.leftMargin;
}
//当子View设置了竖直方向的layout_gravity时，根据不同的属性设置同的childTop
//childTop表示子View的左上角坐标的Y值
//分析方法同上
switch(verticalGravity){
caseGravity.TOP:
childTop=parentTop+lp.topMargin;
break;
caseGravity.CENTER_VERTICAL:
childTop=parentTop+(parentBottom-parentTop-height)/2+
lp.topMargin-lp.bottomMargin;
break;
caseGravity.BOTTOM:
childTop=parentBottom-height-lp.bottomMargin;
break;
default:
childTop=parentTop+lp.topMargin;
}
//对子元素进行布局，左上角坐标为(childLeft，childTop)，右下角坐标为(childLeft+width,childTop+height)
child.layout(childLeft,childTop,childLeft+width,childTop+height);
}
}
}
由源码看出，onLayout方法内部直接调用了layoutChildren方法，而layoutChildren则是具体的实现。
先梳理一下以上逻辑：首先先获取父容器的padding值，然后遍历其每一个子View，根据子View的layout_gravity属性、子View的测量宽高、父容器的padding值、来确定子View的布局参数，然后调用child.layout方法，把布局流程从父容器传递到子元素。
那么，现在就分析完了ViewGroup的布局流程，那么我们接着分析子元素的布局流程。
子View的布局流程
子View的布局流程也很简单，如果子View是一个ViewGroup，那么就会重复以上步骤，如果是一个View，那么会直接调用View#layout方法，根据以上分析，在该方法内部会设置view的四个布局参数，接着调用onLayout方法，我们看看View#onLayout方法：
protectedvoidonLayout(booleanchanged,intleft,inttop,intright,intbottom){
}
这是一个空实现，主要作用是在我们的自定义View中重写该方法，实现自定义的布局逻辑。
那么到目前为止，View的布局流程就已经全部分析完了。可以看出，布局流程的逻辑相比测量流程来说，简单许多，获取一个View的测量宽高是比较复杂的，而布局流程则是根据已经获得的测量宽高进而确定一个View的四个位置参数。在下一篇文章，将会讲述最后一个流程：绘制流程。希望这篇文章给大家对View的工作流程的理解带来帮助，谢谢阅读。
更多阅读
AndroidView测量流程(Measure)完全解析
AndroidView绘制流程(Draw)完全解析
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。