自定义view 重写onMeasure()方法

来源：互联网发布：年金保险知乎编辑：程序博客网时间：2024/06/05 00:26

<div id="article_details" class="details">
<div class="article_title">


<h1>
<a href="/easyer2012/article/details/37900583">
ANDROID自定义视图——onMeasure流程，MeasureSpec详解
</a>
</h1>
</div>

<div class="article_manage">

分类：
<a href="/easyer2012/article/category/1167761" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_fenlei']);">android 高手进阶教程</a>

2014-07-17 09:09
83人阅读
<a href="#comments" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_pinglun'])">评论</a>(0)
<a href="javascript:void(0);" onclick="javascript:_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_shoucang']);collectArticle('ANDROID自定义视图——onMeasure流程，MeasureSpec详解','37900583');return false;" title="收藏">收藏</a>
<a href="#report" onclick="javascript:_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_jubao']);report(37900583,2);return false;" title="举报">举报</a>

</div>



<div id="article_content" class="article_content">

简介：
在自定义view的时候，其实很简单，只需要知道3步骤：
1.测量——onMeasure()：决定View的大小
2.布局——onLayout()：决定View在ViewGroup中的位置
3.绘制——onDraw()：如何绘制这个View。 

而第3步的onDraw系统已经封装的很好了，基本不用我们来操心，只需要专注到1,2两个步骤就中好了。
而这篇文章就来谈谈第一步，也是十分关键得一步：“测量（Measure）”
 

Measure()：
Measure的中文意思就是测量。所以它的作用就是测量View的大小。
而决定View的大小只需要两个值：宽详细测量值（widthMeasureSpec）和高详细测量值（heightMeasureSpec）。也可以把详细测量值理解为视图View想要的大小说明（想要的未必就是最终大小）。
对于详细测量值（measureSpec）需要两样东西来确定它，那就是大小（size）和模式（mode）。而measureSpec，size，mode他们三个的关系，都封装在View类中的一个内部类里，名叫MeasureSpec。
 

MeasureSpec： 

因为MeasureSpec类很小，而且设计的很巧妙，所以我贴出了全部的源码并进行了详细的标注。（掌握MeasureSpec的机制后会对整个Measure方法有更深刻的理解。）

