自定义View之onMeasure()

来源:互联网 发布:rpm yum 区别 编辑:程序博客网 时间:2024/06/04 08:26

可以说重载onMeasure(),onLayout(),onDraw()三个函数构建了自定义View的外观形象。再加上onTouchEvent()等重载视图的行为,可以构建任何我们需要的可感知到的自定义View。

本节我们探索自定义View中onMeasure()起到了什么样的作用,题外要插的一句是,Activity框架,View框架中大量的on函数基本上都应用到了Template模式,掌握这一模式对于理解这些框架大有裨益。


我们知道,不管是自定义View还是系统提供的TextView这些,它们都必须放置在LinearLayout等一些ViewGroup中,因此理论上我们可以很好的理解onMeasure(),onLayout(),onDraw()这三个函数:1.View本身大小多少,这由onMeasure()决定;2.View在ViewGroup中的位置如何,这由onLayout()决定;3.绘制View,onDraw()定义了如何绘制这个View。

首先我们看看TextView.java中的onMeasure()源码:

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1.    @Override 
  2.    protectedvoid onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
  3.        int widthMode = MeasureSpec.getMode(widthMeasureSpec); 
  4.        int heightMode = MeasureSpec.getMode(heightMeasureSpec); 
  5.        int widthSize = MeasureSpec.getSize(widthMeasureSpec); 
  6.        int heightSize = MeasureSpec.getSize(heightMeasureSpec); 
  7.  
  8.        int width; 
  9.        int height; 
  10.  
  11.         ...  
  12.  
  13.        if (widthMode == MeasureSpec.EXACTLY) { 
  14.            // Parent has told us how big to be. So be it. 
  15.             width = widthSize; 
  16.         }else
  17.            if (mLayout !=null && mEllipsize ==null) { 
  18.                 des = desired(mLayout); 
  19.             } 
  20.  
  21.         ... 
  22.  
  23.         setMeasuredDimension(width, height);  

首先我们要理解的是widthMeasureSpec, heightMeasureSpec这两个参数是从哪里来的?onMeasure()函数由包含这个View的具体的ViewGroup调用,因此值也是从这个ViewGroup中传入的。这里我直接给出答案:子类View的这两个参数,由ViewGroup中的layout_width,layout_height和padding以及View自身的layout_margin共同决定。权值weight也是尤其需要考虑的因素,有它的存在情况可能会稍微复杂点。

了解了这两个参数的来源,还要知道这两个值的作用。我们只取heightMeasureSpec作说明。这个值由高32位和低16位组成,高32位保存的值叫specMode,可以通过如代码中所示的MeasureSpec.getMode()获取;低16位为specSize,同样可以由MeasureSpec.getSize()获取。那么specMode和specSize的作用有是什么呢?要想知道这一点,我们需要知道代码中的最后一行,所有的View的onMeasure()的最后一行都会调用setMeasureDimension()函数的作用——这个函数调用中传进去的值是View最终的视图大小。也就是说onMeasure()中之前所作的所有工作都是为了最后这一句话服务的。

我们知道在ViewGroup中,给View分配的空间大小并不是确定的,有可能随着具体的变化而变化,而这个变化的条件就是传到specMode中决定的,specMode一共有三种可能:

MeasureSpec.EXACTLY:父视图希望子视图的大小应该是specSize中指定的。

MeasureSpec.AT_MOST:子视图的大小最多是specSize中指定的值,也就是说不建议子视图的大小超过specSize中给定的值。

MeasureSpec.UNSPECIFIED:我们可以随意指定视图的大小。

由TextView中源码也可以知道这个值的设计意义是为了根据ViewGroup中具体能够提供的空间大小来指定子View的视图大小。


通过以上这些分析,可以知道视图最终的大小由父视图,子视图以及程序员根据需要决定,良好的设计一般会根据子视图的measureSpec设置合适的布局大小。


讲到上述这些内容,可能已经了解了如何去使用onMeasure来设置我们的视图的大小,但还有一个疑惑的地方,EXACTLY,AT_MOST,UNSPECIFIED和layout_是如何对应的呢?什么情况下对应什么值呢?

