View绘制过程理解

假期撸了几篇自定义View相关的东西，后两天下雨呆在家里还是效率太低Orz

 

每个Activity都包含一个Window对象，这个Window对象通常由PhoneWindow来实现【1】，而每个Window都对应着一个View和一个ViewRootImpl，这里PhoneWindow对应了一个DecorView和ViewRootImpl，DecorView包含了整个View系统【1】，ViewRootImpl就是连接Activity和整个View系统的纽带

1. DecorView将要显示的具体内容呈现在PhoneWindow上
2. 而所有View的监听事件，都通过WindowManagerService来接收，并通过Activity对象来回调相应的onClickListener

而View绘制就是由ViewRootImpl的performTraversals方法发起的，这个方法依次调用mView（就是DecorView）的Measure，Layout，Draw三个View绘制核心方法，就像这样：

 

private void performTraversals() {

    ......

    mView.measure(childWidthMeasureSpec, childHeightMeasureSpec);

    ......

    mView.layout(0, 0, mView.getMeasuredWidth(), mView.getMeasuredHeight());

    ......

    mView.draw(canvas);
    ......

}

 

这个三个方法就对应了View绘制的三个核心步骤：measure、layout、draw

 

---

1.measure过程

 

于是View的绘制就首先从measure开始

 

measure的意思是测量，这个方法要做的事是确定所有要绘制的View（View族）的大小

 

View的measure过程分为两部分

1. 一部分必须做的事情写在final的这个被调用的measure方法中
2. 另一部分可以让子类自由重写的事情写在另一个姊妹方法onMeasure()中，这个方法被measure方法调用，我们所有关心的测量工作都是在onMeasure()中做的，下面的描述中某些地方会略去measure方法

 

View和ViewGroup的onMeasure()中做的是两类不同的事情，而且具体的某个View或ViewGroup中的实现细节也会不同

先以一个一层以上的View和ViewGroup为例说说思路：

1. 首先最外层的ViewGroup的onMeasure方法被调用，然后做这几步
   1. 遍历每一个子View，做这些事：
      1. 调用#measureChildWithMargins#方法，这个方法中：
         1. 使用onMeasure方法传入的MeasureSpec【2】和子View的LayoutParams得到要传给子View的MeasureSpec【3】【4】
         2. 调用子View的measure方法，传入上面计算出的MeasureSpec
            1. 如果子View还是ViewGroup，那么回到第一层进行迭代
            2. 如果子View是View，那么就根据这个MeasureSpec以及自己的特性进行计算，最后调用#setMeasuredDimension#方法，完成自己最后的测量
      2. 经过上面的迭代，里边所有层的View和ViewGroup应该都测量结束了，取出当前这个子View的测量结果到记录器（对于FrameLayout 可能用最大的字View的大小，对于LinearLayout，可能是高度的累加，所以可能是累加器或是比较器或是别的，取决于具体的ViewGroup）
   2. 所有的孩子测量之后，根据记录器中所有子View的测量结果进行计算，调用#setMeasuredDimension#方法传入计算结果，完成自己最后的测量

 

上面就是onMeasure()的逻辑流程，这个流程用的是迭代的思想，非常可以

另外还把通知测量和获取测量结果分了两步做，都是父View主导，调用子View的方法，而不是通过一个方法和它的返回值或者是回调来实现，需要注意一下

 

---

 

以一个简单的实例来讲解这个过程：

因为最外层的DecorView就是FrameLayout，所以就用它来看

（也是因为ViewGroup中没有onMeasure方法，只能由不同的实现类来实现，否则就会调用View的默认onMeasure方法）

 

一、FrameLayout 的onMeasure 方法

这个方法中做的事情跟前面说的思路是对应的，不再解释

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

