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()方法模式是 模板设计模式

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


模板设计模式.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的绘制流程了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,013评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,205评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,370评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,168评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,153评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,954评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,271评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,916评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,382评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,877评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,989评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,624评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,209评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,199评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,418评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,401评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,700评论 2 345

推荐阅读更多精彩内容