美文网首页Android自定义View
【Android源码】View的绘制流程

【Android源码】View的绘制流程

作者: 感同身受_ | 来源:发表于2020-11-09 15:34 被阅读0次

一、问题:

首先还是来看一种情况,我们在Activity的三个地方查看View的measureHeight属性,因为只有measure后的View才具有measureHeight属性,否则为0,

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    mHandle = Handler(Looper.getMainLooper())

    Log.d("MainActivity", "onCreate btn_view.measuredHeight ==> " + btn_view.measuredHeight.toString())

    btn_view.post {
        Log.d("MainActivity", "post btn_view.measuredHeight ==> " + btn_view.measuredHeight.toString())
    }
}
override fun onResume() {
    super.onResume()
    Log.d("MainActivity", "onResume btn_view.measuredHeight ==> " + btn_view.measuredHeight.toString())
}

我们再看一下log

2020-10-13 10:22:26.067 22953-22953/? D/MainActivity: onCreate btn_view.measuredHeight ==> 0
2020-10-13 10:22:26.074 22953-22953/? D/MainActivity: onResume btn_view.measuredHeight ==> 0
2020-10-13 10:22:26.233 22953-22953/? D/MainActivity: post btn_view.measuredHeight ==> 144

这里显示,只有View.post()里面,才打印出了View的measureHeight属性,这就说明,在onCreate方法和onResume方法执行时,我们的View都还没被measure

二、onCreate()方法、onResume()方法

之前我们分析过,setContentView的源码,为了看仔细一点,我们选择看继承Avtivity的setContentView的源码,而Activity里面的setContentView是调用的PhoneWindow的setContentView,所以PhoneWindow的setContentView

public void setContentView(int layoutResID) {
    if (mContentParent == null) {
        //创建DecorView和mContentParent
        //并将我们系统的布局android.R.layout.content添加到了mDecor上
        installDecor();
    } else if (!hasFeature(FEATURE_CONTENT_TRANSITIONS)) {
        mContentParent.removeAllViews();
    }

    if (hasFeature(FEATURE_CONTENT_TRANSITIONS)) {
        final Scene newScene = Scene.getSceneForLayout(mContentParent, layoutResID,
                getContext());
        transitionTo(newScene);
    } else {
        mLayoutInflater.inflate(layoutResID, mContentParent);
    }
    //...
}

这里的setContent只是创建了DecorView并把我们的布局添加到了DecorView上,但是还没有调用onMeasure方法。

我们再从Activity的启动流程入手,对于ActivityThread里面的performLaunchActivity方法,它里面通过反射调用了Activity的onCreate方法

private Activity performLaunchActivity(ActivityClientRecord r, Intent customIntent) {
    //...
    activity = mInstrumentation.newActivity(
        cl, component.getClassName(), r.intent);
    //...
}

而ActivityThread的handleResumeActivity方法,他里面调用了performResumeActivity方法

public void handleResumeActivity(IBinder token, boolean finalStateRequest, boolean isForward,
        String reason) {
    //...
    final ActivityClientRecord r = performResumeActivity(token, finalStateRequest, reason);
    //...
    if (r.window == null && !a.mFinished && willBeVisible) {
            ViewManager wm = a.getWindowManager();
            //...
            View decor = r.window.getDecorView();
            if (a.mVisibleFromClient) {
                if (!a.mWindowAdded) {
                    wm.addView(decor, l);
                } 
            }
        } 
        if (!r.activity.mFinished && willBeVisible && r.activity.mDecor != null && !r.hideForNow) {
            //...
            if ((l.softInputMode
                    & WindowManager.LayoutParams.SOFT_INPUT_IS_FORWARD_NAVIGATION)
                    != forwardBit) {
                if (r.activity.mVisibleFromClient) {
                    ViewManager wm = a.getWindowManager();
                    View decor = r.window.getDecorView();
                    wm.updateViewLayout(decor, l);
                }
            }
            if (r.activity.mVisibleFromClient) {
                r.activity.makeVisible();
            }
        }
}

performResumeActivity里面调用了performResume,这里才去执行了我们Activity的onResume方法,

public ActivityClientRecord performResumeActivity(IBinder token, boolean finalStateRequest,
        String reason) {
    try {
        r.activity.performResume(r.startsNotResumed, reason);
    }catch (Exception e) {
        //...
    }
}