我们通过如下例子,稍作了解:

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     xmlns:tools="http://schemas.android.com/tools" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="match_parent" 
  5.     android:gravity="center" 
  6.     android:paddingBottom="@dimen/activity_vertical_margin" 
  7.     android:paddingLeft="@dimen/activity_horizontal_margin" 
  8.     android:paddingRight="@dimen/activity_horizontal_margin" 
  9.     android:paddingTop="@dimen/activity_vertical_margin"
  10.  
  11.     <LinearLayout 
  12.         android:layout_width="200dp" 
  13.         android:layout_height="wrap_content" 
  14.         android:paddingTop="20dp" 
  15.         android:layout_marginTop="30dp" 
  16.         android:background="@android:color/darker_gray"
  17.         <com.sean.myview.MyView  
  18.             android:layout_width="match_parent" 
  19.             android:layout_height="wrap_content" 
  20.             android:paddingTop="10dp" 
  21.             android:layout_marginTop="15dp" 
  22.             android:background="@android:color/holo_red_light" 
  23.             /> 
  24.     </LinearLayout> 
  25.  
  26. </LinearLayout> 

效果图如下:

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. package com.sean.myview; 
  2.  
  3. import android.content.Context; 
  4. import android.util.AttributeSet; 
  5. import android.util.Log; 
  6. import android.view.View; 
  7.  
  8. publicclass MyViewextends View { 
  9.  
  10.    public MyView(Context context, AttributeSet attrs) { 
  11.        super(context, attrs); 
  12.        // TODO Auto-generated constructor stub 
  13.     } 
  14.  
  15.    @Override 
  16.    protectedvoid onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
  17.        // TODO Auto-generated method stub 
  18.         Log.d("MyView","------",new Throwable()); 
  19.        int speSize = MeasureSpec.getSize(heightMeasureSpec); 
  20.        int speMode = MeasureSpec.getMode(heightMeasureSpec); 
  21.         Log.d("MyView","---speSize = " + speSize +""); 
  22.         Log.d("MyView","---speMode = " + speMode +""); 
  23.        if(speMode == MeasureSpec.AT_MOST){ 
  24.             Log.d("MyView","---AT_MOST---"); 
  25.         } 
  26.        if(speMode == MeasureSpec.EXACTLY){ 
  27.             Log.d("MyView","---EXACTLY---"); 
  28.         } 
  29.        if(speMode == MeasureSpec.UNSPECIFIED){ 
  30.             Log.d("MyView","---UNSPECIFIED---"); 
  31.         } 
  32.         setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), speSize); 
  33.     } 
  34.  

当前情况下打印出的log如下:

widthMeasureSpecD/MyView  ( 3506): java.lang.Throwable
D/MyView  ( 3506):     at com.sean.myview.MyView.onMeasure(MyView.java:18)
D/MyView  ( 3506):     at android.view.View.measure(View.java:15775)
D/MyView  ( 3506):     at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:4942)
D/MyView  ( 3506):     at android.widget.LinearLayout.measureChildBeforeLayout(LinearLayout.java:1411)
D/MyView  ( 3506):     at android.widget.LinearLayout.measureHorizontal(LinearLayout.java:1059)
D/MyView  ( 3506):     at android.widget.LinearLayout.onMeasure(LinearLayout.java:590)
D/MyView  ( 3506):     at android.view.View.measure(View.java:15775)
D/MyView  ( 3506):     at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:4942)
D/MyView  ( 3506):     at android.widget.LinearLayout.measureChildBeforeLayout(LinearLayout.java:1411)
D/MyView  ( 3506):     at android.widget.LinearLayout.measureHorizontal(LinearLayout.java:1059)
D/MyView  ( 3506):     at android.widget.LinearLayout.onMeasure(LinearLayout.java:590)
D/MyView  ( 3506):     at android.view.View.measure(View.java:15775)
D/MyView  ( 3506):     at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:4942)
D/MyView  ( 3506):     at android.widget.FrameLayout.onMeasure(FrameLayout.java:310)
D/MyView  ( 3506):     at android.view.View.measure(View.java:15775)
D/MyView  ( 3506):     at android.widget.LinearLayout.measureVertical(LinearLayout.java:850)
D/MyView  ( 3506):     at android.widget.LinearLayout.onMeasure(LinearLayout.java:588)
D/MyView  ( 3506):     at android.view.View.measure(View.java:15775)
D/MyView  ( 3506):     at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:4942)
D/MyView  ( 3506):     at android.widget.FrameLayout.onMeasure(FrameLayout.java:310)
D/MyView  ( 3506):     at com.android.internal.policy.impl.PhoneWindow$DecorView.onMeasure(PhoneWindow.java:2193)
D/MyView  ( 3506):     at android.view.View.measure(View.java:15775)
D/MyView  ( 3506):     at android.view.ViewRootImpl.performMeasure(ViewRootImpl.java:2212)
D/MyView  ( 3506):     at android.view.ViewRootImpl.measureHierarchy(ViewRootImpl.java:1291)
D/MyView  ( 3506):     at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:1486)
D/MyView  ( 3506):     at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1181)
D/MyView  ( 3506):     at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:4942)
D/MyView  ( 3506):     at android.view.Choreographer$CallbackRecord.run(Choreographer.java:776)
D/MyView  ( 3506):     at android.view.Choreographer.doCallbacks(Choreographer.java:579)
D/MyView  ( 3506):     at android.view.Choreographer.doFrame(Choreographer.java:548)
D/MyView  ( 3506):     at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:762)
D/MyView  ( 3506):     at android.os.Handler.handleCallback(Handler.java:800)
D/MyView  ( 3506):     at android.os.Handler.dispatchMessage(Handler.java:100)
D/MyView  ( 3506):     at android.os.Looper.loop(Looper.java:194)
D/MyView  ( 3506):     at android.app.ActivityThread.main(ActivityThread.java:5391)
D/MyView  ( 3506):     at java.lang.reflect.Method.invokeNative(Native Method)
D/MyView  ( 3506):     at java.lang.reflect.Method.invoke(Method.java:525)
D/MyView  ( 3506):     at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:833)
D/MyView  ( 3506):     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:600)
D/MyView  ( 3506):     at dalvik.system.NativeStart.main(Native Method)
D/MyView  ( 3506): ---speSize = 940
D/MyView  ( 3506): ---speMode = -2147483648
D/MyView  ( 3506): ---AT_MOST---

