Android 手把手进阶自定义View(六)- measure 测量过程解析

一、前言


在 Android 知识体系中,View 是很重要的角色,因此 View 的工作原理是非常有必要去了解的,本章我们讲解 View 的工作原理中的第一个环节 :measure。

 

二、MeasureSpec


2.1 MeasureSpec 简介

MeasureSpec 代表测量规格,是一个 32 位的 int 值,高 2 位代表 SpecMode(测量模式),低 30 位代表 SpecSize(测量大小)。

MeasureSpec 通过将 SpecMode 和 SpecSize 打包成一个 int 值来避免过多的内存分配,并提供了打包和解包的方法。我们可以通过以下代码获取宽高的 SpecMode 和 Spec Size。

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
        ...
    }

SpecMode 有三种,如下:

2.2 MeasureSpec 值的计算

View 的 MeasureSpec 值是由 View 的布局参数和父容器 的 MeasureSpec 值计算而来。具体计算逻辑封装在父容器即 ViewGroup 的 getChildMeasureSpec() 方法里。MeasureSpec 一旦确定后,onMeasure() 方法中就可以确定 View 的测量宽、高。

下面我们来看 getChildMeasureSpec() 中是如何计算的 :

    /**
     * 源码分析:getChildMeasureSpec()
     * 作用:根据父视图的MeasureSpec & 布局参数LayoutParams,计算单个子View的MeasureSpec
     * 注:子view的大小由父view的MeasureSpec值 和 子view的LayoutParams属性 共同决定
     * 参数说明
     * @param spec           父view的详细测量值 (MeasureSpec)
     * @param padding        view当前尺寸的的内边距和外边距(padding, margin)
     * @param childDimension 子视图的布局参数(宽 / 高)
     **/
    public static int getChildMeasureSpec(int spec, int padding, int childDimension) {
        //父view的测量模式
        int specMode = MeasureSpec.getMode(spec);
        //父view的大小
        int specSize = MeasureSpec.getSize(spec);
        //通过父view计算出的子view = 父大小-边距(父要求的大小,但子view不一定用这个值)   
        int size = Math.max(0, specSize - padding);

        //子view想要的实际大小和模式(需要计算)  
        int resultSize = 0;
        int resultMode = 0;

        //通过父view的MeasureSpec和子view的LayoutParams确定子view的大小  

        // 当父view的模式为EXACITY时,父view强加给子view确切的值
        //一般是父view设置为match_parent或者固定值的ViewGroup 
        switch (specMode) {
            case MeasureSpec.EXACTLY:
                // 当子view的LayoutParams>0,即有确切的值  
                if (childDimension >= 0) {
                    //子view大小为子自身所赋的值,模式大小为EXACTLY  
                    resultSize = childDimension;
                    resultMode = MeasureSpec.EXACTLY;

                    // 当子view的LayoutParams为MATCH_PARENT时(-1)  
                } else if (childDimension == LayoutParams.MATCH_PARENT) {
                    //子view大小为父view大小,模式为EXACTLY  
                    resultSize = size;
                    resultMode = MeasureSpec.EXACTLY;

                    // 当子view的LayoutParams为WRAP_CONTENT时(-2)      
                } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                    //子view决定自己的大小,但最大不能超过父view,模式为AT_MOST  
                    resultSize = size;
                    resultMode = MeasureSpec.AT_MOST;
                }
                break;

            // 当父view的模式为AT_MOST时,父view强加给子view一个最大的值。(一般是父view设置为wrap_content)  
            case MeasureSpec.AT_MOST:
                // 道理同上  
                if (childDimension >= 0) {
                    resultSize = childDimension;
                    resultMode = MeasureSpec.EXACTLY;
                } else if (childDimension == LayoutParams.MATCH_PARENT) {
                    resultSize = size;
                    resultMode = MeasureSpec.AT_MOST;
                } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                    resultSize = size;
                    resultMode = MeasureSpec.AT_MOST;
                }
                break;

            // 当父view的模式为UNSPECIFIED时,父容器不对view有任何限制,要多大给多大
            // 多见于ListView、GridView  
            case MeasureSpec.UNSPECIFIED:
                if (childDimension >= 0) {
                    // 子view大小为子自身所赋的值  
                    resultSize = childDimension;
                    resultMode = MeasureSpec.EXACTLY;
                } else if (childDimension == LayoutParams.MATCH_PARENT) {
                    // 因为父view为UNSPECIFIED,所以MATCH_PARENT的话子类大小为0  
                    resultSize = 0;
                    resultMode = MeasureSpec.UNSPECIFIED;
                } else if (childDimension == LayoutParams.WRAP_CONTENT) {
                    // 因为父view为UNSPECIFIED,所以WRAP_CONTENT的话子类大小为0  
                    resultSize = 0;
                    resultMode = MeasureSpec.UNSPECIFIED;
                }
                break;
        }
        return MeasureSpec.makeMeasureSpec(resultSize, resultMode);
    }

