为什么你的自定义View wrap_content不起作用？

作者: Carson带你学安卓 | 来源:发表于2017-03-14 09:54 被阅读7382次

前言

自定义View是Android开发中非常常用的知识
可是，在使用过程中，有些开发者会发现：为什么自定义View 中设置的wrap_content属性不起作用（与match_parent相同作用）？
今天，我将全面分析上述问题并给出解决方案。

1. 问题描述

在使用自定义View时，View宽 / 高的wrap_content属性不起自身应有的作用，而且是起到与match_parent相同作用。

wrap_content与match_parent区别：

wrap_content：视图的宽/高被设定成刚好适应视图内容的最小尺寸

match_parent：视图的宽/高被设置为充满整个父布局
(在Android API 8之前叫作fill_parent)

其实这里有两个问题：

问题1：wrap_content属性不起自身应有的作用
问题2：wrap_content起到与match_parent相同的作用

2. 知识储备

请分析 & 解决问题之前，请先看自定义View原理中（2）自定义View Measure过程 - 最易懂的自定义View原理系列

3. 问题分析

问题出现在View的宽 / 高设置，那我们直接来看自定义View绘制中第一步对View宽 / 高设置的过程：measure过程中的onMeasure（）方法

onMeasure（）

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
//参数说明：View的宽 / 高测量规格

//setMeasuredDimension()  用于获得View宽/高的测量值
//这两个参数是通过getDefaultSize()获得的
setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),  
           getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));  
}

继续往下看getDefaultSize（）

getDefaultSize（）

作用：根据View宽/高的测量规格计算View的宽/高值
源码分析如下：

public static int getDefaultSize(int size, int measureSpec) {  

//参数说明：
// 第一个参数size：提供的默认大小
// 第二个参数：宽/高的测量规格（含模式 & 测量大小）

    //设置默认大小
    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中的specSize
        case MeasureSpec.AT_MOST:  
        case MeasureSpec.EXACTLY:  
            result = specSize;  
            break;  
    }  

 //返回View的宽/高值
    return result;  
}

从上面发现：

在getDefaultSize（）的默认实现中，当View的测量模式是AT_MOST或EXACTLY时，View的大小都会被设置成子View MeasureSpec的specSize。
因为AT_MOST对应wrap_content；EXACTLY对应match_parent，所以，默认情况下，wrap_content和match_parent是具有相同的效果的。

解决了问题2：wrap_content起到与match_parent相同的作用

那么有人会问：wrap_content和match_parent具有相同的效果，为什么是填充父容器的效果呢？

由于在getDefaultSize（）的默认实现中，当View被设置成wrap_content和match_parent时，View的大小都会被设置成子View MeasureSpec的specSize。
所以，这个问题的关键在于子View MeasureSpec的specSize的值是多少

我们知道，子View的MeasureSpec值是根据子View的布局参数（LayoutParams）和父容器的MeasureSpec值计算得来，具体计算逻辑封装在getChildMeasureSpec()里。

接下来，我们看生成子View MeasureSpec的方法:getChildMeasureSpec()的源码分析：

getChildMeasureSpec()

//作用：
/ 根据父视图的MeasureSpec & 布局参数LayoutParams，计算单个子View的MeasureSpec
//即子view的确切大小由两方面共同决定：父view的MeasureSpec 和 子view的LayoutParams属性 


public static int getChildMeasureSpec(int spec, int padding, int childDimension) {  

 //参数说明
 * @param spec 父view的详细测量值(MeasureSpec) 
 * @param padding view当前尺寸的的内边距和外边距(padding,margin) 
 * @param 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);

关于getChildMeasureSpec()里对于子View的测量模式和大小的判断逻辑有点复杂；
别担心，我已经帮大家总结好。具体子View的测量模式和大小请看下表：

Paste_Image.png

从上面可以看出，当子View的布局参数使用wrap_content或wrap_content时：

子View的specMode模式：AT_MOST
子View的specSize（宽 / 高）：parenSize = 父容器当前剩余空间大小 = match_content

4. 问题总结

