从源码角度分析view的draw过程

最新推荐文章于 2023-01-17 15:54:57 发布
最新推荐文章于 2023-01-17 15:54:57 发布
阅读量2.2k 收藏 1
点赞数 1
分类专栏： Android高手进阶 Android Android开发高手 文章标签： android View的绘制
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/andywuchuanlong/article/details/47830541
版权

上面两篇文章已经分析了Android view的测量和布局且详细介绍了linearLayout的measure机制。另外特别感谢博乐对我前一篇文章的推荐以，我也会一如既往的写好每一篇文章。
1、从源码角度分析Android View的绘制机制（一）
2、从源码角度分析linearLayout测量过程以及weight机制
3、从源码角度分析view的layout过程
和前面介绍的一样，view的绘制也是从ViewRoot的performTraversals方法中开启。

        measure过程
        layout过程
        .......
        if (triggerGlobalLayoutListener) {
            attachInfo.mRecomputeGlobalAttributes = false;
            // 全局布局完成后，进行分发
            attachInfo.mTreeObserver.dispatchOnGlobalLayout();
        }
        ........
        // 在draw之前调用
        boolean cancelDraw = attachInfo.mTreeObserver.dispatchOnPreDraw();
        if (!cancelDraw && !newSurface) {
            mFullRedrawNeeded = false;
            // 开始 绘制
            draw(fullRedrawNeeded);
            ..........
                try {
                    // 告诉wms绘制完毕
                    sWindowSession.finishDrawing(mWindow);
                } catch (RemoteException e) {
                }
            }

完成measure和layout过程后，会调用mTreeObserver.dispatchOnGlobalLayout()方法，这个也就可以解决我们平时的一个需求，比如说要在onCreate方法中获取某个控件的测量大小以及它所在屏幕的位置，那么我们就可以给mTreeObserver添加一个OnGlobalLayout监听器，当measure和layout全部完毕后，会自动回调。再比如说你要在系统执行绘制操作前要做些什么事情，同样也可以给mTreeObserver添加一个OnPreDraw监听器，具体使用方式如下：

        View view = new View(context);
        ViewTreeObserver mViewTreeObserver = view.getViewTreeObserver();
        mViewTreeObserver.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {

            }
        });
        mViewTreeObserver.addOnPreDrawListener(new OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                return false;
            }
        });

紧接着就是调用draw方法进行绘制了。

    private void draw(boolean fullRedrawNeeded) {
        Surface surface = mSurface;
        if (mUseGL) {
            if (!dirty.isEmpty()) {
                Canvas canvas = mGlCanvas;
                if (mGL != null && canvas != null) {
                    ...........
                    mView.mPrivateFlags |= View.DRAWN;
                    int saveCount = canvas.save(Canvas.MATRIX_SAVE_FLAG);
                    try {
                        canvas.translate(0, -yoff);
                        if (mTranslator != null) {
                            mTranslator.translateCanvas(canvas);
                        }
                        // 设置屏幕密度
                        canvas.setScreenDensity(scalingRequired? DisplayMetrics.DENSITY_DEVICE : 0);
                        // 开始绘制
                        mView.draw(canvas);
                        .........
                    } finally {
                        canvas.restoreToCount(saveCount);
                    }
                    ..........
                }
            }
            ............
            return;
        }
        ................
    }

最终调用的还是mView.draw(canvas);draw方法在view中是final的，所以在自定义viewGroup的时候，一般都会重写onDraw方法。view中的draw方法的处理逻辑总共可以分为5个步骤，如下所述：

public void draw(Canvas canvas) {
        final boolean dirtyOpaque = (privateFlags & DIRTY_MASK) == DIRTY_OPAQUE &&
                (mAttachInfo == null || !mAttachInfo.mIgnoreDirtyState);
        // Step 1, draw the background, if needed        绘制背景
        // step 2， If necessary, save the canvas' layers to prepare for fading   
        // Step 3, draw the content                      绘制视图本身
        // Step 4, draw the children                     绘制子视图
        // Step 5，If necessary, draw the fading edges and restore layers   
        // Step 6, draw decorations (scrollbars)         绘制滚动条
}