;

    ;

    ;

    ; i < count; i++) {

        final View child = getChildAt(i);

              // 遍历自己的子View，只要不是GONE的都会参与测量

        if (mMeasureAllChildren || child.getVisibility() != GONE) { 

                           //....  

            measureChildWithMargins(child, widthMeasureSpec, , heightMeasureSpec, );

          

            final LayoutParams lp = (LayoutParams) child.getLayoutParams();

            maxWidth = Math.max(maxWidth, child.getMeasuredWidth() +  lp.leftMargin + lp.rightMargin);

            maxHeight = Math.max(maxHeight, child.getMeasuredHeight() + lp.topMargin + lp.bottomMargin);

            //....

        }

    }

 

    //....

    setMeasuredDimension(

        resolveSizeAndState(maxWidth, widthMeasureSpec, childState),

        resolveSizeAndState(maxHeight, heightMeasureSpec, childState << MEASURED_HEIGHT_STATE_SHIFT)

    );

    //....

}

 

二、继续看#measureChildWithMargins#方法的细节

这个方法中做的事情跟前面说的思路是对应的，不再解释

protected void measureChildWithMargins(View child,

                                       int parentWidthMeasureSpec,  int widthUsed,

                                       int parentHeightMeasureSpec, int heightUsed) {

    final ViewGroup.MarginLayoutParams lp = (ViewGroup.MarginLayoutParams) child.getLayoutParams();

    // 根据父View的测量规格、父 View自己的Padding、子 View的Margin和已经用掉的空间大小（ widthUsed），就能算出子View的 MeasureSpec,具体计算过程要看getChildMeasureSpec方法

         int paddingWitdth = mPaddingLeft + mPaddingRight + lp.leftMargin + lp.rightMargin + widthUsed;

    int paddingHeight = mPaddingTop + mPaddingBottom + lp.topMargin + lp.bottomMargin  + heightUsed;

    final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,paddingWitdth, lp. width);

    final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,paddingHeight, lp. height);

   

    child.measure(childWidthMeasureSpec, childHeightMeasureSpec);

}

其中通过父亲传来的MeasureSpec和子View的LayoutParams计算得到子View的MeasureSpec的方法是getChildMeasureSpec

这个方法的三个参数的意思是：

1. spec参数   表示父View的MeasureSpec
2. padding参数    父View的Padding+子View的Margin，父View的大小减去这些边距，才能精确算出子View的MeasureSpec的size
3. childDimension参数  表示该子View内部LayoutParams属性的值（lp.width或者lp.height）可以是wrap_content、match_parent、一个精确值(an exactly size)

public static int getChildMeasureSpec(int spec, int padding, int childDimension) {

    int specMode = MeasureSpec.getMode(spec);  //获得父 View给的mode

    int specSize = MeasureSpec.getSize(spec);  //获得父 View给的大小

          // 父View给的大小 -自己的Padding+子 View的Margin，得到值才是子 View的大小。

         , specSize - padding);

    ;    //初始化值，最后通过这个两个值生成子 View的MeasureSpec

    ;    //初始化值，最后通过这个两个值生成子 View的MeasureSpec

 

    switch (specMode) {}//这里具体的switch case省略，逻辑与表[1]是一样的

 

    //根据上面逻辑条件获取的 mode和size构建 MeasureSpec对象。

         return MeasureSpec.makeMeasureSpec(resultSize, resultMode);

}

 

三、假如子View就是个View，上面child.onMeasure的默认实现

与ViewGroup不同的是，View的onMeasure有一个默认实现，可以来看一下

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    int measuredWidth  = getDefaultSize (getSuggestedMinimumWidth() , widthMeasureSpec );

    int measuredHeight = getDefaultSize (getSuggestedMinimumHeight(), heightMeasureSpec);

    setMeasuredDimension(measuredWidth,measuredHeight);

}

View的onMeasure方法默认实现很清晰：