handleResumeActivity方法里面调用完performResumeActivity之后,才调用的wm.addView(decor, l);,,他是从这里才把DecorView加载到ViewManager里面,这时才开始View的绘制流程:measure() -> layout() -> draw()

所以,这里就解释了,为什么我们在onCreate()和onResume()里面获取不到View的measureHeight属性,就是因为onCreate和obResume方法执行的时候,View的绘制还没开始。而View.post()里面为什么就可以了呢?

三、View.post()方法

我们看一下View.post的源码

public boolean post(Runnable action) {
    final AttachInfo attachInfo = mAttachInfo;
    if (attachInfo != null) {
        return attachInfo.mHandler.post(action);
    }
    getRunQueue().post(action);
    return true;
}

这里可以看到,post进来之后,他是调用的HandlerActionQueue.java类里面的post方法

public void post(Runnable action) {
    postDelayed(action, 0);
}

public void postDelayed(Runnable action, long delayMillis) {
    final HandlerAction handlerAction = new HandlerAction(action, delayMillis);

    synchronized (this) {
        if (mActions == null) {
            mActions = new HandlerAction[4];
        }
        //入队列
        mActions = GrowingArrayUtils.append(mActions, mCount, handlerAction);
        mCount++;
    }
}

post进来之后的cation会保存进队列中,但是没有执行,而是在View的dispatchAttachedToWindow方法中执行,而dispatchAttachedToWindow方法就是在测量完毕之后才调用的

void dispatchAttachedToWindow(AttachInfo info, int visibility) {
    //...
    // Transfer all pending runnables.
    if (mRunQueue != null) {
        //里面是个for循环,去执行队列中的全部Action
        mRunQueue.executeActions(info.mHandler);
        mRunQueue = null;
    }
}

所以,到了这里,我们也就基本解释清楚了,为什么onCreate、onResume和View.post里面获取View的measureHeight属性出现的情况了。

四、总结(过程展示)

执行过程:

image-20201013162709179.png

五、WindowManagerImpl

我们在ActivityThread的handleResumeActivity()方法中,看到了他内部调用了ViewManager的addView()和updateViewLayout()的方法,而ViewManager的这两个方法是在他的实现类WindowManagerImpl里面实现的

public void handleResumeActivity(IBinder token, boolean finalStateRequest, boolean isForward,
        String reason) {
    //...
    final ActivityClientRecord r = performResumeActivity(token, finalStateRequest, reason);
    //...
    ViewManager wm = a.getWindowManager();
    View decor = r.window.getDecorView();
    if(){
        wm.addView(decor, l);
    }else{
        wm.updateViewLayout(decor, l);
    }
}

我们进到WindowManagerImpl类中,他调用的是mGlobal的方法

@Override
public void addView(@NonNull View view, @NonNull ViewGroup.LayoutParams params) {
    applyDefaultToken(params);
    mGlobal.addView(view, params, mContext.getDisplayNoVerify(), mParentWindow,
            mContext.getUserId());
}

@Override
public void updateViewLayout(@NonNull View view, @NonNull ViewGroup.LayoutParams params) {
    applyDefaultToken(params);
    mGlobal.updateViewLayout(view, params);
}

再往里面进去

public void addView(View view, ViewGroup.LayoutParams params,
        Display display, Window parentWindow, int userId) {
    //...
    ViewRootImpl root;
    View panelParentView = null;
    //实例化了ViewRootImpl的对象root
    root = new ViewRootImpl(view.getContext(), display);

    view.setLayoutParams(wparams);
    mViews.add(view);
    mRoots.add(root);
    mParams.add(wparams);
    // do this last because it fires off messages to start doing things
    try {
        //**重点**
        root.setView(view, wparams, panelParentView, userId);
    } catch (RuntimeException e) {
        // BadTokenException or InvalidDisplayException, clean up.
        if (index >= 0) {
            removeViewLocked(index, true);
        }
        throw e;
    }
}

从这里我们发现一个事情,我们以前一直以为DecorView就是PhoneWindow下面的根布局,但是从这里,我们可以看到,DecorView也是加到ViewRootImpl上面的root.setView(view, wparams, panelParentView, userId);

public void setView(View view, WindowManager.LayoutParams attrs, View panelParentView,
        int userId) {
    //...
    requestLayout();
    //...
}