上面的计算过程总结下来就是下面这张表:

表1

 可以总结出规律:

上述计算过程是针对普通 View 的,如果是顶级 View(即 DecorVIew),它的计算逻辑取决于自身布局参数 & 窗口尺寸。

 

三、measure 过程解析

measure 过程分为 View 和 ViewGroup 两种类型:

3.1 View 的 measure 过程

View 的 measure 过程由其 measure() 方法完成:

/**
  * 源码分析:measure()
  * 定义:Measure过程的入口;属于View.java类 & final类型,即子类不能重写此方法
  * 作用:基本测量逻辑的判断
  **/ 
public final void measure(int widthMeasureSpec, int heightMeasureSpec) {
    // 参数说明:View的宽 / 高测量规格
    ...
    onMeasure(widthMeasureSpec, heightMeasureSpec);
    ...
}

/**
  * 分析1:onMeasure()
  * 作用:a. 根据View宽/高的测量规格计算View的宽/高值:getDefaultSize()
  *      b. 存储测量后的View宽 / 高:setMeasuredDimension()
  **/ 
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
	// 参数说明:View的宽 / 高测量规格
	setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),  
	                     getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));  
	// setMeasuredDimension() :获得View宽/高的测量值 ->>分析2
	// 传入的参数通过getDefaultSize()获得 ->>分析3
}

setMeasuredDimension() 方法会设置 View 的宽/高的测量值,因此我们只需要看 getDefaultSize() 方法即可:

/**
 * @param size        提供的默认大小
 * @param measureSpec 宽/高的测量规格
 */
public static int getDefaultSize(int size, int measureSpec) {
    // 设置默认大小
    int result = size;
    // 获取宽/高测量规格的模式 & 测量大小
    int specMode = MeasureSpec.getMode(measureSpec);
    int specSize = MeasureSpec.getSize(measureSpec);

    switch (specMode) {
        // 模式为UNSPECIFIED时,使用提供的默认大小 = 参数Size
        case MeasureSpec.UNSPECIFIED:
            result = size;
            break;
        // 模式为AT_MOST,EXACTLY时,使用View测量后的宽/高值 = measureSpec中的Size
        case MeasureSpec.AT_MOST:
        case MeasureSpec.EXACTLY:
            result = specSize;
            break;
    }
    // 返回View的宽/高值
    return result;
} 

可以看到当模式是 UNSPECIFIED 时,使用的是提供的默认大小(即第一个参数 size),即 getDefaultSize() 中传入的默认大小是 getSuggestedMinimumWidth()、getSuggestedMinimumHeight()。我们只看其中一个即可:

protected int getSuggestedMinimumWidth() {
    return (mBackground == null) ? mMinWidth : max(mMinWidth,mBackground.getMinimumWidth());
}

从代码可以看出:

  • 若 View 无设置背景,那么 View 的宽度 = mMinWidth。mMinWidth 为 android:minWidth 属性所指定的值,默认为 0。
  • 若 View设置了背景,View 的宽度为 mMinWidth 和 mBackground.getMinimumWidth() 中的最大值。

mBackgroud.getMinimumWidth() 是什么呢,我们继续跟进到 Drawble 的 getMinimumWidth() 方法去看看:

public int getMinimumWidth() {
    final int intrinsicWidth = getIntrinsicWidth();
    //返回背景图Drawable的原始宽度
    return intrinsicWidth > 0 ? intrinsicWidth :0 ;
}

由源码可知:mBackground.getMinimumWidth() 的大小 = 背景图 Drawable 的原始宽度,若这个 Drawable 无原始宽度,则为0。举个例子 BitmapDrawable 有原始宽度(图片的尺寸),而 ShapeDrawable 没有。

在 getDefaultSize() 方法中我们可以看到,如果 View 在布局中使用使用 wrap_content,根据表1可知它的 specMode 是 AT_MOST 模式,在这种模式下它的 specSize 是 parentSize,而 parentSize 是父容器中目前可以使用的大小,也就是父容器当前剩余的空间大小。很显然 View 的宽高就等于父容器当前剩余的空间大小,这种效果和在布局中使用 match_parent 完全一致。所以我们得出结论:直接继承 View 的自定义控件需要重写 onMeasure() 方法并设置 wrap_content 时的自身大小,否则在布局中使用 wrap_content 就相当于使用 match_parent。

总结一下 getDefaultSize() 计算宽/高值的逻辑:

至此,View 的宽/高值已经测量完成,即对于 View 的 measure 过程已经完成。流程如下:

实际作用的方法:getDefaultSize() = 计算 View 的宽/高值、setMeasuredDimension() = 存储测量后的 View 宽 / 高

3.2 ViewGroup 的 measure 过程

对于 ViewGroup 来说,除了完成自己的 measure 过程以外,还会遍历去调用所有子元素的 measure 方法,各个子元素再递归去执行这个过程。和 View 不同的是,ViewGroup 是一个抽象类,因此它没有重写 View 的 onMeasure() 方法。但它提供了 measureChildren() 方法。

onMeasure() 的作用是测量 View 的宽高值,而不同的 ViewGroup 子类(LinearLayout、RelativeLayout、自定义 ViewGroup 子类等)具备不同的布局特性,这导致它们的子 View 的测量方法各有不同。这也是 View 与 ViewGroup 的 measure 过程最大的不同,其次,在 View 的 measure 过程中,getDefaultSize() 方法只是简单的测量了宽高值,在实际使用时有时需要更精细的测量,所以有时候也需要重写 onMeasure()。

根据自身需求的测量逻辑复写 onMeasure(),步骤分为 3 步:

  1. 遍历所有子 View & 测量:measureChildren()
  2. 合并所有子 View 的尺寸大小,最终得到 ViewGroup 的测量值(需自身实现)
  3. 存储测量后 View 宽/高的值:调用 setMeasuredDimension()  
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 定义存放测量后的View宽/高的变量
        int widthMeasure ;
        int heightMeasure ;
        // 1. 遍历所有子 View & 测量(measureChildren())
        measureChildren(widthMeasureSpec, heightMeasureSpec);
        // 2. 合并所有子View的尺寸大小,最终得到ViewGroup父视图的测量值
        // 需自身实现
        measureMerge();
        // 3. 存储测量后View宽/高的值:调用setMeasuredDimension()
        // 类似单一View的过程,此处不作过多描述
        setMeasuredDimension(widthMeasure,  heightMeasure);
  }

从上可看出,复写 onMeasure() 有三步,其中两步是直接调用系统方法,需我们自身实现的功能仅为步骤2。我们看下 measureChildren() 方法:

protected void measureChildren(int widthMeasureSpec, int heightMeasureSpec) {
    // 参数说明:父视图的测量规格(MeasureSpec)
    final int size = mChildrenCount;
    final View[] children = mChildren;

    // 遍历所有子view
    for (int i = 0; i < size; ++i) {
        final View child = children[i];
        // 调用 measureChild() 进行下一步的测量
        if ((child.mViewFlags & VISIBILITY_MASK) != GONE) {
            measureChild(child, widthMeasureSpec, heightMeasureSpec);
        }
    }
}

上述代码会遍历子 View 并且调用 measureChild() 进行下一步测量,我们跟进去看看:

protected void measureChild(View child, int parentWidthMeasureSpec,int parentHeightMeasureSpec) {
    // 1. 获取子视图的布局参数
    final LayoutParams lp = child.getLayoutParams();
    // 2. 根据父视图的MeasureSpec & 布局参数LayoutParams,计算单个子View的MeasureSpec
    // 获取 ChildView 的 widthMeasureSpec
    final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,mPaddingLeft + mPaddingRight, lp.width);
    // 获取 ChildView 的 heightMeasureSpec
    final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,mPaddingTop + mPaddingBottom, lp.height);
    // 3. 将计算好的子View的MeasureSpec值传入measure(),进行最后的测量
    // 下面的流程即类似单一View的过程,此处不作过多描述
    child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
}

上述代码会计算单个子 View 的 MeasureSpec,调用子 View 的 measure() 测量每个子 View 最后的宽 / 高。

总结一下整体过程如下:

3.3 ViewGroup 子类(LinearLayout)的 measure 过程分析

我们直接看它的 onMeasure() 方法:

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // 根据不同的布局属性进行不同的计算
    if (mOrientation == VERTICAL) {
        measureVertical(widthMeasureSpec, heightMeasureSpec);
    } else {
        measureHorizontal(widthMeasureSpec, heightMeasureSpec);
    }
}

可以看到,会根据 LinearLayout 的方向(vertical、horizontal)进入不同的测量过程,这里我们只选垂直方向的测量过程,即measureVertical()。

void measureVertical(int widthMeasureSpec, int heightMeasureSpec) {
    // 获取垂直方向上的子View个数
    final int count = getVirtualChildCount();

    // 遍历子View获取其高度,并记录下子View中最高的高度数值
    for (int i = 0; i < count; ++i) {
        final View child = getVirtualChildAt(i);

        // 子View不可见,直接跳过该View的measure过程,getChildrenSkipCount()返回值恒为0
        // 注:若view的可见属性设置为VIEW.INVISIBLE,还是会计算该view大小
        if (child.getVisibility() == View.GONE) {
           i += getChildrenSkipCount(child, i);
           continue;
        }

        // 记录子View是否有weight属性设置,用于后面判断是否需要二次measure
        totalWeight += lp.weight;

        if (heightMode == MeasureSpec.EXACTLY && lp.height == 0 && lp.weight > 0) {
            // 如果LinearLayout的specMode为EXACTLY且子View设置了weight属性,在这里会跳过子View的measure过程
            // 同时标记skippedMeasure属性为true,后面会根据该属性决定是否进行第二次measure
            // 若LinearLayout的子View设置了weight,会进行两次measure计算,比较耗时
            // 这就是为什么LinearLayout的子View需要使用weight属性时候,最好替换成RelativeLayout布局
            final int totalLength = mTotalLength;
            mTotalLength = Math.max(totalLength, totalLength + lp.topMargin + lp.bottomMargin);
            skippedMeasure = true;
        } else {
            int oldHeight = Integer.MIN_VALUE;
            // 步骤1:遍历所有子View & 测量:measureChildren()
            // 注:该方法内部,最终会调用measureChildren(),从而 遍历所有子View & 测量
            measureChildBeforeLayout(child, i, widthMeasureSpec, 0, heightMeasureSpec, totalWeight == 0 ? mTotalLength : 0);
                   ...
            //步骤2:合并所有子View的尺寸大小,最终得到ViewGroup父视图的测量值(自身实现)
            final int childHeight = child.getMeasuredHeight();

            // 1. mTotalLength用于存储LinearLayout在竖直方向的高度
            final int totalLength = mTotalLength;

            // 2. 每测量一个子View的高度, mTotalLength就会增加
            mTotalLength = Math.max(totalLength, totalLength + childHeight + lp.topMargin +
                           lp.bottomMargin + getNextLocationOffset(child));
        }
    }

    // 3. 记录LinearLayout占用的总高度
    // 即除了子View的高度,还有本身的padding属性值
    mTotalLength += mPaddingTop + mPaddingBottom;
    int heightSize = mTotalLength;
    int heightSizeAndState = resolveSizeAndState(heightSize, heightMeasureSpec, 0);

    //步骤3:存储测量后View宽/高的值:调用setMeasuredDimension()
    setMeasuredDimension(resolveSizeAndState(maxWidth, widthMeasureSpec, childState), heightSizeAndState);
    ...
}

 