<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 1170px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_1" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_1" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=1&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt">/** </li><li> * MeasureSpec封装了父布局传递给子布局的布局要求，每个MeasureSpec代表了一组宽度和高度的要求 </li><li class="alt"> * MeasureSpec由size和mode组成。 </li><li> * 三种Mode： </li><li class="alt"> * 1.UNSPECIFIED </li><li> * 父不没有对子施加任何约束，子可以是任意大小（也就是未指定） </li><li class="alt"> * (UNSPECIFIED在源码中的处理和EXACTLY一样。当View的宽高值设置为0的时候或者没有设置宽高时，模式为UNSPECIFIED </li><li> * 2.EXACTLY </li><li class="alt"> * 父决定子的确切大小，子被限定在给定的边界里，忽略本身想要的大小。 </li><li> * (当设置width或height为match_parent时，模式为EXACTLY，因为子view会占据剩余容器的空间，所以它大小是确定的) </li><li class="alt"> * 3.AT_MOST </li><li> * 子最大可以达到的指定大小 </li><li class="alt"> * (当设置为wrap_content时，模式为AT_MOST, 表示子view的大小最多是多少，这样子view会根据这个上限来设置自己的尺寸) </li><li> *  </li><li class="alt"> * MeasureSpecs使用了二进制去减少对象的分配。 </li><li> */  </li><li class="alt">public class MeasureSpec {  </li><li>        // 进位大小为2的30次方(int的大小为32位，所以进位30位就是要使用int的最高位和倒数第二位也就是32和31位做标志位)  </li><li class="alt">        private static final int MODE_SHIFT = 30;  </li><li>          </li><li class="alt">        // 运算遮罩，0x3为16进制，10进制为3，二进制为11。3向左进位30，就是11 00000000000(11后跟30个0)  </li><li>        // (遮罩的作用是用1标注需要的值，0标注不要的值。因为1与任何数做与运算都得任何数，0与任何数做与运算都得0）  </li><li class="alt">        private static final int MODE_MASK  = 0x3 << MODE_SHIFT;  </li><li>  </li><li class="alt">        // 0向左进位30，就是00 00000000000(00后跟30个0)  </li><li>        public static final int UNSPECIFIED = 0 << MODE_SHIFT;  </li><li class="alt">        // 1向左进位30，就是01 00000000000(01后跟30个0)  </li><li>        public static final int EXACTLY     = 1 << MODE_SHIFT;  </li><li class="alt">        // 2向左进位30，就是10 00000000000(10后跟30个0)  </li><li>        public static final int AT_MOST     = 2 << MODE_SHIFT;  </li><li class="alt">  </li><li>        /** </li><li class="alt">         * 根据提供的size和mode得到一个详细的测量结果 </li><li>         */  </li><li class="alt">        // measureSpec = size + mode；   (注意：二进制的加法，不是10进制的加法！)  </li><li>        // 这里设计的目的就是使用一个32位的二进制数，32和31位代表了mode的值，后30位代表size的值  </li><li class="alt">        // 例如size=100(4)，mode=AT_MOST，则measureSpec=100+10000...00=10000..00100  </li><li>        public static int makeMeasureSpec(int size, int mode) {  </li><li class="alt">            return size + mode;  </li><li>        }  </li><li class="alt">  </li><li>        /** </li><li class="alt">         * 通过详细测量结果获得mode </li><li>         */  </li><li class="alt">        // mode = measureSpec & MODE_MASK;  </li><li>        // MODE_MASK = 11 00000000000(11后跟30个0)，原理是用MODE_MASK后30位的0替换掉measureSpec后30位中的1,再保留32和31位的mode值。  </li><li class="alt">        // 例如10 00..00100 & 11 00..00(11后跟30个0) = 10 00..00(AT_MOST)，这样就得到了mode的值  </li><li>        public static int getMode(int measureSpec) {  </li><li class="alt">            return (measureSpec & MODE_MASK);  </li><li>        }  </li><li class="alt">  </li><li>        /** </li><li class="alt">         * 通过详细测量结果获得size </li><li>         */  </li><li class="alt">        // size = measureSpec & ~MODE_MASK;  </li><li>        // 原理同上，不过这次是将MODE_MASK取反，也就是变成了00 111111(00后跟30个1)，将32,31替换成0也就是去掉mode，保留后30位的size  </li><li class="alt">        public static int getSize(int measureSpec) {  </li><li>            return (measureSpec & ~MODE_MASK);  </li><li class="alt">        }  </li><li>  </li><li class="alt">        /** </li><li>         * 重写的toString方法，打印mode和size的信息，这里省略 </li><li class="alt">         */  </li><li>        public static String toString(int measureSpec) {  </li><li class="alt">            return null;  </li><li>        }  </li><li class="alt">}  </li></ol>
</div>
 

源码中的onMeasure()： 

知道了widthMeasureSpec和heightMeasureSpec是什么以后，我们就可以来看onMeasure方法了：

<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 2691px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_2" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_2" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=2&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt">/** </li><li> * 这个方法需要被重写，应该由子类去决定测量的宽高值， </li><li class="alt"> */  </li><li>protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  </li><li class="alt">   setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),  </li><li>           getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));  </li><li class="alt">}  </li></ol>
</div>
在onMeasure中只调用了setMeasuredDimension()方法，接受两个参数，这两个参数是通过getDefaultSize方法得到的，我们到源码里看看getDefaultSize究竟做了什么。
getDefaultSize(): 