我们来一步一步的对view中draw方法做如下分析：

         // Step 1, draw the background, if needed
         int saveCount;
         if (!dirtyOpaque) {
            final Drawable background = mBackground;
            if (background != null) {
                final int scrollX = mScrollX;
                final int scrollY = mScrollY;
                if (mBackgroundSizeChanged) {
                    background.setBounds(0, 0,  mRight - mLeft, mBottom - mTop);
                    mBackgroundSizeChanged = false;
                }
                if ((scrollX | scrollY) == 0) {
                    background.draw(canvas);
                } else {
                    canvas.translate(scrollX, scrollY);
                    background.draw(canvas);
                    canvas.translate(-scrollX, -scrollY);
                }
            }
        }
        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);
            // Step 6, draw decorations (scrollbars) 绘制装饰，比如说滚动条
            onDrawScrollBars(canvas);
            if (mOverlay != null && !mOverlay.isEmpty()) {
                mOverlay.getOverlayView().dispatchDraw(canvas);
            }
            return;
        }
        ...........

我们发现上面的一段代码只是做了绘制步骤中的1、3、4、6，少了步骤2和5，原因是2和5主要是用来绘制一些渐变的，而在if语句中的条件是!verticalEdges && !horizontalEdges，也就是说如果view没有设置渐变框。渐变框可以通过android:fadingEdge设置渐变的方向，android:fadingEdgeLength来设置渐变框的长度。大家可以参照下面的图理解一下：
渐变图

无论有没有渐变效果，首先第一步就是绘制背景

Step 1:背景的绘制

background.draw(canvas);调用Drawable的draw方法进行绘制，这个方法其实是个抽象方法，如果说背景是个BitmapDrawable，那么真正的绘制还是调用了native_drawBitmap方法，也就是个native方法。

public void drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint) {
        if (dst == null) {
            throw new NullPointerException();
        }
        throwIfCannotDraw(bitmap);
        native_drawBitmap(mNativeCanvas, bitmap.ni(), src, dst,
                paint != null ? paint.mNativePaint : 0, mScreenDensity, bitmap.mDensity);
    }
Step 3:绘制视图本身

调用view的onDraw方法进行视图本身的绘制。onDraw在view中的方法体是个空的，所以自定义view的时候都会重写这个方法。如果本身是个ViewGroup的话，调用的则是viewGroup的onDraw方法，但是viewGroup也没有重写这个方法。以LinearLayout为例，在2.3.3的源码中，其实LinearLayout也没有复写这个方法，貌似到到了3.0之后LinearLayout重写了这个方法，因为LinearLayout中添加了一个新的特性，可以给内部元素添加分隔。

    @Override
    protected void onDraw(Canvas canvas) {
        if (mDivider == null) {
            return;
        }
        if (mOrientation == VERTICAL) {
            drawDividersVertical(canvas);
        } else {
            drawDividersHorizontal(canvas);
        }
    }

从源码中也看到，如果mDivider 为null，自己本身的视图就不会绘制。

Step 4:绘制子视图

