View 的布局和绘制

2017-02-15 本文已影响55人任教主来也

第二篇关于 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 宽高的最终大小

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

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

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