<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 2976px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_3" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_3" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=3&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt">/** </li><li>   * 作用是返回一个默认的值，如果MeasureSpec没有强制限制的话则使用提供的大小.否则在允许范围内可任意指定大小 </li><li class="alt">   * 第一个参数size为提供的默认大小，第二个参数为测量的大小 </li><li>   */  </li><li class="alt">  public static int getDefaultSize(int size, int measureSpec) {  </li><li>      int result = size;  </li><li class="alt">      int specMode = MeasureSpec.getMode(measureSpec);  </li><li>      int specSize = MeasureSpec.getSize(measureSpec);  </li><li class="alt">  </li><li>      switch (specMode) {  </li><li class="alt">      // Mode = UNSPECIFIED,AT_MOST时使用提供的默认大小  </li><li>      case MeasureSpec.UNSPECIFIED:  </li><li class="alt">          result = size;  </li><li>          break;  </li><li class="alt">      case MeasureSpec.AT_MOST:  </li><li>      // Mode = EXACTLY时使用测量的大小   </li><li class="alt">      case MeasureSpec.EXACTLY:  </li><li>          result = specSize;  </li><li class="alt">          break;  </li><li>      }  </li><li class="alt">      return result;  </li><li>  }  </li></ol>
</div>
getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec)，这里就是获取最小宽度作为默认值，然后再根据具体的测量值和选用的模式来得到widthMeasureSpec。heightMeasureSpec同理。之后将widthMeasureSpec，heightMeasureSpec传入setMeasuredDimension()方法。
 

setMeasuredDimension()：
<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 3634px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_4" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_4" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=4&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt">/** </li><li> * 这个方法必须由onMeasure(int, int)来调用，来存储测量的宽，高值。 </li><li class="alt"> */  </li><li>protected final void setMeasuredDimension(int measuredWidth, int measuredHeight) {  </li><li class="alt">    mMeasuredWidth = measuredWidth;  </li><li>    mMeasuredHeight = measuredHeight;  </li><li class="alt">  </li><li>    mPrivateFlags |= PFLAG_MEASURED_DIMENSION_SET;  </li><li class="alt">}  </li></ol>
</div>
这个方法就是我们重写onMeasure()所要实现的最终目的。它的作用就是存储我们测量好的宽高值。
这下思路清晰了，现在的任务就是计算出准确的measuredWidth和heightMeasureSpec并传递进去，我们所有的测量任务就算完成了。
源码中使用的getDefaultSize()只是简单的测量了宽高值，在实际使用时需要精细、具体的测量。而具体的测量任务就交给我们在子类中重写的onMeasure方法。
 

在子类中重写的onMeasure：
在测量之前首先要明确一点，需要测量的是一个View（例如TextView），还是一个ViewGroup（例如LinearLayout），还是多个ViewGroup嵌套。如果只有一个View的话我们就测量这一个就可以了，如果有多个View或者ViewGroup嵌套我们就需要循环遍历视图中所有的View。
下面列出一个最简单的小例子，写一个自定义类CostomViewGroup继承自ViewGroup，然后重写它的构造方法，onMeasure和onLayout方法。用这个自定义的ViewGroup去写一个布局文件如下：
<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 4331px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_5" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_5" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=5&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt"><com.gxy.text.CostomViewGroup xmlns:android="http://schemas.android.com/apk/res/android"  </li><li>    android:layout_width="match_parent"  </li><li class="alt">    android:layout_height="match_parent"  </li><li>    android:background="#bbbaaa"  </li><li class="alt">    >  </li><li>    <Button  </li><li class="alt">        android:text="@string/hello_world"  </li><li>        android:layout_width="match_parent"  </li><li class="alt">        android:layout_height="wrap_content"  </li><li>        android:background="#aaabbb"  </li><li class="alt">        android:id="@+id/textView1" />  </li><li></com.gxy.text.CostomViewGroup>  </li></ol>
</div>
将一个Button放入自定义的ViewGroup中，然后在MainActivity的onCreate回调方法中调用setContentView把整个布局文件设置进去。
最后看一下自定义CostomViewGroup中的onMeasure方法的内容：
<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 4704px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_6" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_6" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=6&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt">@Override  </li><li>protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  </li><li class="alt">  </li><li>       //调用ViewGroup类中测量子类的方法  </li><li class="alt">       measureChildren(widthMeasureSpec, heightMeasureSpec);  </li><li>       //调用View类中默认的测量方法  </li><li class="alt">       super.onMeasure(widthMeasureSpec,heightMeasureSpec);  </li><li>  </li><li class="alt">}  </li></ol>
</div>
本文只是介绍测量，所以onLayout方法先省略，下面来看看效果图：
<img src="http://img.blog.csdn.net/20140716223856156?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYTM5NjkwMTk5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=""> 