开始调用dispatchDraw(canvas)绘制子视图，view中的这个方法也是个空方法体，对于没有孩子的view而言，不需要绘制子视图，所以viewGroup是必须要重写这个方法。

    @Override
    protected void dispatchDraw(Canvas canvas) {
        final int count = mChildrenCount;
        final View[] children = mChildren;
        int flags = mGroupFlags;

        if ((flags & FLAG_RUN_ANIMATION) != 0 && canAnimate()) {
            final boolean cache = (mGroupFlags & FLAG_ANIMATION_CACHE) == FLAG_ANIMATION_CACHE;

            for (int i = 0; i < count; i++) {
                final View child = children[i];
                if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE) {
                    final LayoutParams params = child.getLayoutParams();
                    // 给view设置布局动画
                    attachLayoutAnimationParameters(child, params, i, count);
                    bindLayoutAnimation(child);
                    if (cache) {
                        child.setDrawingCacheEnabled(true);
                        child.buildDrawingCache(true);
                    }
                }
            }

            final LayoutAnimationController controller = mLayoutAnimationController;
            if (controller.willOverlap()) {
                mGroupFlags |= FLAG_OPTIMIZE_INVALIDATE;
            }

            controller.start();

            mGroupFlags &= ~FLAG_RUN_ANIMATION;
            mGroupFlags &= ~FLAG_ANIMATION_DONE;

            if (cache) {
                mGroupFlags |= FLAG_CHILDREN_DRAWN_WITH_CACHE;
            }

            if (mAnimationListener != null) {
                // 动画开始
                mAnimationListener.onAnimationStart(controller.getAnimation());
            }
        }
        .........
        if ((flags & FLAG_USE_CHILD_DRAWING_ORDER) == 0) {
            for (int i = 0; i < count; i++) {
                final View child = children[i];
                if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null) {
                    more |= drawChild(canvas, child, drawingTime);
                }
            }
        } else {
            for (int i = 0; i < count; i++) {
                // Override this if you want to change the drawing order of children.
                final View child = children[getChildDrawingOrder(count, i)];
                if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null) {
                    more |= drawChild(canvas, child, drawingTime);
                }
            }
        }
        // Draw any disappearing views that have animations
        if (mDisappearingChildren != null) {
            final ArrayList<View> disappearingChildren = mDisappearingChildren;
            final int disappearingCount = disappearingChildren.size() - 1;
            // Go backwards -- we may delete as animations finish
            for (int i = disappearingCount; i >= 0; i--) {
                final View child = disappearingChildren.get(i);
                more |= drawChild(canvas, child, drawingTime);
            }
        }
        ...........
   }

绘制子视图的过程中，首先遍历子视图，如果child是visiable的就会给child设置布局动画，这个布局动画我们可以自己定义，如果没有定义的话就会有一个默认的动画。紧跟着就是判断我们是否需要自定义child的绘制顺序。默认是按照index的先后顺序。如果我们想要调整child的绘制顺序可以重写getChildDrawingOrder方法，这个方法默认返回当前childview的index值。最后调用drawChild(canvas, child, drawingTime)方法进行子view的绘制。

     protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
        return child.draw(canvas, this, drawingTime);
    }
Step 6:绘制装饰，比如说滚动条

调用onDrawScrollBars绘制滚动条