1. 计算测量结束后的宽高（就是计算测量结果）
   1. 这里计算宽高用的是一个默认方法：getDefaultSize，这个方法接收一个默认长度和一个measureSpec
   2. 这个方法的计算逻辑是：（见[1]）
      1. 只要measureSpec的mode不是UNSPECIFIED（未确定的），那么就会用这个measureSpec的数值当做View的高度
      2. 如果measureSpec的mode是UNSPECIFIED，那么就用前面那个默认长度
         1. 而这个默认长度默认是用getSuggestedMinimumXXX计算方法计算的，它的计算逻辑是：（见[2]）
            1. 由View的Background尺寸和xml中设置的View的minXXX属性（比如android:minHeight）共同决定的
2. 调用setMeasuredDimension()，传入测量结果
   1. setMeasuredDimension()可以简单理解就是给mMeasuredWidth和mMeasuredHeight设值，如果这两个值一旦设置了，那么意味着对于这个View的测量结束了
   2. 另外setMeasuredDimension方法必须在onMeasure方法中调用，不然会抛异常
3. （View类默认的onMeasure方法只支持EXACTLY模式，所以如果）在自定义控件的时候不重写onMeasure方法，你就不能使用wrap_content，只能用matchparent和具体的size

 

对于其他的一些View的派生类，如TextView、Button、ImageView

1. 它们的onMeasure方法系统了都做了重写
2. 会先去测量字符或者图片的高度等，然后拿到View本身content这个高度（字符高度等）
3. 如果MeasureSpec是AT_MOST，而且View本身content的高度不超出MeasureSpec的size，那么可以直接用View本身content的高度（字符高度等）

 

[1]

public static int getDefaultSize(int size, int measureSpec) {

    int result = size;

    int specMode = MeasureSpec.getMode(measureSpec);

    int specSize = MeasureSpec.getSize(measureSpec);

    switch (specMode) {

        case MeasureSpec.UNSPECIFIED:        //表示该View的大小父视图未定，设置为默认值
            result = size;

            break;

        case MeasureSpec.AT_MOST:

        case MeasureSpec.EXACTLY:

            result = specSize;

            break;

    }

    return result;

}

[2]

protected int getSuggestedMinimumWidth() {

    return (mBackground == null) ? mMinWidth : max(mMinWidth, mBackground.getMinimumWidth());

}

 

---

【1】DecorView是什么以及View系统的构成

1. DecorView可以理解成整个页面的根View
2. DecorView是一个FrameLayout，其中包含两个子View，一个是id=statusBarBackground的View、一个是LineaLayout
3. id=statusBarBackground的View可以先不管（我也不是特别懂这个View,应该就是statusBar的设置背景的一个控件，方便设置statusBar的背景
4. 这个LinearLayout比较重要，它包含一个title和一个content
   1. title是TitleBar或者ActionBar，如果我们没有设置NoActionBar的Theme，就会有这个东西
   2. content 就更简单了，setContentView()方法你应该用过吧，android.R.id.content 你应该听过吧，没错就是它
      1. content是一个FrameLayout，你写的页面布局通过setContentView加进来就成了content的直接子View，是我们打交道最多的View

 

加一个Window、PhoneWindow是什么

1. 简单来说，Window是一个抽象类，是所有视图的最顶层容器，视图的外观和行为都归他管，不论是背景显示，标题栏还是事件处理都是他管理的范畴，它其实就像是View界的太上皇(虽然能管的事情看似很多，但是没实权，因为抽象类不能直接使用)。
2. 而 PhoneWindow 作为 Window 的唯一亲儿子(唯一实现类)，自然就是 View 界的皇帝了，PhoneWindow 的权利可是非常大大，不过对于我们来说用处并不大，因为皇帝平时都是躲在深宫里面的，虽然偶尔用特殊方法能见上一面，但想要完全指挥 PhoneWindow 为你工作是很困难的。
3. 而上面说的 DecorView 是 PhoneWindow 的一个内部类，其职位相当于小太监，就是跟在 PhoneWindow 身边专业为 PhoneWindow 服务的，除了自己要干活之外，也负责消息的传递，PhoneWindow 的指示通过 DecorView 传递给下面的 View，而下面 View 的信息也通过 DecorView 回传给 PhoneWindow。

 