查看onMeasure()的调用堆栈,然后查看源码,可以知道heightMeasureSpec和widthMeasureSpec的值在ViewRootImpl.java中初始化,而初始化又参考了view和LinearLayout中的属性参数的设置最终得到了heightMeasureSpec和widthMeasureSpec的值。

而specMode怎么对应呢?我先给出设置对应值的地方,以下代码皆出自ViewRootImpl.java

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. childWidthMeasureSpec = getRootMeasureSpec(desiredWindowWidth, lp.width); 
  2. childHeightMeasureSpec = getRootMeasureSpec(desiredWindowHeight, lp.height);//这里是赋值的代码 

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. privatestaticint getRootMeasureSpec(int windowSize, int rootDimension) { 
  2.    int measureSpec; 
  3.    switch (rootDimension) { 
  4.  
  5.    case ViewGroup.LayoutParams.MATCH_PARENT: 
  6.        // Window can't resize. Force root view to be windowSize. 
  7.         measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.EXACTLY); 
  8.        break
  9.    case ViewGroup.LayoutParams.WRAP_CONTENT: 
  10.        // Window can resize. Set max size for root view. 
  11.         measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.AT_MOST); 
  12.        break
  13.    default
  14.        // Window wants to be an exact size. Force root view to be that size. 
  15.         measureSpec = MeasureSpec.makeMeasureSpec(rootDimension, MeasureSpec.EXACTLY); 
  16.        break
  17.     } 
  18.    return measureSpec; 
