View 的布局和绘制

作者: 任教主来也 | 来源:发表于2017-02-15 10:57 被阅读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 宽高的最终大小

    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)

    相关文章

      网友评论

        本文标题:View 的布局和绘制

        本文链接:https://www.haomeiwen.com/subject/mftqwttx.html