【2】MeasureSpec的含义

1. 含义
   1. MeasureSpec是两个单词组成，翻译过来“测量规格”或者“测量参数”
   2. MeasureSpec封装了从父容器传递给子容器的布局要求，“传递” 两个字很重要，因为它不是父容器对子容器的布局要求
   3. 换种说法是：MeasureSpec是由父View的MeasureSpec和子View的LayoutParams通过简单的计算得出一个针对子View的测量要求，这个测量要求就是MeasureSpec
2. 表示方法
   1. 一个MeasureSpec是一个大小跟模式的组合值
   2. MeasureSpec是一个32位 整型，其中高两位是mode，后面30位存的是size
   3. mode一共有三种：
      1. UNSPECIFIED（未确定的）   : 父容器对于子容器没有任何限制,子容器想要多大就多大
      2. EXACTLY: 父容器已经为子容器设置了尺寸,子容器应当服从这些边界,不论子容器想要多大的空间。
      3. AT_MOST：子容器可以是声明大小内的任意大小
3. 与view尺寸（就是LayoutParams，你在xml的layout_width和layout_height,layout_xxx的值最后都会封装到这个LayoutParams里）的对比
   1. 一个view可以这么描述自己的尺寸（不用另外配合SIZE使用）
      1. wrap_content：内容有多少，就定多少
      2. match_parent：爸妈给多少，就定多少
      3. size：一个固定的尺寸
   2. 父view可以这么告诉自己的子view的MODE（需要另外配合SIZE使用）
      1. UPSPECIFIED：你想要多少，就定多少（这时候SIZE是0）
      2. AT_MOST：我给你一个尺寸，不要超过它就好
      3. EXACTLY：就这么大，固定的

 

【3】如何把父亲传来的MeasureSpec和子View的LayoutParams计算得到子View的MeasureSpec

1. 计算表格，见表[1]（不知道是不是固定不变的）
2. 这句话为什么这么怪
   1. 这句话容易引起误会，严格说是这样：爷爷A，父亲B，儿子C，B用A给的东西a和C的东西c生成了一个b，然后把这个b给C，这个过程不断迭代
   2. 但这样又容易让人感觉怪异，其实换种说法是这样：爷爷A，父亲B，儿子C，B用自己的b和C的c生成了一个新c，把这个新c给C，这样就感觉好理解多了，其实是一样的，因为B的这个b其实就是A给的

表[1]

（下）父View给的MeasureSpec （右）子View的LayoutParams （内容）要给子View的结果MeasureSpec	size	match_parent	wrap_content
EXACTLY	LayoutParams.size（居然是听子View的！但是可能无法全部显示） EXACTLY	MeasureSpec.size EXACTLY	MeasureSpec.size AT_MOST（也是不确定，需要到子View那儿去之后再根据具体情况计算）
AT_MOST	LayoutParams.size EXACTLY	MeasureSpec.size AT_MOST	MeasureSpec.size AT_MOST
UNSPECIFIED	LayoutParams.size EXACTLY	0（一旦没有任何要求和约束，size的值就没有任何意义了，所以一般都直接设置成0） UNSPECIFIED	0 UNSPECIFIED

 

【4】最外面没有父亲的那层的MeasureSpec是从哪里来？

private void performTraversals() {

    ......

    int childWidthMeasureSpec = getRootMeasureSpec(mWidth, lp.width);

    int childHeightMeasureSpec = getRootMeasureSpec(mHeight, lp.height);

    ......

    mView.measure(childWidthMeasureSpec, childHeightMeasureSpec);

    ......

}