public void requestLayout() {
    //...
    scheduleTraversals();
}

void scheduleTraversals() {
    //...
    mChoreographer.postCallback(
            Choreographer.CALLBACK_TRAVERSAL, mTraversalRunnable, null);
    //...
}


final class TraversalRunnable implements Runnable {
    @Override
    public void run() {
        doTraversal();
    }
}
final TraversalRunnable mTraversalRunnable = new TraversalRunnable();

void doTraversal() {
    //...
    performTraversals();
    //...
}

终于,我们追到了performTraversals()方法,网上很多文章,也就是从这里开始讲的

六、重点:View的绘制流程

private void performTraversals() {
    getRunQueue().executeActions(mAttachInfo.mHandler);
    performMeasure(childWidthMeasureSpec, childHeightMeasureSpec);
    performLayout(lp, mWidth, mHeight);
    performDraw();
}

1. 绘制流程第一步performMeasure

ViewRootImpl.java

private void performMeasure(int childWidthMeasureSpec, int childHeightMeasureSpec) {
    try {
        mView.measure(childWidthMeasureSpec, childHeightMeasureSpec);
    } finally {
        Trace.traceEnd(Trace.TRACE_TAG_VIEW);
    }
}

在View.java中查看measure方法

public final void measure(int widthMeasureSpec, int heightMeasureSpec) {
    if (cacheIndex < 0 || sIgnoreMeasureCache) {
        // measure ourselves, this should set the measured dimension flag back
        //调用View里面的onMeasure方法,测量开始
        onMeasure(widthMeasureSpec, heightMeasureSpec);
        mPrivateFlags3 &= ~PFLAG3_MEASURE_NEEDED_BEFORE_LAYOUT;
    } else {
        long value = mMeasureCache.valueAt(cacheIndex);
        // Casting a long to int drops the high 32 bits, no mask needed
        setMeasuredDimensionRaw((int) (value >> 32), (int) value);
        mPrivateFlags3 |= PFLAG3_MEASURE_NEEDED_BEFORE_LAYOUT;
    }
}

这个方法里面调用了onMeasure方法,而此时onMeasure测量的是我们的根布局DecorView方法,测量了DecorView后,我们又会用onMeasure测量我们布局的根布局(这里以LinearLayout为例)

LinearLayout.java

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    //首先判断的是orientation
    if (mOrientation == VERTICAL) {
        measureVertical(widthMeasureSpec, heightMeasureSpec);
    } else {
        measureHorizontal(widthMeasureSpec, heightMeasureSpec);
    }
}

void measureVertical(int widthMeasureSpec, int heightMeasureSpec) {
    //通过for循环去拿我们里面的子布局
    for (int i = 0; i < count; ++i) {
        final View child = getVirtualChildAt(i);
        measureChildBeforeLayout(child, i, widthMeasureSpec, 0,
                        heightMeasureSpec, usedHeight);
    }
    //测量完之后,接着调用这个方法,我们的布局才有了真正的宽和高,这里进去是给measuredWidth和measuredHeight赋值
    setMeasuredDimension(resolveSizeAndState(maxWidth, widthMeasureSpec, childState),
                heightSizeAndState);
}

void measureChildBeforeLayout(View child, int childIndex,
            int widthMeasureSpec, int totalWidth, int heightMeasureSpec,
            int totalHeight) {
    measureChildWithMargins(child, widthMeasureSpec, totalWidth,
                            heightMeasureSpec, totalHeight);
}

protected void measureChildWithMargins(View child,
            int parentWidthMeasureSpec, int widthUsed,
            int parentHeightMeasureSpec, int heightUsed) {
    final MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();
    final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,
        mPaddingLeft + mPaddingRight + lp.leftMargin + lp.rightMargin
                + widthUsed, lp.width);
    final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,
        mPaddingTop + mPaddingBottom + lp.topMargin + lp.bottomMargin
                + heightUsed, lp.height);
    //通过调用子View的onMeasure方法,去测量子View的宽高,这里的两个参数childXXXMeasureSpec都是父布局已经给我们测量好了的
    child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
}

ViewGroup.java里面查看测量的方式getChildMeasureSpec()方法

