Android View的绘制流程

2018-03-26  本文已影响9人  IT一书生

概述

Android 的UI管理系统的层级关系:
PhoneWindow 是Android 系统中最基本的窗口系统,每一个Activity 会创建一个。PhoneWindow 是Activity 和View 系统 交互的接口。DecorView 本质上是一个FrameLayout ,是Activity 中所有View 的祖先。

绘制的整体流程

启动Activity,绘制从根视图ViewRoot 的performTraverssals 方法开始,从上到下遍历整个视图树,每个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)。
三种测量模式:

注:对DecorView 而言,它的MeasureSpec 由窗口尺寸和自身的LayoutParams 共同决定;对于普通View,它的MeasureSpec 由父视图的MeasureSpec和其自身的LayoutParams共同决定。

Measure

用来计算View 的实际大小。具体的测量操作是分发给ViewGroup,在它的measureChild方法中传递给子View。ViewGroup通过遍历自身所有的子View,并逐个调用子View的Measure方法进行测量。其最终是通过回调 onMeasure 方法,自定义View 实现该方法进行测量。

  @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);  
}

View绘制流程

上一篇下一篇

猜你喜欢

热点阅读