从这里我们基本上可以看出了MATCH_PARENT对应于EXACTLY,WRAP_CONTENT对应于AT_MOST,其他情况也对应于EXACTLY,它和MATCH_PARENT的区别在于size值不一样。现在我们需要知道这个rootDimension即lp.height对应于什么。

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1.    privatevoid performTraversals() { 
  2.        // cache mView since it is used so much below... 
  3. ... 
  4.         WindowManager.LayoutParams lp = mWindowAttributes; 

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. publicvoid setView(View view, WindowManager.LayoutParams attrs, View panelParentView) { 
  2.    synchronized (this) { 
  3.        if (mView ==null) { 
  4.             mView = view; 
  5.             mViewLayoutDirectionInitial = mView.getRawLayoutDirection(); 
  6.             mFallbackEventHandler.setView(view); 
  7.             mWindowAttributes.copyFrom(attrs); 

这个View就是ViewGroup中的各个子类视图,这里我们用实验说明,更改MyView中的android:layout_height的值为"match_parent"。log中输出变为了

D/MyView  ( 4249): ---speSize = 940
D/MyView  ( 4249): ---speMode = 1073741824
D/MyView  ( 4249): ---EXACTLY---


而更改LinearLayout中的这个值对这里的specMode是没有影响的。

下面我们再来通过实验来验证specSize的值由那些属性决定:

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. <LinearLayout 
  2.     android:layout_width="200dp" 
  3.     android:layout_height="300dp" 
  4.     android:paddingTop="20dp" 
  5.     android:layout_marginTop="30dp" 
  6.     android:background="@android:color/darker_gray"
  7.     <com.sean.myview.MyView  
  8.         android:layout_width="match_parent" 
  9.         android:layout_height="match_parent" 
  10.         android:paddingTop="10dp" 
  11.         android:layout_marginTop="15dp" 
  12.         android:background="@android:color/holo_red_light" 
  13.         /> 
  14. </LinearLayout> 

D/MyView  ( 4959): ---speSize = 530
D/MyView  ( 4959): ---speMode = 1073741824
D/MyView  ( 4959): ---EXACTLY---

先说明一点,xml中用的单位是dp,log中得到的单位是px,我所使用的机子屏幕密度为2.0,只需要进行简单的换算即可px = 2.0 * dp

我们可以通过控制变量法,逐一改变代码中的LinearLayout和MyView中的相关属性值,看看是哪些影响了specSize,这里我直接给出答案:

530 = 300 * 2.0 - 20 * 2.0 - 15 * 2.0

影响specSize height的因素为:父视图的layout_height和paddingTop以及自身的layout_marginTop。但是我们不要忘记有weight时的影响。

onMeasure实例分析

分类: Android167人阅读 评论(0)收藏举报
android源码

          

上面这个两个视图是Android API中没有给出来的但在来电接听和闹钟被使用到的一个widget视图——GlowPadView.java

我们通过源码来看看这个View的大小是怎么通过onMeasure来控制的。

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1.    @Override 
  2.    protectedvoid onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
  3.        finalint minimumWidth = getSuggestedMinimumWidth(); 
  4.        finalint minimumHeight = getSuggestedMinimumHeight(); 
  5.        int computedWidth = resolveMeasured(widthMeasureSpec, minimumWidth); 
  6.        int computedHeight = resolveMeasured(heightMeasureSpec, minimumHeight); 
  7.  
  8. ... 
  9.  
  10.         setMeasuredDimension(computedWidth, computedHeight); 
  11.     } 

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. @Override 
  2. protectedint getSuggestedMinimumWidth() { 
  3.    // View should be large enough to contain the background + handle and 
  4.    // target drawable on either edge. 
  5.    return (int) (Math.max(mOuterRing.getWidth(), 2 * mOuterRadius) + mMaxTargetWidth); 
mOuterRing为一个指定的圆(由Shape画出,因此给出的是宽和高,相当于圆半径),mOuterRadius为最大的虚线圆的半径,mMaxTargetWidth为图中Zzz图片或其它图片的宽度。这部分值是有开发人员指定的自己期望的自己的视图中属性的大小
[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. privateint resolveMeasured(int measureSpec, int desired) 
  2.    int result =0
  3.    int specSize = MeasureSpec.getSize(measureSpec); 
  4.    switch (MeasureSpec.getMode(measureSpec)) { 
  5.        case MeasureSpec.UNSPECIFIED: 
  6.             result = desired; 
  7.            break
  8.        case MeasureSpec.AT_MOST: 
  9.             result = Math.min(specSize, desired); 
  10.            break
  11.        case MeasureSpec.EXACTLY: 
  12.        default
  13.             result = specSize; 
  14.     } 
  15.    return result; 
我们从width分析,承载这个View的ViewGroup可能有两种情况,一(A)提供的空间比上面我们给出的值大,二(B)是要小(开发中基本上我们不会允许这种状况出现,但设计的逻辑依然必须考虑到这种可能)。然后就要看的是View的layout_width,一是wrap_content,对应AT_MOST,A得到的值为给出的值,B值为父视图的值,虽然我们不希望这样,但父视图只给出了这么些空间,我们也只得这样。

二是match_parent,对应只有一个父视图的值,这也是符合要求的。


一个好的设计应该要考虑到各种情况下的使用,而一个可复用的框架设计更是如此,设计之前需要预想到各种可能的应用情况。

0 0