public static int getChildMeasureSpec(int spec, int padding, int childDimension) {
    //获取模式和大小
    int specMode = MeasureSpec.getMode(spec);
    int specSize = MeasureSpec.getSize(spec);

    int size = Math.max(0, specSize - padding);

    int resultSize = 0;
    int resultMode = 0;
    //根据父布局的模式去给子View的resultSize、resultMode赋值
    switch (specMode) {
        // Parent has imposed an exact size on us
        //当父布局是match_parent、fill_parent(Deprecated)、明确的值
        case MeasureSpec.EXACTLY:
            if (childDimension >= 0) {//当ViewGroup中的子view是设置了具体大小的值时( X dp)
                //子View的大小就等于设置的子View的大小
                resultSize = childDimension;
                //mode就是EXACTLY
                resultMode = MeasureSpec.EXACTLY;
            } else if (childDimension == LayoutParams.MATCH_PARENT) {//如果子View外面设置的大小是MATCH_PARENT
                // Child wants to be our size. So be it.
                //子View的大小就等于父布局的大小
                resultSize = size;
                resultMode = MeasureSpec.EXACTLY;
            } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                // Child wants to determine its own size. It can't be
                // bigger than us.
                resultSize = size;
                resultMode = MeasureSpec.AT_MOST;
            }
            break;

        // Parent has imposed a maximum size on us
        //当父布局是warp_content时
        case MeasureSpec.AT_MOST:
            if (childDimension >= 0) {
                // Child wants a specific size... so be it
                resultSize = childDimension;
                //子View被设置成了明确的值,那么他的模式直接就是EXACTLY,不受父布局的影响
                resultMode = MeasureSpec.EXACTLY;
            } else if (childDimension == LayoutParams.MATCH_PARENT) {
                // Child wants to be our size, but our size is not fixed.
                // Constrain child to not be bigger than us.
                resultSize = size;
                //当父布局是AT_MOST模式时,即使子View是MATCH_PARENT,他的模式,最终还是AT_MOST,所以,子View的mode是父布局的mode和自己一起决定的
                resultMode = MeasureSpec.AT_MOST;
            } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                // Child wants to determine its own size. It can't be
                // bigger than us.
                resultSize = size;
                resultMode = MeasureSpec.AT_MOST;
            }
            break;

        // Parent asked to see how big we want to be
        case MeasureSpec.UNSPECIFIED:
            if (childDimension >= 0) {
                // Child wants a specific size... let him have it
                resultSize = childDimension;
                resultMode = MeasureSpec.EXACTLY;
            } else if (childDimension == LayoutParams.MATCH_PARENT) {
                // Child wants to be our size... find out how big it should
                // be
                resultSize = View.sUseZeroUnspecifiedMeasureSpec ? 0 : size;
                resultMode = MeasureSpec.UNSPECIFIED;
            } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                // Child wants to determine its own size.... find out how
                // big it should be
                resultSize = View.sUseZeroUnspecifiedMeasureSpec ? 0 : size;
                resultMode = MeasureSpec.UNSPECIFIED;
            }
            break;
    }
    //noinspection ResourceType
    return MeasureSpec.makeMeasureSpec(resultSize, resultMode);
}

调用完measure方法之后,就会调用setMeasuredDimension()方法,这个时候我们的布局才真正指定宽度和高度,measuredWidth和measuredHeight才真正有值

void measureVertical(int widthMeasureSpec, int heightMeasureSpec) {
    //通过for循环去拿我们里面的子布局
    for (int i = 0; i < count; ++i) {
        final View child = getVirtualChildAt(i);
        if (childWeight > 0) {
            //记录所有子View的高,方便计算自己的高,这里我们看的是Vertical方向的LinearLayout,所以他只是计算的Height
            if (mUseLargestChild && heightMode != MeasureSpec.EXACTLY) {
                childHeight = largestChildHeight;
            } else if (lp.height == 0 && (!mAllowInconsistentMeasurement
                    || heightMode == MeasureSpec.EXACTLY)) {
                childHeight = share;
            } else {
                childHeight = child.getMeasuredHeight() + share;
            }
            final int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(
                    Math.max(0, childHeight), MeasureSpec.EXACTLY);
            final int childWidthMeasureSpec = getChildMeasureSpec(widthMeasureSpec,
                    mPaddingLeft + mPaddingRight + lp.leftMargin + lp.rightMargin,
                    lp.width);
            //去测量子View
            child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
            // Child may now not fit in vertical dimension.
            childState = combineMeasuredStates(childState, child.getMeasuredState()
                    & (MEASURED_STATE_MASK>>MEASURED_HEIGHT_STATE_SHIFT));
        }
        measureChildBeforeLayout(child, i, widthMeasureSpec, 0,
                        heightMeasureSpec, usedHeight);
    }
    //测量完之后,接着调用这个方法,我们的布局才有了真正的宽和高,这里进去是给measuredWidth和measuredHeight赋值
    setMeasuredDimension(resolveSizeAndState(maxWidth, widthMeasureSpec, childState),
                heightSizeAndState);
}

