zoukankan      html  css  js  c++  java

  • 自定义view之onMeasure()

    可以说重载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.     protected void 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. public class MyView extends View {  
    9.   
    10.     public MyView(Context context, AttributeSet attrs) {  
    11.         super(context, attrs);  
    12.         // TODO Auto-generated constructor stub  
    13.     }  
    14.   
    15.     @Override  
    16.     protected void 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.   
    35. }  

    当前情况下打印出的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. private static int 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;  
    19. }  
    从这里我们基本上可以看出了MATCH_PARENT对应于EXACTLY，WRAP_CONTENT对应于AT_MOST，其他情况也对应于EXACTLY，它和MATCH_PARENT的区别在于size值不一样。现在我们需要知道这个rootDimension即lp.height对应于什么。

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

    [java] view plaincopy在CODE上查看代码片派生到我的代码片
    1. public void 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实例分析

    分类： Android2013-12-03 17:29 167人阅读 评论(0) 收藏 举报
    android源码

               

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

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

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

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


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


     
  • 相关阅读:
    未能正确加载“Microsoft.VisualStudio.Editor.Implementation.EditorPackage”包
    Only one instance of a ScriptManager can be added to the page.
    springboot SSM
    spring mvc 请求转发和重定向
    Spring Boot 配置 Swagger2 接口文档引擎
    solr
    jQuery
    反向代理负载均衡-Nginx
    mybatis二级缓存
    Vue的路由
  • 原文地址：https://www.cnblogs.com/joelan/p/4770067.html
Copyright © 2011-2022 走看看