android view 绘制过程,Android中View的绘制流程

一、 摘要

介绍Android View的绘制流程，引出后续的异步消息、事件分发。

二、 ViewRootImpl

1. ViewRootImpl是什么

在API文档中如此描述ViewRootImpl：

/**

* The top of a view hierarchy, implementing the needed protocol between View

* and the WindowManager. This is for the most part an internal implementation

* detail of {@link WindowManagerGlobal}.

*

* {@hide}

*/

View层次结构的顶层。

在view和WindowManager之间实现所需的协议。

WindowManagerGlobal的内部实现细节。

简而言之，ViewRootImpl起到了一个从WindowManager到View的桥梁作用。因此我们先从ViewRootImpl讲起。

2. ViewRootImpl的具体流程

2.1 performTraversals

一个核心的方法：performTraversals，我们通过方法调用倒推：

performTraversals

而这个scheduleTraversals，进行搜索可以发现，它在ViewRootImpl的很多事件中都有调用，这些事件包括对View变化的处理(可以看到有我们熟悉的两个刷新视图的方法invalidate和requestLayout)：

因此我们要从performTraversals下手分析。

在源码中，performTraversals有超过800行代码，所以这里直接讲解其中的关键点：

private void performTraversals() {

// 后面可能出现名为host的实例，这个实例其实就是此ViewRootImpl中的View实例

final View host = mView;

// 中间包含了很多方法不是初始化时执行的，而是当视图发生变化需要重新绘制时调用的，可以通过if中条件的改变情况了解

// 处理View的宽高约束条件，即MATCH_PARENT、WRAP_CONTENT或具体长度

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

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

performMeasure(childWidthMeasureSpec, childHeightMeasureSpec);

// 将视图布置在正确位置

performLayout(lp, mWidth, mHeight);

// 绘制视图的内容

performDraw();

}

2.2. performMeasure

在这个方法中，通过WindowManager和各种参数形成一个约束，通过View的measure方法向下传递并，让View去获得最终宽高：

mView.measure(childWidthMeasureSpec, childHeightMeasureSpec);

为什么此处不能获得具体宽高呢？举个例子，当前View包含了一些子View，当前View设置为WRAP_CONTENT，那么是不是就必须先获得子View的宽高后，才能得到当前View的宽高了呢？同样的，如果使用线性布局+权重值的方式设置宽高，也无法在此时获得准确值。

2.3 performLayout

在这个方法中，入参的布局参数包含了视图的坐标，再加上另两个参数宽高，便可以定位视图，通过View的layout方法向下传递并设置：

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

读者可能会觉得奇怪，为什么前两个参数是0？因为这四个参数其实并不是绝对坐标，而是相对父组件的相对坐标，具体分析将在后面讲解。

2.4 performDraw

这个方法中，做了很多复杂的操作，我们关心的draw具体实现的调用，绕了一些原路，首先通过

boolean canUseAsync = draw(fullRedrawNeeded);

调用draw这个方法，然后通过

if (!drawSoftware(surface, mAttachInfo, xOffset, yOffset, scalingRequired, dirty, surfaceInsets))

调用drawSoftware这个方法，最后再通过

mView.draw(canvas);

调用视图内容绘制的方法。

三、 View

1. View是什么

/**

* This class represents the basic building block for user interface components. A View

* occupies a rectangular area on the screen and is responsible for drawing and

* event handling. View is the base class for widgets, which are

* used to create interactive UI components (buttons, text fields, etc.). The

* {@link android.view.ViewGroup} subclass is the base class for layouts, which

* are invisible containers that hold other Views (or other ViewGroups) and define

* their layout properties.

*/

View是UI组件的基本构建块。

View在屏幕上占据一个矩形区域(所以我们想要各种不规则形状，都应该在View的绘制阶段实现)，负责绘图和事件处理。

View是小部件的基类，小部件用于创建交互式UI组件(例如按钮Button、文本字段TextView等)。

ViewGroup子类是布局的基类，布局是不可见的容器，包含其他View(或其他ViewGroup)并定义它们的布局属性。

2. View中的核心方法

2.1. measure

/**

*

* This is called to find out how big a view should be. The parent

* supplies constraint information in the width and height parameters.

*

*

*

* The actual measurement work of a view is performed in

* {@link #onMeasure(int, int)}, called by this method. Therefore, only

* {@link #onMeasure(int, int)} can and must be overridden by subclasses.

*

*

*

* @param widthMeasureSpec Horizontal space requirements as imposed by the

* parent

* @param heightMeasureSpec Vertical space requirements as imposed by the

* parent

*

* @see #onMeasure(int, int)

*/

public final void measure(int widthMeasureSpec, int heightMeasureSpec) {...}

通过入参的约束条件，我们可以计算得到View的实际大小。

measure会调用onMeasure并在其中实现具体的测量工作。

onMeasure必须被子类重写。

2.2. layout

/**

* Assign a size and position to a view and all of its

* descendants

*

*

This is the second phase of the layout mechanism.

* (The first is measuring). In this phase, each parent calls

* layout on all of its children to position them.

* This is typically done using the child measurements

* that were stored in the measure pass().

*

*

Derived classes should not override this method.

* Derived classes with children should override

* onLayout. In that method, they should

* call layout on each of their children.

*

* @param l Left position, relative to parent

* @param t Top position, relative to parent

* @param r Right position, relative to parent

* @param b Bottom position, relative to parent

*/

@SuppressWarnings({"unchecked"})

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

为View及其所有子View分配大小和位置。

这是布局机制的第二阶段。(第一阶段即measure)。在这个阶段，每个父元素调用它的所有子元素的layout来定位它们。

这通常是使用存储在measure pass()中的子度量来完成的。

派生类不应重写此方法，而应该重写onLayout。在onLayout中，他们应该调用每个子元素的layout。

四个入参均为相对父View的位置。

layout中会调用onLayout。

2.3. draw

/**

* Manually render this view (and all of its children) to the given Canvas.

* The view must have already done a full layout before this function is

* called. When implementing a view, implement

* {@link #onDraw(android.graphics.Canvas)} instead of overriding this method.

* If you do need to override this method, call the superclass version.

*

* @param canvas The Canvas to which the View is rendered.

*/

@CallSuper

public void draw(Canvas canvas) {...}

手动将此视图(及其所有子视图)呈现到给定画布。

在调用此方法之前，View必须已经完成了完整的布局(前一个阶段layout)。

在实现View时，实现onDraw这个方法，不要重写本方法。

如果确实需要重写本方法，请调用父类的具体实现。

draw中会调用onDraw

draw中的绘制步骤为(跳过非必须的两步)：

(1) Draw the background

drawBackground(canvas);

(2) Draw view’s content

onDraw(canvas);

(3) Draw children

dispatchDraw(canvas);

(4) Draw decorations

onDrawForeground(canvas);

(5) Draw highlight

drawDefaultFocusHighlight(canvas);

四、 整体绘制流程

五、 参考文献