概述
Android 的UI管理系统的层级关系:
PhoneWindow 是Android 系统中最基本的窗口系统,每一个Activity 会创建一个。PhoneWindow 是Activity 和View 系统 交互的接口。DecorView 本质上是一个FrameLayout ,是Activity 中所有View 的祖先。
绘制的整体流程
启动Activity,绘制从根视图ViewRoot 的performTraversals 方法开始,从上到下遍历整个视图树,每个View控件负责绘制自己,而ViewGroup还需通知子View进行绘制。
绘制的三个步骤:测量(Measure)、布局(Layout)、绘制(Draw)
performTraversals 方法的核心代码如下:
private void performTraversals(){
// ...
int childWidthMesureSpec = getRootMeasureSpec(mWidth, lp.width);
int childHeightMesureSpec = getRootMeasureSpec(mHeight, lp.height);
// ...
// 执行测量流程
performMeasure(childWidthMesureSpec, childHeightMesureSpec);
// ...
// 执行布局流程
performLayout(lp, desiredWindowWidth, desiredWindowHeight);
// ...
// 执行绘制流程
performDraw();
}
MeasureSpec
是View 类的一个静态内部类,其封装了一个View的规格尺寸,包括View的宽和高的信息,它的作用是在Measure流程中,系统会将View的LayoutParams根据父容器所施加的规则转换成对应的MeasureSpec,然后在onMeasure方法中根据这个MeasureSpec来确定View的宽和高。
表示32位的整型值,高两位表示测量模式(SpecMode),低30位表示某种测量模式下的规格大小(SpecSize)。
三种测量模式:
- UNSPECIFIED:不指定测量模式。父视图没有限制子视图的大小,子视图可以是想要的任何尺寸,通常用于系统内部,应用开发中很少用到。
- EXACTLY:精确测量模式。当该视图的layout_width、layout_height指定为具体值或match_parent时生效,表示父视图已经决定了子视图的大小,该模式下View 的测量值就是SpecSize。
- AT_MOST:最大值模式。当该视图的layout_width、layout_height指定为具体值或wrap_content时生效,此时子视图的尺寸可以是不超过父视图允许的最大尺寸的任何尺寸。
注:对DecorView 而言,它的MeasureSpec 由窗口尺寸和自身的LayoutParams 共同决定;对于普通View,它的MeasureSpec 由父视图的MeasureSpec和其自身的LayoutParams共同决定,即子视图的具体尺寸根据父视图的模式和尺寸与自身的模式和尺寸共同决定的。
Measure
测量是布局和绘制的基础,用来计算View 的实际大小。具体的测量操作是分发给ViewGroup,在它的measureChild方法中传递给子View。ViewGroup通过遍历自身所有的子View,并逐个调用子View的Measure方法进行测量。其最终是通过回调 onMeasure 方法,自定义View 实现该方法进行测量,即如果子视图需要修改父视图的测量值,则需要复写父视图的onMeasure方法。
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
Layout
用来确定View在父布局中的位置,由父容器获取子View的位置参数,调用子View的layout方法并将位置参数传入实现的。最终通过调用onLayout 方法,自定义View实现该方法设置子View位置。
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
}
Draw
用来绘制控件,调用子View的draw方法绘制具体的View。最终通过调用onDraw方法实现绘制。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
绘制的六个步骤(View源码):
@Override
public void draw(Canvas canvas) {
super.draw(canvas);
// step-1 绘制View的背景
drawBackground(canvas);
// step-2 如果需要的话,保存 canvas 的图层,为fading做准备
saveCount = canvas.getSaveCount();
// ...
canvas.saveLayer(left, top, right, top + length, null, flags);
// step-3 绘制View的内容
onDraw(canvas);
// step-4 绘制View的子View
dispatchDraw(canvas);
// step-5 如果需要的话,绘制View的fading边缘并恢复图层
canvas.drawRect(left, top, right, top + length, p);
// ...
canvas.restoreToCount(saveCount);
// step-6 绘制View的装饰(如滚动条)
onDrawForeground(canvas);
}