一 开始的开始
相信很多小伙伴,在去面试的时候,都会遇到面试官一脸正经的问你,简单的说下View的绘制流程。其实一遇到这个问题,我是奔溃的,因为完全无法讲出第一句话,很多人都是一句,哦,view的绘制流程就是onMeasure()->onLayout()->onDraw()。onMeasure()方法就是计算View的大小,onLayout()就是计算view所在的位置,onDraw()就是开始绘制。balabala,这个时候,面试官就会面带微笑,说了句:哦,然后呢?
二 View绘制的开始
view的绘制,是从viewRootImp的performTraversals()开始的,performTraversal()的源码很长,其实,我们只要知道以下的三个流程即可:
private void performTraversals() {
performMeasure(childWidthMeasureSpec, childHeightMeasureSpec);
performLayout(lp, mWidth, mHeight);
performDraw();
}
好了,我们接下来来看看performMeasur(childWidthMeasureSpec,childHeightMeasureSpec)的代码
private void performMeasure(int childWidthMeasureSpec, int childHeightMeasureSpec) {
if (mView == null) {
return;
}
Trace.traceBegin(Trace.TRACE_TAG_VIEW, "measure");
try {
mView.measure(childWidthMeasureSpec, childHeightMeasureSpec);
} finally {
Trace.traceEnd(Trace.TRACE_TAG_VIEW);
}
}
从这里我们可以看出,ViewRootImp中的performMeasure方法,最终是回调到View中的measure()方法中。
我们接下来看performLayout方法
private void performLayout(WindowManager.LayoutParams lp, int desiredWindowWidth,
int desiredWindowHeight) {
mLayoutRequested = false;
mScrollMayChange = true;
mInLayout = true;
final View host = mView;
if (host == null) {
return;
}
....
host.layout(0, 0, host.getMeasuredWidth(), host.getMeasuredHeight());
....
mInLayout = false;
}
在这段代码中,我们省去了绝大部分顶层view的layout操作,只保留了绘制流程相关的代码。从这段代码我们可以看出performLayout最终会调用到view的layout方法,并把父view的left top right bottom传给view中。至于view的layout方法是怎样的,我们后面再讲。
接下来,我们来看performDraw方法
private void performDraw() {
if (mAttachInfo.mDisplayState == Display.STATE_OFF && !mReportNextDraw) {
return;
} else if (mView == null) {
return;
}
final boolean fullRedrawNeeded = mFullRedrawNeeded;
mFullRedrawNeeded = false;
mIsDrawing = true;
Trace.traceBegin(Trace.TRACE_TAG_VIEW, "draw");
try {
draw(fullRedrawNeeded);
} finally {
mIsDrawing = false;
Trace.traceEnd(Trace.TRACE_TAG_VIEW);
}
}
我们主要看draw()方法,这个方法最后其实调用的就是
public final void dispatchOnDraw() {
if (mOnDrawListeners != null) {
mInDispatchOnDraw = true;
final ArrayList<OnDrawListener> listeners = mOnDrawListeners;
int numListeners = listeners.size();
for (int i = 0; i < numListeners; ++i) {
listeners.get(i).onDraw();
}
mInDispatchOnDraw = false;
}
}
这个方法是用来干嘛的?其实就是通知已经注册了OnDrawListener的监听者,view已经要开始绘制了。其实,也就是到了onDraw()方法中了。
通过源码,一步一步追踪,我们可以发现,view的这个绘制流程其实是这样的
ViewRootImp->PerformTrasvel()->PerformMeasure()->measure()->onMeasure()
->performLayout()->onLayout()
->performDraw()->draw()->dispatchDraw()->onDraw()
三 View的measure流程
1 View的measure(int widthMeasureSpec, int heightMeasureSpec)
我们通过看注释,知道了measure的作用是,计算这个view应该是多大,因为父布局提供了传入制定的宽高参数。具体的测量工作其实是放在onMeasure(int,int)方法中去执行的,onMeasure(int,int)方法能够也必须被继承(当我们重写view)的时候。
好了,那么问题来了,什么是widthMeasureSpec 和heighMeasureSpec?
我们回到ViewRootImp的performTrasvel()方法中
childWidthMeasureSpec = getRootMeasureSpec(baseSize, lp.width);
childHeightMeasureSpec = getRootMeasureSpec(desiredWindowHeight, lp.height);
performMeasure(childWidthMeasureSpec, childHeightMeasureSpec);
也即是,width和heigh的MeasureSpec是通过getRootMeasureSpec(int,int)方法中获取的,
private static int getRootMeasureSpec(int windowSize, int rootDimension) {
int measureSpec;
switch (rootDimension) {
case ViewGroup.LayoutParams.MATCH_PARENT:
// Window can't resize. Force root view to be windowSize.
measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.EXACTLY);
break;
case ViewGroup.LayoutParams.WRAP_CONTENT:
// Window can resize. Set max size for root view.
measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.AT_MOST);
break;
default:
// Window wants to be an exact size. Force root view to be that size.
measureSpec = MeasureSpec.makeMeasureSpec(rootDimension, MeasureSpec.EXACTLY);
break;
}
return measureSpec;
}
核心的计算方法就是MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.EXACTLY);这个方法。
其实这个方法的作用就是,MeasureSpec通过SpecMode和SpecSize来判断一个view应该是多大。那么,什么是specMode?
SepcMode一共有三类,除了我们上面看到的MeasureSpec.EXACTLY外,还有MeasureSpec.UNSPECIFIED和MeasureSpec.AT_MOST
MeasureSpec.UNSPECIFIED: 父布局没有指定任何的约束大小,子布局想多大就多大;
MeasureSpec.EXACTLY: 父布局已经指定了一个确切的大小,子布局的大小就是SpecMode的大小;
MeasureSpec.AT_MOST: 子布局可以想多大就多大,但是不能超过SpecSize的值
2 View的onMeasure(int widthMeasureSpec, int heightMeasureSpec)
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}
这么简单的几行代码,其实暗藏了三个重要的方法,我们从内到外进行剖析:
1 getSuggestedMinimumWidth()
protected int getSuggestedMinimumWidth() {
return (mBackground == null) ? mMinWidth : max(mMinWidth, mBackground.getMinimumWidth());
}
这个方法的作用,就是获取这个view被建议的最小的宽度。如果这个view被我们设置了background,那么,就取最小宽度和background中最小宽度两者之间最大的那一个数字。获取getSuggestedMinimumHeight()方法也是同理,这里不单独在做分析
2 getDefaultSize(int size, int measureSpec)
我们下面来看一下源码:
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:
result = specSize;
break;
}
return result;
}
这段代码也很简单,首先view会去获取父view传进来的measureSpec,获取specSize和specMode两个值。当当前的specMode是MeasureSpec.UNSPECIFIED,则返回我们上一点分析的,minimumWidth的长度,如果是 MeasureSpec.AT_MOST和MeasureSpec.EXACTLY,那么其实就是specSize的大小。
3 ViewGroup的measure流程###
ViewGroup其实没有onMeasure()方法,ViewGroup的measure流程,最后就是走的measureChildren(int,int)方法中,我们接下来看这个方法
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);
}
}
}
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);
}
measureChildren的思想就是,取出一个个子元素,然后过去layoutParams,然后创建children的MeasureSpec,并把这个spec发给child,让child去回调measure方法,这就回到了我们第一点开始分析的内容了。
三 View的Layout流程
view的layout流程,简单概括,就是,指定一个view的位置和它的真正的大小。这就是我们在上面所说的,measure过程并不能真正得到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;
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);
if (shouldDrawRoundScrollbar()) {
if(mRoundScrollbarRenderer == null) {
mRoundScrollbarRenderer = new RoundScrollbarRenderer(this);
}
} else {
mRoundScrollbarRenderer = null;
}
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;
if ((mPrivateFlags3 & PFLAG3_NOTIFY_AUTOFILL_ENTER_ON_LAYOUT) != 0) {
mPrivateFlags3 &= ~PFLAG3_NOTIFY_AUTOFILL_ENTER_ON_LAYOUT;
notifyEnterOrExitForAutoFillIfNeeded(true);
}
}
整个layout的流程就是,通过setOpticalFrame或者setFrame方法,穿进去l,t,r,b,这样我们的view的位置就可以确定了。接下来就回调onLayout()方法,由子view去决定当前的layout要怎么控制。
三 View的draw流程
draw流程比较简单,这里不大篇幅的上代码,根据注释,我们可以得到view的draw流程主要是有5步:
1 画背景
2 如果有需要的话,保存当前画布
3 画view自己的内容
4 如果有子View,画出子view
5 画一些装饰(decorations)view,比如前景色、srcollbars