四、获取 View 的宽高


View 的 measure 过程是三大流程中最复杂的一个,measure 完成以后,通过 getMeasuredWidth/Height 方法就可以正确地获取到 View 的测量宽/高。需要注意的是,在某些极端情况下,系统可能需要多次 measure() 才能确定最终的测量宽/高,在这种情形下,在 onMeasure() 方法中拿到的测量宽/高很可能是不准确的。一个比较好的习惯是在 onLayout 方法中去获取 View 的测量宽/高或最终宽/高。

Activity 启动时,在 onCreate()、onStart()、onResume() 中均无法正确的得到某个 View 的宽高信息,这是因为 View 的 measure 过程和 Activity 的生命周期方法不是同步执行的,因此无法保证 Activity 执行了 onCreate()、onStart()、onResume() 时某个 View 已经测量完毕了,如果 View 还没有测量完毕,那么获得的宽高就是 0。因此我们只能通过其他方法来解决这个问题:

(1)Activity 的 onWindowFocusChanged() 

onWindowFocusChanged() 这个方法的含义是 View 已经初始化完毕了,宽/高已经准备好了,这个时候去获取宽高是没有问题的。需要注意的是,onWindowFocusChanged() 会被调用多次,当 Activity 的窗口得到焦点和失去焦点时均会被调用一次。具体来说,当 Activity 继续执行和暂停执行时,onWindowFocusChanged() 均会被调用,如果频繁的执行 onResume() 和 onPause(),那么 onWindowFocusChanged() 也会被频繁的调用。使用如下:

@Override
public void onWindowFocusChanged(boolean hasWindowFocus) {
    super.onWindowFocusChanged(hasWindowFocus);
    if(hasWindowFocus){
        int width = view.getMeasuredWidth();
        int height = view.getMeasuredHeight();
    }
}

(2)View.post(runnable)

通过 post 可以将一个 runnable 投递到消息队列的尾部,然后等待 Looper 调用此 runnable 的时候,View 也已经初始化好了。使用如下:

mView.post(new Runnable() {
    @Override
    public void run() {
        int width = mView.getMeasuredWidth();
        int height = mView.getMeasuredHeight();
    }
});

(3)ViewTreeObserver

当View树的状态发生改变或者View树内部View的可见性发生改变的时候,onGlobalLayout将会被回调。注意:伴随着View树的状态改变,onGlobalLayout会被调用多次。实现如下:

ViewTreeObserver observer = mView.getViewTreeObserver();
        observer.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                mView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                int width = mView.getMeasuredWidth();
                int height = mView.getMeasuredHeight();
            }
        });

(4)手动调用 View 的 measure 方法

手动调用 measure(int widthMeasureSpec, int heightMeasureSpec) 后,View会调用 onMeasure() 方法对 View 发起测量,测量完后,就可以获取测量后的宽度和高度了。但是要对 View 的 LayoutParams 的参数分情况处理才能得到具体的参数值:

match_parent:这种情况下无法获取到具体宽高值,因为当 View 的测量模式为 match_parent 时,宽高值是取父容器的剩余空间大小作为它自己的宽高。而这时无法获取到父容器的尺寸大小,因此获取会失败。

具体数值(dp/px):

比如宽/高都是 100 px,如下 measure:

int width =View.MeasureSpec.makeMeasureSpec(100, View.MeasureSpec.EXACTLY);
int height =View.MeasureSpec.makeMeasureSpec(100, View.MeasureSpec.EXACTLY);
view.measure(width,height);
int height=view.getMeasuredHeight();
int width=view.getMeasuredWidth();

wrap_content

int width =View.MeasureSpec.makeMeasureSpec((1<<30)-1,View.MeasureSpec.AT_MOST);
int height =View.MeasureSpec.makeMeasureSpec((1<<30)-1,View.MeasureSpec.AT_MOST);
view.measure(width,height);
int height=view.getMeasuredHeight();
int width=view.getMeasuredWidth(); 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值