在子类重写的onMeasure中只调用两个方法，第一个是父类的onMeasure方法，之前已经介绍了它的作用，它最后会调用setMeasuredDimension()将测量好的宽高值传递进去。第二个会调用measureChildren方法，它的作用是测量所有的子View，下面我们看看它是如何工作的。
measureChildren()
<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 5705px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_7" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_7" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=7&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt"> /** </li><li> * 遍历所有的子view去测量自己（跳过GONE类型View） </li><li class="alt"> * @param widthMeasureSpec 父视图的宽详细测量值 </li><li> * @param heightMeasureSpec 父视图的高详细测量值 </li><li class="alt"> */  </li><li>protected void measureChildren(int widthMeasureSpec, int heightMeasureSpec) {  </li><li class="alt">    final int size = mChildrenCount;  </li><li>    final View[] children = mChildren;  </li><li class="alt">    for (int i = 0; i < size; ++i) {  </li><li>        final View child = children[i];  </li><li class="alt">        if ((child.mViewFlags & VISIBILITY_MASK) != GONE) {  </li><li>            measureChild(child, widthMeasureSpec, heightMeasureSpec);  </li><li class="alt">        }  </li><li>    }  </li><li class="alt">}  </li></ol>
</div>
代码很简单，就是遍历所有的子View，如果View的状态不是GONE就调用measureChild去进行下一步的测量
 

measureChild() 

<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 6170px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_8" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_8" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=8&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt">/** </li><li> * 测量单个视图，将宽高和padding加在一起后交给getChildMeasureSpec去获得最终的测量值 </li><li class="alt"> * @param child 需要测量的子视图 </li><li> * @param parentWidthMeasureSpec 父视图的宽详细测量值 </li><li class="alt"> * @param parentHeightMeasureSpec 父视图的高详细测量值 </li><li> */  </li><li class="alt">protected void measureChild(View child, int parentWidthMeasureSpec,  </li><li>        int parentHeightMeasureSpec) {  </li><li class="alt">    // 取得子视图的布局参数  </li><li>    final LayoutParams lp = child.getLayoutParams();  </li><li class="alt">  </li><li>    // 通过getChildMeasureSpec获取最终的宽高详细测量值  </li><li class="alt">    final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,  </li><li>            mPaddingLeft + mPaddingRight, lp.width);  </li><li class="alt">    final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,  </li><li>            mPaddingTop + mPaddingBottom, lp.height);  </li><li class="alt">  </li><li>    // 将计算好的宽高详细测量值传入measure方法，完成最后的测量  </li><li class="alt">    child.measure(childWidthMeasureSpec, childHeightMeasureSpec);  </li><li>}  </li></ol>
</div>
 