多补了两句代码，可以看到最早的MeasureSpec是通过getRootMeasureSpec方法返回的，看这个方法做了什么：

 

private static int getRootMeasureSpec(int windowSize, int rootDimension) {

    int measureSpec;

    switch (rootDimension) {

        case ViewGroup.LayoutParams.MATCH_PARENT:

            measureSpec = MeasureSpec.makeMeasureSpec(windowSize,MeasureSpec.EXACTLY);

            break;

        ......

    }

    return measureSpec;

}

这个方法做的事情是：

1. 这个方法第一个参数会传入屏幕的宽度和高度：mWith和mHeight
2. 而第二个参数传入的lp是WindowManager.LayoutParams，它的lp.width和lp.height的默认值是MATCH_PARENT
3. 所以通过getRootMeasureSpec 生成的测量规格MeasureSpec 的mode是MATCH_PARENT ，size是屏幕的高宽

 

---

2.layout过程

 

private void performTraversals() {

    ......

    mView.measure(childWidthMeasureSpec, childHeightMeasureSpec);

    ......

    mView.layout(0, 0, mView.getMeasuredWidth(), mView.getMeasuredHeight());

    ......

    mView.draw(canvas);
    ......

}

 

performTraversals 方法执行完mView.measure 计算出mMeasuredXXX后就开始执行layout 函数来确定View具体放在哪个位置

我们计算出来的View目前只知道view矩阵的大小，具体这个矩阵放在哪里，这就是layout 的工作了

所以layout的作用是 ：根据子视图的大小以及布局参数将View树放到合适的位置上

（好像只有在ViewGroup的时候需要关心这个方法）

 

mView肯定是个ViewGroup，不会是View,我们直接看下ViewGroup 的layout函数

public final void layout(int l, int t, int r, int b) {

    if (!mSuppressLayout && (mTransition == null || !mTransition.isChangingLayout())) {

        if (mTransition != null) {

            mTransition.layoutChange(this);

        }

        super.layout(l, t, r, b);

    } else {

        mLayoutCalledWhileSuppressed = true;

    }

}

这段代码的意思是：

1. 如果当前ViewGroup未添加LayoutTransition动画，或者LayoutTransition动画此刻并未运行，那么调用super.layout(l, t, r, b)也就是View的layout方法，继而调用到View中的onLayout
2. 否则将mLayoutSuppressed设置为true，等待动画完成时再调用requestLayout()

 

所以View的layout方法：

public final void layout(int l, int t, int r, int b) {

    .....

          boolean changed = setFrame(l, t, r, b);

   

    // 判断View的位置是否发生过变化，看有必要进行重新 layout吗

         if (changed || (mPrivateFlags & LAYOUT_REQUIRED) == LAYOUT_REQUIRED) {

        if (ViewDebug.TRACE_HIERARCHY) {

            ViewDebug.trace(this, ViewDebug.HierarchyTraceType. ON_LAYOUT);

        }

                   onLayout(changed, l, t, r, b);

        mPrivateFlags &= ~LAYOUT_REQUIRED;

    }

    mPrivateFlags &= ~FORCE_LAYOUT;

    .....

}

其中：

1. setFrame(l, t, r, b) 可以理解为给mLeft 、mTop、mRight、mBottom赋值，然后基本就能确定View自己在父视图的位置了，这几个值构成的矩形区域就是该View显示的位置，这里的具体位置都是相对与父视图的位置
2. 回调onLayout
   1. 对于View来说，onLayout只是一个空实现，一般情况下我们也不需要重载该函数
   2. 对于ViewGroup 来说，它的onLayout 方法多了关键字abstract的修饰，要求其子类必须重载
      1. 而重载onLayout的目的就是安排其children在父视图的具体位置，那么如何安排子View的具体位置呢？

 

;i< childCount ;i ++){

    View child = getChildAt(i) ;

    child.layout(l, t, r, b) ;

}

