View 的布局和绘制

第二篇关于 View 的文章，主要说一下 View 的 layout 布局过程和 draw 绘制过程

根据第一篇 View 的测量 我们知道了 View 工作原理的具体流程，今天接着测量的过程往下进行。

View 的 layout 布局过程

目的：确定 View 的最终宽高，以及四个顶点的位置也就是在父 View 中的位置

• ViewRootImpl 的 performMeasure 方法完成测量过程之后，就会接着调用 performLayout 方法，其中会调用 DecorView 的 layout 方法，并将右上角顶点位置，以及 DecorView 的宽高传入，
• layout 方法中会调用 setFrame方法并将位置参数传入
• setFrame 的过程是先确定在父容器的位置，为 mLeft,mTop,mRight,mBottom 以及 View 的最终宽高等参数赋值
• layout() 方法中通过 setFrame() 方法来确定自己四个顶点的位置，四个顶点确定，View在父容器中的位置也就确定
• 接着调用 onLayout() 方法，作用为父容器确定子元素的位置，得到子元素再父容器中的四个顶点的位置
• 再在 onLayout() 方法中通过 setChildFrame() 方法调用子元素的 layout() 方法，将子元素四个顶点位置传递到子元素的layout()方法中，这样子元素中再确定自己的位置
• 一层一层传递下去就完成了 View 视图树的 layout 过程
• 根据 layout 方法的参数，确定 View 宽高的最终大小

ViewGroup 的 layout

1. layout 方法被调用，根据参数确定在父 View 中的位置
2. onLayout 方法中，遍历其子 View ，调用子 View 的 layout 并根据子 View 大小和父 View 对子 View 位置的限制传入参数，完成布局过程向子 View 的传递

View 的 layout

1. layout 方法被调用，确定在父 View 中的位置，完成布局

View 的 getMeasuredWidth() 和 getWidth() 的区别

• 子元素的layout() 方法中会根据父容器中传递的顶点位置为 mLeft , mTop , mRight , mBottom 等属性赋值，View 的 getWidth() 方法得到的值为 mRight - mLeft
• View 的 getMeasuredWidth() 方法得到的值是 View 的 mMeasuredWidth 参数的值，该参数的赋值是在 onMeasure() 方法中
• 所以这两个方法得到的值不是同一个参数的值，两个参数的赋值时间是不同的，如果View 重写 layout 方法,修改四个顶点的位置，这样两个方法得到的值就是不同的
• 所以不能说这两值一定相等。getWidth() 方法得到的是 View 的最终宽高。
• getHeight() 和 getMeasuredHeight() 方法同理。

View 的绘制

ViewRootImpl 的 performLayout 完成之后，performDraw 方法会被调用，开始绘制的过程。

View 绘制的过程

1. 绘制背景 background.draw(canvas)
2. 绘制自己 (onDraw)
3. 绘制 children (dispatchDraw)
4. 绘制装饰 (onDrawScrollBars)