总结:

测量都是从外往里递归,他先会把ViewRootImpl的测量模式传到DecorView,然后DecorView再把测量模式传到我们的根布局,依次向底部传,然后,最底层的View会拿子View的宽高来计算自己的宽高,依次向外传

image-20201013215655174.png

2. 绘制流程第二步performLayout

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

public void layout(int l, int t, int r, int b) {
    if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) {
        onLayout(changed, l, t, r, b);
    }
}

走到这里,基本的步骤流程差不多定好了,我们去看具体的View中是怎么实现的,还是用LinearLayout举例

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);
    }
}

void layoutVertical(int left, int top, int right, int bottom) {
    final int paddingLeft = mPaddingLeft;

    int childTop;
    int childLeft;

    // Where right end of child should go
    //计算父窗口推荐的子View宽度
    final int width = right - left;
    //计算父窗口推荐的子View右侧位置
    int childRight = width - mPaddingRight;

    // Space available for child
    //child可使用空间大小
    int childSpace = width - paddingLeft - mPaddingRight;
    //通过ViewGroup的getChildCount方法获取ViewGroup的子View个数
    final int count = getVirtualChildCount();
    //获取Gravity属性设置
    final int majorGravity = mGravity & Gravity.VERTICAL_GRAVITY_MASK;
    final int minorGravity = mGravity & Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK;
    //依据majorGravity计算childTop的位置值
    switch (majorGravity) {
        case Gravity.BOTTOM:
            // mTotalLength contains the padding already
            childTop = mPaddingTop + bottom - top - mTotalLength;
            break;

            // mTotalLength contains the padding already
        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) {
            //LinearLayout中其子视图显示的宽和高由measure过程来决定的,因此measure过程的意义就是为layout过程提供视图显示范围的参考值
            final int childWidth = child.getMeasuredWidth();
            final int childHeight = child.getMeasuredHeight();
            //获取子View的LayoutParams
            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);
            //依据不同的absoluteGravity计算childLeft位置
            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;
            //通过垂直排列计算调运child的layout设置child的位置
            setChildFrame(child, childLeft, childTop + getLocationOffset(child),
                          childWidth, childHeight);
            childTop += childHeight + lp.bottomMargin + getNextLocationOffset(child);

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

总结:

layout也是从顶层父View向子View的递归调用view.layout方法的过程,即父View根据第一步performMeasure,来获取子View所的布局大小和布局参数,将子View放在合适的位置上,==不过这个方法没有再往外走,只是不断的往里面走==。

3.绘制流程第三步performDraw

performDraw和上面的流程类似

private void performDraw() {
    try {
        draw(fullRedrawNeeded);
    } finally {
        mIsDrawing = false;
        Trace.traceEnd(Trace.TRACE_TAG_VIEW);
    }
}

private void draw(boolean fullRedrawNeeded) {
    Surface surface = mSurface;
    if (!surface.isValid()) {
        return;
    }

    if (!drawSoftware(surface, mAttachInfo, xOffset, yOffset, scalingRequired, dirty)) {
        return;
    }
}

private boolean drawSoftware(Surface surface, AttachInfo attachInfo, int xoff, int yoff,
                             boolean scalingRequired, Rect dirty) {
    // Draw with software renderer.
    final Canvas canvas;
    final int left = dirty.left;
    final int top = dirty.top;
    final int right = dirty.right;
    final int bottom = dirty.bottom;
    canvas = mSurface.lockCanvas(dirty);
    // ... ...
    mView.draw(canvas);
}

View的绘制流程其实就三个步骤:onMeasure(测量) -> onLayout(摆放) -> onDraw(绘制)

相关文章

网友评论

    本文标题:【Android源码】View的绘制流程

    本文链接:https://www.haomeiwen.com/subject/fvglbktx.html