1. 代码很简单，就是遍历自己的孩子，然后调用 child.layout(l, t, r, b) ，给子view 通过setFrame(l, t, r, b) 确定位置
2. 而重点是(l, t, r, b) 怎么计算出来的呢
   1. 还记得我们之前测量过程，测量出来的MeasuredWidth和MeasuredHeight吗？还记得你在xml 设置的Gravity吗？还有RelativeLayout 的其他参数吗，没错，就是这些参数和MeasuredHeight、MeasuredWidth 一起来确定子View在父视图的具体位置的。具体的计算过程大家可以看下最简单FrameLayout 的onLayout 函数的源码，每个不同的ViewGroup 的实现都不一样
      1. 提一下写在LayoutParams中的布局参数是怎么作用的：
      2. DecorView在确定给每个View分配的屏幕区域大小时，是允许View参与进来，与它一起商量的，但是每个View在屏幕区域中的位置就不能让View自己来决定了，而是由DecorView一手操办
         1. 虽然View无法决定自己在ViewGroup中的位置，但是开发者在使用View时，可以向ViewGroup表达自己所用的View要放在哪里，也就是layout_*之类的配置
         2. layout_*之类的配置虽然在书写上与View的属性在一起，但它们并不是View的属性，它们只是使用该View的使用者用来细化调整该View在ViewGroup中的位置的，同时，这些值在Inflate时，是由ViewGroup读取，然后生成一个ViewGroup特定的LayoutParams对象，再把这个对象存入子View中
            1. 这样，ViewGroup在为该子View安排位置时，就可以参考这个LayoutParams中的信息了
            2. 我们发现，调用inflate时，除了输入布局文件的id外，一般要求传入parent ViewGroup，传入这个参数的目的，就是为了读取布局文件中的layout配置信息，如果没有传入，这些信息将会丢失
            3. 不同的ViewGroup拥有不同的LayoutParams内部类，这是因为，它们所允许的子View微微调整自己的位置的方式是不一样的，具体讲就是配置子View时，允许使用的layout_*是不一样的
               1. 比如，RelativeLayout就允许layout_toRightOf等配置，其他的ViewGroup没有这些配置
            4. 这些确定View的位置的过程，被包装在View 的layout方法中，这样我们也很容易理解，对于基本View而言，这个方法是没有用的，所以都是空的，你可以查看下ImageView、TextView等的源代码，验证下这一点。对于ViewGroup而言，它们会用该方法为自己的子View安排位置
   2. 另外：因为View的最终的布局位置和大小完全由(l, t, r, b) 这4个参数决定，而measure过程产生的MeasuredWidth和MeasuredHeight这两个参数为计算这四个值提供了一个很重要的依据，但是这两个参数也不是必须的，所以measure过程并不是必须的，也就是我们完全可以不使用这两个值，这4个参数完全可以由我们任意指，而如果这样，getMeasuredWidth() 和getWidth() 就很有可能不是同一个值，它们的计算是不一样的：
      1. public final int getMeasuredWidth() {  return mMeasuredWidth & MEASURED_SIZE_MASK;  }
      2. public final int getWidth() {  return mRight - mLeft; }

 

一个疑问：onlayout中不需要用左上右下这四个参数吗？只是在layout方法中setFrame时使用？

 

---

3.draw过程

performTraversals 方法的下一步就是mView.draw(canvas);

1. View的draw 方法虽然不是final的，但一般不去重写，官网文档也建议不要去重写draw 方法，一般是重写其中第三步draw内容时回调的onDraw方法
2. View 的onDraw(canvas) 是空实现，ViewGroup 也没有实现，每个View的内容是各不相同的，所以需要由子类去实现具体逻辑
3. onDraw()函数将会传给你一个 Canvas 对象，通过它你可以在二维图形上做任何事情，包括其他的一些标准和通用的组件、文本的格式，任何你可以想到的东西都可以通过它实现
   1. Canvas就像是一个画板，使用Paint就可以在上面作画了
