Android 高级进阶 - View的绘制流程

前言

Android 的UI管理系统的层级关系：

PhoneWindow 是Android 系统中最基本的窗口系统，每一个Activity 会创建一个。PhoneWindow 是Activity 和View 系统 交互的接口。DecorView 本质上是一个FrameLayout ，是Activity 中所有View 的祖先。

一、绘制的整体流程

启动Activity，绘制从根视图ViewRoot 的performTraverssals 方法开始，从上到下遍历整个视图树，每个View控件负责绘制自己，而ViewGroup还需通知子View进行绘制。

绘制的三个步骤：测量（Measure）、布局（Layout）、绘制（Draw）

performTraversals 方法的核心代码如下：

  private void performTraversals(){
        // ...
        int childWidthMesureSpec = getRootMeasureSpec(mWidth, lp.width);
        int childHeightMesureSpec = getRootMeasureSpec(mHeight, lp.height);
        // ...
        // 执行测量流程
        performMeasure(childWidthMesureSpec, childHeightMesureSpec);
        // ...
        // 执行布局流程
        performLayout(lp, desiredWindowWidth, desiredWindowHeight);
        // ...
        // 执行绘制流程
        performDraw();
    }

二、MeasureSpec

是View 类的一个静态内部类，用来说明如何测量这个View。表示32位的整型值，高两位表示测量模式（SpecMode），低30位表示某种测量模式下的规格大小（SpecSize）。

三种测量模式：

UNSPECIFIED：不指定测量模式。父视图没有限制子视图的大小，子视图可以是想要的任何尺寸，通常用于系统内部，应用开发中很少用到。

EXACTLY：精确测量模式。当该视图的layout_width、layout_height指定为具体值或match_parent时生效，表示父视图已经决定了子视图的大小，该模式下View 的测量值就是SpecSize。

AT_MOST：最大值模式。当该视图的layout_width、layout_height指定为具体值或wrap_content时生效,此时子视图的尺寸可以是不超过父视图允许的最大尺寸的任何尺寸。

注：对DecorView 而言，它的MeasureSpec 由窗口尺寸和自身的LayoutParams 共同决定；对于普通View，它的MeasureSpec 由父视图的MeasureSpec和其自身的LayoutParams共同决定。

三、Measure

用来计算View 的实际大小。具体的测量操作是分发给ViewGroup，在它的measureChild方法中传递给子View。ViewGroup通过遍历自身所有的子View，并逐个调用子View的Measure方法进行测量。其最终是通过回调 onMeasure 方法，自定义View 实现该方法进行测量。

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

四、Layout

用来确定View在父布局中的位置，由父容器获取子View的位置参数，调用子View的layout方法并将位置参数传入实现的。最终通过调用onLayout 方法，自定义View实现该方法设置子View位置。

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
    }

五、Draw

用来绘制控件，调用子View的draw方法绘制具体的View。最终通过调用onDraw方法实现绘制。

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }

绘制的六个步骤（View源码）：

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);
        // step-1 绘制View的背景
        drawBackground(canvas);
        // step-2 如果需要的话，保存 canvas 的图层，为fading做准备
        saveCount = canvas.getSaveCount();
        // ...
        canvas.saveLayer(left, top, right, top + length, null, flags);
        // step-3 绘制View的内容
        onDraw(canvas);
        // step-4 绘制View的子View
        dispatchDraw(canvas);
        // step-5 如果需要的话，绘制View的fading边缘并恢复图层
        canvas.drawRect(left, top, right, top + length, p);
        // ...
        canvas.restoreToCount(saveCount);
        // step-6 绘制View的装饰（如滚动条）
        onDrawForeground(canvas);
    }