View的绘制流程 - onDraw()源码分析

前言

View绘制流程系列文章
View的绘制流程 - onMeasure()源码分析
View的绘制流程 - onLayout()源码分析
View的绘制流程 - onDraw()源码分析

结论


View的绘制流程都是从ViewRootImpl中的requestLayout()方法开始进去的,performMeasure()、performLayout()、performDraw(),而如果代码中又写了这样的代码:addView()、setVisibility()等方法,意思就是会重新执行requestLayout(),意思就是会重新执行View的绘制流程,这个时候执行View的绘制流程时不会和第一次一样去执行所有的逻辑,比如说你自己addView(),一次性添加了10个View,那么它有可能等你添加完毕之后才去执行 View的绘制流程的;

在View的draw()方法中,采用模板设计模式:
drawBackground() ,绘制背景
onDraw(),画自己
dispatchDraw(),绘制子孩子

onDraw()和dispatchDraw()可以让调用者复写,然后实现自己的逻辑;

ViewRootImpl中的performDraw() -> ViewRootImpl中的draw() ->
ViewRootImpl中的drawSoftware() ->
View中的draw()方法 ->

下边进行分析,最下边的结论可以不看,因为和上边这个一样,下边仅用于分析流程。

1. 说明


前边两节课我们学习了View绘制流程中的 onMeasure()、onLayout(),那么这节课我们就来看下onDraw()方法。View的绘制流程的入口就是 ViewRootImpl中的 requestLayout()方法,源码如下,从requestLayout()中点击进入View的 performDraw()方法:

2. ViewRootImpl是什么?


  • ViewGroupImpl不是View,也不是ViewGroup,实现ViewParent,是一个接口,主要管理View的绘制

3. onDraw()方法


源码分析如下:
ViewRootImpl源码如下:

    /**
     * We have one child
     */
    public void setView(View view, WindowManager.LayoutParams attrs, View panelParentView) {
        synchronized (this) {
            if (mView == null) {
                mView = view;

                mAttachInfo.mDisplayState = mDisplay.getState();
                mDisplayManager.registerDisplayListener(mDisplayListener, mHandler);

                // Schedule the first layout -before- adding to the window
                // manager, to make sure we do the relayout before receiving
                // any other events from the system.
                requestLayout();
            }
        }
    }

@Override
    public void requestLayout() {
        if (!mHandlingLayoutInLayoutRequest) {
            checkThread();
            mLayoutRequested = true;
            scheduleTraversals();
        }
    }
void scheduleTraversals() {
        if (!mTraversalScheduled) {
            mTraversalScheduled = true;
            mTraversalBarrier = mHandler.getLooper().getQueue().postSyncBarrier();
            mChoreographer.postCallback(
                    Choreographer.CALLBACK_TRAVERSAL, mTraversalRunnable, null);
            if (!mUnbufferedInputDispatch) {
                scheduleConsumeBatchedInput();
            }
            notifyRendererOfFramePending();
            pokeDrawLockIfNeeded();
        }
    }
final class TraversalRunnable implements Runnable {
        @Override
        public void run() {
            doTraversal();
        }
    }
void doTraversal() {
        if (mTraversalScheduled) {
            mTraversalScheduled = false;
            mHandler.getLooper().getQueue().removeSyncBarrier(mTraversalBarrier);
            performTraversals();
        }
    }
private void performTraversals() {
        // cache mView since it is used so much below...
        final View host = mView;

        if (DBG) {
            System.out.println("======================================");
            System.out.println("performTraversals");
            host.debug();
        }

                    if (measureAgain) {
                        if (DEBUG_LAYOUT) Log.v(mTag,
                                "And hey let's measure once more: width=" + width
                                + " height=" + height);
                        performMeasure(childWidthMeasureSpec, childHeightMeasureSpec);
                    }
            }
        } else 
        if (didLayout) {
            performLayout(lp, mWidth, mHeight);
            }

            performDraw();
        } else {
            
        }

        mIsInTraversal = false;
    }
private void performDraw() {
        if (mAttachInfo.mDisplayState == Display.STATE_OFF && !mReportNextDraw) {
            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);
        }
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;
        try {
            final int left = dirty.left;
            final int top = dirty.top;
            final int right = dirty.right;
            final int bottom = dirty.bottom;

                canvas.setScreenDensity(scalingRequired ? mNoncompatDensity : 0);
                attachInfo.mSetIgnoreDirtyState = false;

                mView.draw(canvas);
    }