4. 另外：ViewGroup通常情况下不需要绘制，因为它本身就没有需要绘制的东西，如果不是指定了ViewGroup的背景颜色，那么它的onDraw方法都不会被调用，但是它会使用dispatchDraw方法来绘制自己的子View，过程是遍历所有子View，调用子View的绘制方法

 

我们先来看下View的draw方法源码：

public void draw(Canvas canvas) {

    ...

    /*
     * 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
    ...

    background.draw(canvas);

    ...

    // skip step 2 & 5 if possible (common case)
    ...

    // Step 2, save the canvas' layers
    ...

    if (solidColor == 0) {

        final int flags = Canvas.HAS_ALPHA_LAYER_SAVE_FLAG;

        if (drawTop) {

            canvas.saveLayer(left, top, right, top + length, null, flags);

        }

        ...

        // 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

        if (drawTop) {

            matrix.setScale(1, fadeHeight * topFadeStrength);

            matrix.postTranslate(left, top);

            fade.setLocalMatrix(matrix);

            canvas.drawRect(left, top, right, top + length, p);

        }

        ...

        // Step 6, draw decorations (scrollbars)
        onDrawScrollBars(canvas);

    }

}

 

注释写得比较清楚，一共分成6步，看到注释没有（ // skip step 2 & 5 if possible (common case)）除了2 和 5之外 我们一步一步来看：

1、第一步：背景绘制

看注释即可，不是重点

 

private void drawBackground(Canvas canvas) {

    Drawable final Drawable background = mBackground;

    ......

    //mRight - mLeft, mBottom - mTop layout确定的四个点来设置背景的绘制区域
    if (mBackgroundSizeChanged) {

        background.setBounds(0, 0, mRight - mLeft, mBottom - mTop);

        mBackgroundSizeChanged = false; rebuildOutline();

    }

    ......

    //调用Drawable的draw() 把背景图片画到画布上
    background.draw(canvas);

    ......

}

 

2、第三步，对View的内容进行绘制。

onDraw(canvas) 方法是view用来draw 自己的，具体如何绘制，颜色线条什么样式就需要子View自己去实现，View.java 的onDraw(canvas) 是空实现，ViewGroup 也没有实现，每个View的内容是各不相同的，所以需要由子类去实现具体逻辑。

3、第4步 对当前View的所有子View进行绘制

dispatchDraw(canvas) 方法是用来绘制子View的，View.java 的dispatchDraw()方法是一个空方法,因为View没有子View,不需要实现dispatchDraw ()方法，ViewGroup就不一样了，它实现了dispatchDraw ()方法：

 

@Override
protected void dispatchDraw(Canvas canvas) {

    ...

    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++) {

            final View child = children[getChildDrawingOrder(count, i)];

            if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null) {

                more |= drawChild(canvas, child, drawingTime);

            }

        }

    }

    ......

}

这段代码：

1. 就是遍历子View然后drawChild()
2. drawChild()方法实际调用的是子View.draw()方法
3. ViewGroup类已经为我们实现绘制子View的默认过程，这个实现基本能满足大部分需求，所以ViewGroup类的子类（LinearLayout,FrameLayout）也基本没有去重写dispatchDraw方法
   1. 我们在实现自定义控件，除非比较特别，不然一般也不需要去重写它
4. drawChild()的核心过程就是为子视图分配合适的cavas剪切区
   1. 剪切区的大小正是由layout过程决定的
   2. 而剪切区的位置取决于滚动值以及子视图当前的动画
   3. 设置完剪切区后就会调用子视图的draw()函数进行具体的绘制了。

4、第6步 对View的滚动条进行绘制

不是重点，知道有这东西就行，onDrawScrollBars 的一句注释 ：Request the drawing of the horizontal and the vertical scrollbar. The scrollbars are painted only if they have been awakened first.