吴传龙
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android4.2源码View.draw(Canvas canvas)中canvas分析
u012604322的专栏
01-03 2291
ViewGroup.java中绘制从dispatchDraw()开始，这里的Canvas由ViewRootImpl.java中传入，此时Canvas是屏幕大小的画布。 @Override protected void dispatchDraw(Canvas canvas) { ... more |= drawChild(canvas, chil
View体系（十一）View的draw流程
droidYu
02-14 1519
之前的文章《View体系（六）View工作流程入口》提到View的工作流程包括了measure、layout和draw的过程，今天我们就来看一下View的draw流程是怎样的。 （注：文中源码基于 Android 12） View的draw流程很简单，源码里的注释官方也写的很清楚，我们看View的draw方法： public void draw(Canvas canvas) { ... // Step 1, draw the background, if need
安卓开发学习之View的draw(canvas)方法
四国棋客
05-15 7946
背景这几天，我阅读了一下三大常见布局(线性，相对和框架)的测量、布局流程，而这三者的绘制过程，都是在View.draw()方法中实现的，所以我就阅读了一下View的draw(canvas)方法。由于我只是想了解常见布局的绘制流程，所以一些特殊情况和多余步骤我就没有去看，这不是读小说散文，要带有目的性。View#draw主要代码如下public void draw(Canvas canvas) { ...
ViewGroup 类中 drawChild()过程
CTO_1649900265的专栏
07-28 541
dmwChildO的核心过程是为子视图分配合适的Canvas剪切区，剪切区的大小取决于child的布局大 小，剪切区的位置取决于child的内部滚动值及hild内部的当前动画。该函数内部的主体流程如图13-42 所示，分为八大步。 protected boolean drawChild(Canvas canvas, View child, long drawingTime) { boolean more = false; final int cl = child.mLe
View.onDraw(Canvas canvas)
jb_home的博客
11-27 904
一般UI控件不满足我们的需求的时候，就需要自定义View。自定义view的一个重点就是实现去重写他的绘制过程,也就是View.onDraw(Canvas canvas)方法，它里面就是绘制图形的过程了，比如说一个Button，绘制按钮和按钮上的文字都是在它自己的onDraw方法中完成的。如果你想给ImageView加个蒙版，可以继承ImageView并且重写他的onDraw方法，调用完父类的onDraw之后，再自己Canvas来画一个黑色的半透明矩形，这样就可以对现有的控件进行加工了。 Canvas是画布
View 的 draw 流程-再总结
锅ke24的专栏
05-27 566
文章目录看图说话流程图时序图表格简单源码梳理第0步，performTraversals第1步，performDraw第2步，DecorView#draw第3步，View#draw第4步，onDraw第5步，dispatchDraw第6步，drawChild第7步，child.draw(三参数)总结补充链接汇总 看图说话 流程图 借用该链接：[凶残的程序员-View 的工作流程] ( https://blog.csdn.net/qian520ao/article/details/78657084 ) 的两张
Android View 绘制流程(Draw)全面解析
01-20
测量流程决定了View的大小，布局流程决定了View的位置，那么绘制流程将决定View的样子，一个View该显示什么由绘制流程完成。以下源码均取自Android API 21。 从performDraw说起 前面几篇文章提到，三大工作流程始于...
深入理解Android中View绘制的三大流程
01-20
前言 最近对Android中View的绘制机制...说的简单，下面带大家一步一步从源码中分析： Android的View是树形结构的： 基本概念 在介绍View的三大流程之前，我们必须先介绍一些基本的概念，才能更好地理解这整个过程。
Android重力传感器源码
01-12
public void draw() { try { canvas = sfh.lockCanvas(); if (canvas != null) { canvas.drawColor(Color.BLACK); paint.setColor(Color.RED); canvas.drawArc(new RectF(arc_x, arc_y, arc_x + 50, arc_y +...
Visual C++ 编程资源大全（源码 图形）
10-21
因为它演示了在地图上的图钉效果，运行这个程序你可以在View中移动一些图标(286KB)<END><br>66,storage.zip 文件存储和流化的一些类(10KB)<END><br>67,Redraw.zip 克服控制闪烁问题(1KB)<END>
RxLib控件包内含RxGIF，全部源码及DEMO
01-12
found as "View | Project Resources" in the Delphi 3 and C++Builder 3 IDE menu and as "Project | Resources" in the Delphi 4 or higher IDE menu. 3. Units that provide functions and objects to work with...
自定义View之Ondraw源码
12-18
自定义VIew之onDraw方法Demo，以及总结；
Android View绘制6　Draw过程（下）
liuwg1226的专栏
03-13 625
一　概述 上篇分析了自定义 View 绘制流程及其常用方法：Android View绘制4　Draw过程（上）， 本篇将从代码的角度深入分析硬件加速绘制与软件绘制。 通过本篇文章，你将了解到： 1、软件绘制流程 2、硬件加速绘制流程 2、LayerType 对绘制的影响 3、Canvas 从哪里来到哪里去 4、绘制流程全家福 二　软件绘制流程 上篇说过在ViewRootImpl->draw(xx)里软件绘制与硬件加速绘制分道扬镳： 上图是Window 区分硬件加速绘制与软件绘制的入口。 由易到难，先
android view.draw(),Android 中View.onDraw(Canvas canvas)的使用方法
weixin_32380501的博客
05-27 255
Android 中View.onDraw(Canvas canvas)的使用方法View通过View.onDraw(Canvas canvas)来Draw.我们可以定义自己的继承于View的TestView,然后重载View.onDraw(Canvas canvas).对于自定义的TestView如何与Activity关联？有以下两种方式：直接在setContentView(View view)里...
view.draw(canvas)之后view里的控件属性消失了？
lianyuan2474的博客
12-31 584
在view中去画一个view,view就变成了一张图片，怎样让view不变成一张图片，且view中的控件属性仍然有效，急急急！！！！！！！！！
requestLayout()与onLayout()；onDraw()与drawChild()的区别和联系
Chin_Style的博客
03-28 4178
一、前期知识储备这个问题实际上是来自猎豹的一道Android面试题，题中实际包含了两层含义：①requestLayout()和onLayout()的区别和联系？②onDraw()和drawChild()的区别和联系？二、四个方法两两之间的区别首先，上官方文档，掌握上述四个方法的定义：由官方文档，我们可知，调用requestLayout()方法的时机是：当前View发生了一些改变，这个改变使得现有的...
View系列：View绘制：Canvas画布
C++ JAVA的专栏
03-05 868
Carson带你学Android ：自定义View Canvas类全面解析 - 简书 目录 Canvas目录 一：Canvas 称之为画布，是一种绘制时的规则，它也是Android平台2D图形绘制的基础。 它的作用就是，规定绘制内容时的规则，实际内容是绘制在屏幕上的。 二：流程图 三：实例 先画一个蓝色矩形框，在移动画布，在画一个红色矩形框 // 画一个矩形(蓝色) canvas.drawRect(100, 100, 150, 150, mPaint1); // 将...
View的draw流程
Crazy Android
01-17 109
大家从下面这段代码可以看出，绘制背景考虑偏移参数scrollX和scrollY。如果有偏移值不为0，则会在偏移后的canvas中绘制背景。5.如果需要，则绘制View的褪色边缘，这类似于阴影效果。其中2，5可以直接跳过。我们来看下剩下的步骤。2.保存当前canvas层。1.如果需要，则绘制背景。6.绘制装饰，比如滚动条。3.绘制View的内容。4.绘制子View.
自定义View Draw过程 详解
凉拌西红柿
05-27 310
自定义View Draw过程 详解前言Activity（活动）的概念 前言 Acty Activity（活动）的概念 参考内容 链接名称（一） 链接名称（一）
分析下安卓imageview的setvisible方法，从源码角度分析
最新发布
05-27
在 Android 中，ImageView 是一个常用的控件，通常用于显示图片。其中的 setVisible 方法是用来设置 ImageView 是否可见的方法。下面从源码角度分析一下这个方法的实现。 ImageView 的 setVisible 方法实际上是从 View 类继承而来的，其源码如下： ``` @Override public void setVisible(boolean visible, boolean restart) { super.setVisible(visible, restart); mPrivateFlags &= ~PFLAG_DRAWABLE_STATE_DIRTY; } ``` 在这个方法中，首先调用了 View 类的 setVisible 方法，而该方法中的实现主要是设置 View 的 visibility 属性。而 ImageView 这个子类中，visibility 属性的设置方法是 setVisibility 方法。因此，如果想要设置 ImageView 的可见性，实际上应该调用的是 setVisibility 方法。 setVisible 方法的第二个参数 restart 表示是否需要重绘 View。在 ImageView 中，如果需要重绘，则会调用 ImageView 的 invalidate 方法，使其重绘。而在 invalidate 方法中，会标记 View 的状态为需要重绘，这个标记的状态就是 mPrivateFlags 变量中的 PFLAG_DRAWABLE_STATE_DIRTY 标记。因此，在 setVisible 方法中，还需要将这个标记清除，以便在下一次需要重绘时，重新标记。 综上所述，ImageView 的 setVisible 方法主要是继承自 View 类，并调用了其父类的 setVisible 方法，同时还需要清除重绘标记。如果想要设置 ImageView 的可见性，应该调用 setVisibility 方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值