第二篇关于 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
- layout 方法被调用,根据参数确定在父 View 中的位置
- onLayout 方法中,遍历其子 View ,调用子 View 的 layout 并根据子 View 大小和父 View 对子 View 位置的限制传入参数,完成布局过程向子 View 的传递
View 的 layout
- 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 绘制的过程
- 绘制背景 background.draw(canvas)
- 绘制自己 (onDraw)
- 绘制 children (dispatchDraw)
- 绘制装饰 (onDrawScrollBars)
网友评论