getChildMeasureSpec()
<div class="dp-highlighter bg_java">
<div class="bar">
<div class="tools">[java] <a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="ViewSource" title="view plain">
view plain</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="CopyToClipboard" title="copy">copy</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="PrintSource" title="print">print</a><a target="_blank" href="http://blog.csdn.net/a396901990/article/details/36475213#" class="About" title="?">?</a><a target="_blank" href="https://code.csdn.net/snippets/428404" title="在CODE上查看代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" height="12" width="12" style="position:relative; top:1px; left:2px"></a><a target="_blank" href="https://code.csdn.net/snippets/428404/fork" title="派生到我的代码片" style="text-indent:0"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" height="12" width="12" style="position:relative; top:2px; left:2px"></a><div style="position: absolute; left: 514px; top: 6658px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_9" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_9" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=9&width=18&height=18" wmode="transparent"></div></div>
</div>
<ol class="dp-j" start="1">
<li class="alt">/** </li><li> * 在measureChildren中最难的部分：找出传递给child的MeasureSpec。 </li><li class="alt"> * 目的是结合父view的MeasureSpec与子view的LayoutParams信息去找到最好的结果 </li><li> * （也就是说子view的确切大小由两方面共同决定：1.父view的MeasureSpec 2.子view的LayoutParams属性） </li><li class="alt"> *  </li><li> * @param spec 父view的详细测量值(MeasureSpec) </li><li class="alt"> * @param padding view当前尺寸的的内边距和外边距(padding,margin) </li><li> * @param childDimension child在当前尺寸下的布局参数宽高值(LayoutParam.width,height) </li><li class="alt"> */  </li><li>public static int getChildMeasureSpec(int spec, int padding, int childDimension) {  </li><li class="alt">    //父view的模式和大小  </li><li>    int specMode = MeasureSpec.getMode(spec);     </li><li class="alt">    int specSize = MeasureSpec.getSize(spec);     </li><li>  </li><li class="alt">    //通过父view计算出的子view = 父大小-边距（父要求的大小，但子view不一定用这个值）   </li><li>    int size = Math.max(0, specSize - padding);  </li><li class="alt">  </li><li>    //子view想要的实际大小和模式（需要计算）  </li><li class="alt">    int resultSize = 0;  </li><li>    int resultMode = 0;  </li><li class="alt">  </li><li>    //通过1.父view的MeasureSpec 2.子view的LayoutParams属性这两点来确定子view的大小  </li><li class="alt">    switch (specMode) {  </li><li>    // 当父view的模式为EXACITY时，父view强加给子view确切的值  </li><li class="alt">    case MeasureSpec.EXACTLY:  </li><li>        // 当子view的LayoutParams>0也就是有确切的值  </li><li class="alt">        if (childDimension >= 0) {  </li><li>            //子view大小为子自身所赋的值，模式大小为EXACTLY  </li><li class="alt">            resultSize = childDimension;  </li><li>            resultMode = MeasureSpec.EXACTLY;  </li><li class="alt">        // 当子view的LayoutParams为MATCH_PARENT时(-1)  </li><li>        } else if (childDimension == LayoutParams.MATCH_PARENT) {  </li><li class="alt">            //子view大小为父view大小，模式为EXACTLY  </li><li>            resultSize = size;  </li><li class="alt">            resultMode = MeasureSpec.EXACTLY;  </li><li>        // 当子view的LayoutParams为WRAP_CONTENT时(-2)      </li><li class="alt">        } else if (childDimension == LayoutParams.WRAP_CONTENT) {  </li><li>            //子view决定自己的大小，但最大不能超过父view，模式为AT_MOST  </li><li class="alt">            resultSize = size;  </li><li>            resultMode = MeasureSpec.AT_MOST;  </li><li class="alt">        }  </li><li>        break;  </li><li class="alt">  </li><li>    // 当父view的模式为AT_MOST时，父view强加给子view一个最大的值。  </li><li class="alt">    case MeasureSpec.AT_MOST:  </li><li>        // 道理同上  </li><li class="alt">        if (childDimension >= 0) {  </li><li>            resultSize = childDimension;  </li><li class="alt">            resultMode = MeasureSpec.EXACTLY;  </li><li>        } else if (childDimension == LayoutParams.MATCH_PARENT) {  </li><li class="alt">            resultSize = size;  </li><li>            resultMode = MeasureSpec.AT_MOST;  </li><li class="alt">        } else if (childDimension == LayoutParams.WRAP_CONTENT) {  </li><li>            resultSize = size;  </li><li class="alt">            resultMode = MeasureSpec.AT_MOST;  </li><li>        }  </li><li class="alt">        break;  </li><li>  </li><li class="alt">    // 当父view的模式为UNSPECIFIED时，子view为想要的值  </li><li>    case MeasureSpec.UNSPECIFIED:  </li><li class="alt">        if (childDimension >= 0) {  </li><li>            // 子view大小为子自身所赋的值  </li><li class="alt">            resultSize = childDimension;  </li><li>            resultMode = MeasureSpec.EXACTLY;  </li><li class="alt">        } else if (childDimension == LayoutParams.MATCH_PARENT) {  </li><li>            // 因为父view为UNSPECIFIED，所以MATCH_PARENT的话子类大小为0  </li><li class="alt">            resultSize = 0;  </li><li>            resultMode = MeasureSpec.UNSPECIFIED;  </li><li class="alt">        } else if (childDimension == LayoutParams.WRAP_CONTENT) {  </li><li>            // 因为父view为UNSPECIFIED，所以WRAP_CONTENT的话子类大小为0  </li><li class="alt">            resultSize = 0;  </li><li>            resultMode = MeasureSpec.UNSPECIFIED;  </li><li class="alt">        }  </li><li>        break;  </li><li class="alt">    }  </li><li>    return MeasureSpec.makeMeasureSpec(resultSize, resultMode);  </li><li class="alt">}  </li></ol>
</div>
可能看完后感觉有点迷糊，接下来通过几个例子演示一下，可能大家就会对getChildMeasureSpec方法中的逻辑清晰一些。
 

1.当父类View中宽高都为MATCH_PARENT（EXACTLY）时，宽高都为MATCH_PARENT（EXACTLY）时：
2.当父类View中宽高都为MATCH_PARENT（EXACTLY）时，宽高都为WRAP_CONTENT（EXACTLY）时： 

3.当父类View中宽高都为MATCH_PARENT（EXACTLY）时。子类宽WRAP_CONTENT（AT_MOST），高为MATCH_PARENT（EXACTLY）时： 

<img src="http://img.blog.csdn.net/20140716232208687?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYTM5NjkwMTk5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=""><img src="http://img.blog.csdn.net/20140716233105536?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYTM5NjkwMTk5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=""><img src="http://img.blog.csdn.net/20140716232846593?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYTM5NjkwMTk5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=""> 

 

1.当父类View中宽高都为WRAP_CONTENT（AT_MOST）时，子类宽高都为MATCH_PARENT（EXACTLY）时：
2.当父类View中宽高都为WRAP_CONTENT（AT_MOST）时。子类宽WRAP_CONTENT（AT_MOST），高为MATCH_PARENT（EXACTLY）时：
<img src="http://img.blog.csdn.net/20140716233403002?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYTM5NjkwMTk5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=""> <img src="http://img.blog.csdn.net/20140717002350329?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYTM5NjkwMTk5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">
通过这两组简单的对比，其实大家就可以把测量子类大小的代码理解为：
父类中MATCH_PARENT，WRAP_CONTENT，指定值和子类中的MATCH_PARENT，WRAP_CONTENT，指定值这两对值的相互作用。
更复杂的情况则需要加上padding内边距和margin外边距等等一些其他对于View大小的约束。
 

总结：
今天介绍的都是系统提供的测量方法，除了这些以外还有一些其他的，大家可以看看源码。而且在真正的自定义View视图时，很大一部分都是借助这些系统提供的现成方法，并且根据需求再加上自己的特殊逻辑（当然也可以全部用自己的逻辑，但我们不要重复制造轮子）。
这篇文章写了2个礼拜，写之前思路非常清晰，但是在写的时候越写越乱。写完以后感觉逻辑仍然不是很清晰，因为有的内容我也是一知半解比如UNSPECIFIED。如果大家水平和我差不多都是菜鸟级别的，希望大家不要深入的去研究源码逻辑，这样会导致越来越来混乱，从应用的角度出发可能会更好一些。
下面会接着写onLayout和LayoutParams的相关内容。最后再将onMeasure，onLayout结合起来写一个完整的例子。也许这些都写完以后会对整个流程的思路会更加清晰。
来源：http://blog.csdn.net/a396901990/article/details/36475213
 


</div>



<div class="bdsharebuttonbox bdshare-button-style0-16" style="float: right;" data-bd-bind="1411716159256">
<a href="#" class="bds_more" data-cmd="more" style="background-position:0 0 !important; background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_0_16.png?v=d754dcc0.png) !important"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间" style="background-position:0 -52px !important"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" style="background-position:0 -104px !important"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博" style="background-position:0 -260px !important"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网" style="background-position:0 -208px !important"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信" style="background-position:0 -1612px !important"></a>
</div>
<script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "1", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>



<ul class="article_next_prev">
<li class="prev_article">上一篇<a href="/easyer2012/article/details/37872457" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_shangyipian'])">Android UI开发第二十四篇——Action Bar</a></li>
<li class="next_article">下一篇<a href="/easyer2012/article/details/38346695" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_xiayipian'])">log4j使用简介</a></li>
</ul>


<script type="text/javascript" id="bdshare_js" data="type=tools&uid=1536434" src="http://bdimg.share.baidu.com/static/js/bds_s_v2.js?cdnversion=392144"></script>

<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script>


</div>

0 0