public void draw(Canvas canvas) {
        final int privateFlags = mPrivateFlags;
        final boolean dirtyOpaque = (privateFlags & PFLAG_DIRTY_MASK) == PFLAG_DIRTY_OPAQUE &&
                (mAttachInfo == null || !mAttachInfo.mIgnoreDirtyState);
        mPrivateFlags = (privateFlags & ~PFLAG_DIRTY_MASK) | PFLAG_DRAWN;

        /*
         * Draw traversal performs several drawing steps which must be executed
         * in the appropriate order:
         *
         *      1. Draw the background
         *      2. If necessary, save the canvas' layers to prepare for fading
         *      3. Draw view's content
         *      4. Draw children
         *      5. If necessary, draw the fading edges and restore layers
         *      6. Draw decorations (scrollbars for instance)
         */

        // Step 1, draw the background, if needed
        int saveCount;

        if (!dirtyOpaque) {
            drawBackground(canvas);
        }

        // skip step 2 & 5 if possible (common case)
        final int viewFlags = mViewFlags;
        boolean horizontalEdges = (viewFlags & FADING_EDGE_HORIZONTAL) != 0;
        boolean verticalEdges = (viewFlags & FADING_EDGE_VERTICAL) != 0;
        if (!verticalEdges && !horizontalEdges) {
            // Step 3, draw the content
            if (!dirtyOpaque) onDraw(canvas);

            // Step 4, draw the children
            dispatchDraw(canvas);

            // Overlay is part of the content and draws beneath Foreground
            if (mOverlay != null && !mOverlay.isEmpty()) {
                mOverlay.getOverlayView().dispatchDraw(canvas);
            }

            // Step 6, draw decorations (foreground, scrollbars)
            onDrawForeground(canvas);

            // we're done...
            return;
        }

        // Step 2, save the canvas' layers
        int paddingLeft = mPaddingLeft;

        // Step 3, draw the content
        if (!dirtyOpaque) onDraw(canvas);

        // Step 4, draw the children
        dispatchDraw(canvas);

        // Step 5, draw the fade effect and restore layers
        final Paint p = scrollabilityCache.paint;
        final Matrix matrix = scrollabilityCache.matrix;
        final Shader fade = scrollabilityCache.shader;

        // Overlay is part of the content and draws beneath Foreground
        if (mOverlay != null && !mOverlay.isEmpty()) {
            mOverlay.getOverlayView().dispatchDraw(canvas);
        }

        // Step 6, draw decorations (foreground, scrollbars)
        onDrawForeground(canvas);
    }

注意上边的 mView 是DecorView,因为DecorView继承自 View;


performDraw():用于绘制自己还有子View:

  • 对于ViewGroup:
    a:首先绘制自己的背景;
    b:然后for循环绘制所有子View背景,调用子View的draw()方法;
    c:最终调用子View的onDraw();

举个例子:
比如LinearLayout包裹了3个TextView,那么LinearLayout就会先绘制自己的背景,然后再去绘制子View(即就是TextView的背景);

  • 对于View:
    a:只会调用自己的draw(),然后绘制自己显示的内容。

举个例子:
比如 之前写的自定义View:
a:如果你是自定义TextView,比如之前写的自定义TextView,那么就去绘制TextView文字然后并显示;
b:如果你是自定义ImageView,那么你就去绘制ImageView,然后显示出来;

由以上源码可知,performDraw()调用方法流程如下:

ViewRootImpl中的performDraw() -> ViewRootImpl中的draw() ->
ViewRootImpl中的drawSoftware() ->
View中的draw()方法 ->

  • 以下操作都是在View中:

a:在View中,调用 drawBackground() ,是绘制背景 ;

b:在View中,调用onDraw(),画自己(ViewGroup默认情况不会调用这个方法,之前写的自定义TextView的示例代码中,让自定义TextView继承LinearLayout后,文字没有显示出来就是因为,没有调用onDraw()方法);

c:在View中,调用 dispatchDraw(),是绘制子孩子,不断的循环调用子View的draw()方法,这个方法什么都没写,我们可以根据自己需求去实现

上边中的 draw()方法模式是 模板设计模式

模板设计模式效果图如下:


View的绘制流程 - onDraw()源码分析_第1张图片
模板设计模式.png

以上就是View绘制流程的所有内容:

4. 结论如下


从前两节课开始,也就是从onMeasure()、onLayout()方法开始,再加上这节课onDraw()源码分析,总共是3节课,就是View绘制流程的所有内容,从View的绘制流程,我们可以得出以下结论:

1>:如果要获取View的高度,首先调用测量方法,也就是onMeasure()方法,测量完毕之后才能获取宽高;
2>:View的绘制流程一般是在onResume()之后才开始;
3>:如果代码中有调用 addView、setVisbility()等方法,那么一定会调用 requestLayout()方法,肯定会重新执行一遍View的绘制流程,这个时候执行View的绘制流程时不会和第一次一样去执行所有的逻辑,比如说你自己addView(),一次性添加了10个View,那么它有可能等你添加完毕之后才去执行 View的绘制流程的;
4>:优化代码的时候,都是根据源码来进行优化,减少onDraw()方法的调用、不要过多的嵌套布局:

5. 减少onDraw()方法的调用


比如我们之前写的仿淘宝星级评价时,在onDraw()方法中绘制时就需要判断如果 分数相同就不要去绘制了,等等,凡是涉及到调用 直接调用onDraw()方法或者调用 invalidate()而间接的调用onDraw()方法,都需要去注意,尽量减少onDraw()、invalidate()方法的调用;

  • 对于不要嵌套过多布局:
    1>:第一个是布局层级不要太深;
    2>:第二个是如果涉及到 需要在 xml布局文件中 给 根布局或者子view设置background背景时,就直接给 根布局设置 background就行了,不要同时给 根布局和子View同时设置background背景。

面试如果问View的绘制流程,那么就把这3篇文章回答出来就可以了

View的绘制流程 - onMeasure()源码分析、View的绘制流程 - onLayout()源码分析、View的绘制流程 - onDraw()源码分析(也就是这篇文章),只需要把这3篇文章回答出来,就可以刷View的绘制流程了。

你可能感兴趣的:(View的绘制流程 - onDraw()源码分析)