在onMeasure()中的getDefaultSize（）的默认实现中，当View的测量模式是AT_MOST或EXACTLY时，View的大小都会被设置成子View MeasureSpec的specSize。
因为AT_MOST对应wrap_content；EXACTLY对应match_parent，所以，默认情况下，wrap_content和match_parent是具有相同的效果的。
因为在计算子View MeasureSpec的getChildMeasureSpec()中，子View MeasureSpec在属性被设置为wrap_content或match_parent情况下，子View MeasureSpec的specSize被设置成parenSize = 父容器当前剩余空间大小

所以：wrap_content起到了和match_parent相同的作用：等于父容器当前剩余空间大小

5. 解决方案：

当自定义View的布局参数设置成wrap_content时时，指定一个默认大小（宽 / 高）。

具体是在复写onMeasure（）里进行设置


 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);


        // 获取宽-测量规则的模式和大小
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);

        // 获取高-测量规则的模式和大小
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        // 设置wrap_content的默认宽 / 高值
        // 默认宽/高的设定并无固定依据,根据需要灵活设置
        // 类似TextView,ImageView等针对wrap_content均在onMeasure()对设置默认宽 / 高值有特殊处理,具体读者可以自行查看
        int mWidth = 400;
        int mHeight = 400;

      // 当布局参数设置为wrap_content时，设置默认值
        if (getLayoutParams().width == ViewGroup.LayoutParams.WRAP_CONTENT && getLayoutParams().height == ViewGroup.LayoutParams.WRAP_CONTENT) {
            setMeasuredDimension(mWidth, mHeight);
        // 宽 / 高任意一个布局参数为= wrap_content时，都设置默认值
        } else if (getLayoutParams().width == ViewGroup.LayoutParams.WRAP_CONTENT) {
            setMeasuredDimension(mWidth, heightSize);
        } else if (getLayoutParams().height == ViewGroup.LayoutParams.WRAP_CONTENT) {
            setMeasuredDimension(widthSize, mHeight);
        }

这样，当你的自定义View的宽 / 高设置成wrap_content属性时就会生效了。

特别注意

网上流传着这么一个解决方案：

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);


        // 获取宽-测量规则的模式和大小
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);

        // 获取高-测量规则的模式和大小
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        // 设置wrap_content的默认宽 / 高值
        // 默认宽/高的设定并无固定依据,根据需要灵活设置
        // 类似TextView,ImageView等针对wrap_content均在onMeasure()对设置默认宽 / 高值有特殊处理,具体读者可以自行查看
        int mWidth = 400;
        int mHeight = 400;

      // 当模式是AT_MOST（即wrap_content）时设置默认值
        if (widthMode == MeasureSpec.AT_MOST && heightMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(mWidth, mHeight);
        // 宽 / 高任意一个模式为AT_MOST（即wrap_content）时，都设置默认值
        } else if (widthMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(mWidth, heightSize);
        } else if (heightMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(widthSize, mHeight);
        }

上述的解决方案是：通过判断测量模式是否ATMOST从而来判断View的参数是否是wrap_content
可是，通过下表发现：View的AT_MOST模式对应的不只是wrap_content，也有可能是match_parent

即当父View是AT_MOST、View的属性设置为match_parent时

Paste_Image.png

如果还是按照上述的做法，当父View为AT_MOST、View为match_parent时，该View的match_parent的效果不就等于wrap_content 吗？

答：是，当父View为AT_MOST、View为match_parent时，该View的match_parent的效果就等于wrap_content 。上述方法存在逻辑错误，但由于这种情况非常特殊的，所以导致最终的结果没有错误。具体分析请看下面例子：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:cust="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<-- 父View设为wrap_content，即AT_MOST模式 -->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <scut.com.learncustomview.TestMeasureView
          <-- 子View设为match_parent -->
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>
</RelativeLayout>

效果图

从上面的效果可以看出，View大小 = 默认值

我再将子View的属性改为wrap_content：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:cust="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<-- 父View设为wrap_content，即AT_MOST模式 -->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <scut.com.learncustomview.TestMeasureView
          <-- 子View设为wrap_content -->
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>
</RelativeLayout>

效果图

从上面的效果可以看出，View大小还是等于默认值。

同上述分析

对于第一种情况：当父View为AT_MOST、View为match_parent时，该View的match_parent的效果就等于wrap_content，上面说了这种情况很特殊：父View的大小能刚好包裹子View，子View的大小充满父View的大小。

也就是说：父View的大小是看子View的，子View的大小又是看父View的。

那么到底是谁看谁的大小呢？
答：
如果没设置默认值，就继续往上层VIew充满大小，即从父View的大小等于顶层View的大小（），那么子View的大小 = 父View的大小
如果设置了默认值，就用默认值。

相信看到这里你已经看懂了：

其实上面说的解决方案（通过判断测量模式是否AT_MOST从而来判断View的参数是否是wrap_content）只是在逻辑上表示有些错误，但从最终结果上来说是没有错的
因为当父View为AT_MOST、View为match_parent时，该View的match_parent的效果就等于wrap_content

如果没设置默认值，就继续往上层VIew充满大小，即从父View的大小等于顶层View的大小（），那么子View的大小 = 父View的大小

如果设置了默认值，就用默认值。

为了更好的表示判断逻辑，我建议你们用本文提供的解决方案，即根据布局参数判断默认值的设置

6. 总结

本文对自定义View中 wrap_content属性不起作用进行了详细分析和给出了解决方案
如果希望继续了解自定义View的原理，请参考我写的文章：
（1）自定义View基础 - 最易懂的自定义View原理系列
 （2）自定义View Measure过程 - 最易懂的自定义View原理系列
 （3）自定义View Layout过程 - 最易懂的自定义View原理系列
 （4）自定义View Draw过程- 最易懂的自定义View原理系列
接下来，我我将继续对自定义View的应用进行分析，有兴趣的可以继续关注Carson_Ho的安卓开发笔记

请点赞！因为你们的赞同/鼓励是我写作的最大动力！

相关文章阅读
Android开发：最全面、最易懂的Android屏幕适配解决方案
 Android开发：史上最全的Android消息推送解决方案
 Android开发：最全面、最易懂的Webview详解
 Android开发：JSON简介及最全面解析方法!
Android四大组件：Service服务史上最全面解析
 Android四大组件：BroadcastReceiver史上最全面解析

欢迎关注Carson_Ho的简书！

不定期分享关于安卓开发的干货，追求短、平、快，但却不缺深度。

网友评论

醉卧赏血:其实在我看来，网上流传的说法也不算是错的，反而从另一个角度说，算是一种简洁的计算方式，既然真正的原因归结于getchildMeasurespec（）喊数，那最直接和简便的方式莫过于使用结果即可，况且系统默认就是那个计算方式，何必再让系统进行无畏的二次运算，是吧？个人愚见哈！
出事儿:问题剖析得很好，学习了，但是解决方案就算了，这个解决方案就是设定了一个固定宽高而已，和直接设定控件的宽高没两样，但是我也拿不出好的方案来，也只能说说而已了。
独善其琛:大佬，第3点的最后2个结论：
子View的specMode模式：AT_MOST
子View的specSize（宽 / 高）：parenSize = 父容器当前剩余空间大小 = match_content
不知道怎么得出来的。对照那个表，并不完全符合啊。
小少爷韩:getLayoutParams().width == ViewGroup.LayoutParams.WRAP_CONTENT 这是怎么得到的？宽度等于 -2 么？还是？
RamboPan:大神，看完你的一系列的文章，有点懂自定义view了，谢谢了。
不过看到解决方案了，好像int widthMode和 int heightMode好像没看到使用，应该可以取消这两行吧，后面的比较也没用这2个参数。
Kerrz:@RamboPan 哥们，代码看仔细点，怎么没用到了？
58c6bd32ab17:因为我有时候自定义布局的时候不会写上默认值高度的
58c6bd32ab17:老哥，你没写解决方案呀
Carson带你学安卓:请仔细看第5点，应该我叫你老哥~

为什么你的自定义View wrap_content不起作用？

前言

目录

1. 问题描述

2. 知识储备

3. 问题分析

onMeasure（）

getDefaultSize（）

4. 问题总结

5. 解决方案：

特别注意

6. 总结

请点赞！因为你们的赞同/鼓励是我写作的最大动力！

欢迎关注Carson_Ho的简书！

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

AndroidWorld

Android开发探索

Android Tips

Android日记

AndroidUI

View

安卓精品收藏

自定义UI