首页 > 移动开发 > Android自定义组件开发之onMeasure使用

Android自定义组件开发之onMeasure使用

孤风一剑 10月 09, 2013 93 0

一、自定义组件造成其他组件的隐藏

我们在开发过程中往往现有的组件无法满足我们的需求，所有我们需要去自定义组件来实现我们的需求，在实现的过程中总会有各种问题，这里我们讨论一下onMeasure的使用，首先我们看一下下面的一个例子

 

[html][/html] view plaincopy

  1. <span style=”font-size:18px”><?xml version=”1.0″ encoding=”utf-8″?>
  2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
  3.     android:layout_width=”match_parent”
  4.     android:layout_height=”match_parent”
  5.     android:orientation=”vertical” >
  6.     <com.example.test.TestMeasure
  7.         android:id=”@+id/test1″
  8.         android:layout_width=”wrap_content”
  9.         android:layout_height=”wrap_content”
  10.         />
  11.     <TextView
  12.         android:id=”@+id/test2″
  13.         android:layout_width=”wrap_content”
  14.         android:layout_height=”wrap_content”
  15.         android:text=”测试是否显示”
  16.     />
  17. </LinearLayout></span>

如果我们这样设置一个布局的话，没有运行的效果就是一片空白，如果我们调整一下位置如下：

 

 

[html][/html] view plaincopy

  1. <span style=”font-size:18px”><?xml version=”1.0″ encoding=”utf-8″?>
  2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
  3.     android:layout_width=”match_parent”
  4.     android:layout_height=”match_parent”
  5.     android:orientation=”vertical” >
  6.     <TextView
  7.         android:id=”@+id/test2″
  8.         android:layout_width=”wrap_content”
  9.         android:layout_height=”wrap_content”
  10.         android:text=”测试是否显示”
  11.     />
  12.     <com.example.test.TestMeasure
  13.         android:id=”@+id/test1″
  14.         android:layout_width=”wrap_content”
  15.         android:layout_height=”wrap_content”
  16.         />
  17. </LinearLayout></span>

就会显示出我的TextView内容，主要原因就是我们在自定义组件的时候，没有重写重写onMeasure这个方法，我们在自定义组件的时候，大多数都是重写OnDraw方法，而忽略OnMeasure，onMeasure比OnDraw先执行，主要是测量组件的高度和宽度，然后OnDraw使用OnMeasure里面的width和height来绘制组件，有人会说我怎么没有遇到这种情况呢，要注意的是我上面设置的宽度和高度都是用在wrap_content，如果你设置了精确的值就不会出现这种情况，这个主要是涉及specMode模式，接下来我们看一下onMeasure的实现过程。

 

二、onMeasure的实现过程

我们在继承View后，然后覆写OnMeasure方法会显示

 

[java][/java] view plaincopy

  1.       @Override
  2. rotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  3. super.onMeasure(widthMeasureSpec, heightMeasureSpec);

会调用父类的onMeasure，内容如下：

 

 

[java][/java] view plaincopy

  1. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  2.         setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
  3.                 getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
  4.     }

onMeasure会调用两次，我们肢解一下，首先会调用

[java][/java] view plaincopy

  1. public static int getDefaultSize(int size, int measureSpec) {
  2.         int result = size;
  3.         int specMode = MeasureSpec.getMode(measureSpec);
  4.         int specSize = MeasureSpec.getSize(measureSpec);
  6.         switch (specMode) {
  7.         case MeasureSpec.UNSPECIFIED:
  8.             result = size;
  9.             break;
  10.         case MeasureSpec.AT_MOST:
  11.         case MeasureSpec.EXACTLY:
  12.             result = specSize;
  13.             break;
  14.         }
  15.         return result;
  16.     }

这里面涉及specMode，它分为三种情况：

 

MeasureSpec.UNSPECIFIED：(未指定),父元素部队自元素施加任何束缚，子元素可以得到任意想要的大小;

MeasureSpec.AT_MOST：(完全)，父元素决定自元素的确切大小，子元素将被限定在给定的边界里而忽略它本身大小；
MeasureSpec.EXACTLY：(至多)，子元素至多达到指定大小的值。

getDefaultSize计算View组件的大小，然后使用setMeasuredDimension来设置组件的宽度和高度，我们覆写的时候，就是重写getDefaultSize这个函数的功能。

widthMeasureSpec和heightMeasureSpec这两个值是android:layout_width=”200dp” android:layout_height=”80dp”来定义的，它由两部分构成，可通过int specModeHeight = MeasureSpec.getMode(heightMeasureSpec); int specSizeHeight = MeasureSpec.getSize(heightMeasureSpec)来得到各自的值。

如果android:layout_width=”wrap_content”或android:layout_width=”fill_parent”，哪么得到的specMode为MeasureSpec.AT_MOST，如果为精确的值则为MeasureSpec.EXACTLY。另外，specSize要想得到合适的值需要在Androidmanifest.xml中添加<uses-sdk android:minSdkVersion=”10″ />

三、实例演示

自定义组件TestMeasure.java

 

[java][/java] view plaincopy

  1. package com.example.test;
  3. import android.content.Context;
  4. import android.graphics.Canvas;
  5. import android.graphics.Color;
  6. import android.graphics.Paint;
  7. import android.graphics.Paint.Style;
  8. import android.util.AttributeSet;
  9. import android.view.View;
  11. public class TestMeasure extends View {
  13.     private String text = “自定义组件”;
  14.     private Paint mPaint;
  15.     private int mAscent;
  17.     public TestMeasure(Context context, AttributeSet attrs) {
  18.         super(context, attrs);
  19.         mPaint = new Paint();
  20.         mPaint.setStyle(Style.FILL);
  21.         mPaint.setTextSize(45.0f);
  22.         mPaint.setColor(Color.RED);
  23.         setPadding(20, 60, 0, 0);
  24.     }
  26.     @Override
  27.     protected void onLayout(boolean changed, int left, int top, int right,
  28.             int bottom) {
  29.         super.onLayout(changed, left, top, right, bottom);
  30.     }
  32.     @Override
  33.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  34.         setMeasuredDimension(measureWidth(widthMeasureSpec), measureHeight(heightMeasureSpec));
  35.     }
  37.     private int measureWidth(int measureSpec){
  38.         int result = 0;
  39.         int specMode = MeasureSpec.getMode(measureSpec);
  40.         int specSize = MeasureSpec.getSize(measureSpec);
  41.         switch (specMode) {
  42.         case MeasureSpec.EXACTLY:
  43.             result = specSize;
  44.             break;
  45.         case MeasureSpec.UNSPECIFIED:
  46.             result = (int) mPaint.measureText(text) + getPaddingLeft() + getPaddingRight();
  47.             break;
  48.         case MeasureSpec.AT_MOST:
  49.             result = (int) mPaint.measureText(text) + getPaddingLeft() + getPaddingRight();
  50.             result = Math.min(result, specSize);
  51.             break;
  52.         }
  53.         return result;
  54.     }
  56.     private int measureHeight(int measureSpec){
  57.         int result = 0;
  58.         int specMode = MeasureSpec.getMode(measureSpec);
  59.         int specSize = MeasureSpec.getSize(measureSpec);
  60.         mAscent = (int) mPaint.ascent();
  61.         switch (specMode) {
  62.         case MeasureSpec.EXACTLY:
  63.             result = specSize;
  64.             break;
  65.         case MeasureSpec.UNSPECIFIED:
  66.             result = (int) (-mAscent + mPaint.descent()) + getPaddingTop() + getPaddingBottom();
  67.             break;
  68.         case MeasureSpec.AT_MOST:
  69.             result = (int) (-mAscent + mPaint.descent()) + getPaddingTop() + getPaddingBottom();
  70.             result = Math.min(result, specSize);
  71.             break;
  72.         }
  73.         return result;
  74.     }
  75.     @Override
  76.     protected void onDraw(Canvas canvas) {
  77.         canvas.drawText(text, getPaddingLeft(), getPaddingTop(), mPaint);
  78.         super.onDraw(canvas);
  79.     }
  82. }

主函数

 

 

[java][/java] view plaincopy

  1. package com.example.test;
  3. import android.app.Activity;
  4. import android.os.Bundle;
  6. public class Main12 extends Activity {
  8.     @Override
  9.     protected void onCreate(Bundle savedInstanceState) {
  10.         super.onCreate(savedInstanceState);
  11.         setContentView(R.layout.main14);
  12.     }
  13. }

实现效果如下：

 

如果我们不覆写onMeasure则不会显示自定义组件下面的TextVeiw了，显示效果如下：

标签

相关推荐

标签

.NET (32) ActiveMQ (34) AJAX (29) android (463) android开发 (34) ASP.NET (58) C# (153) CSS (21) eclipse (50) Hadoop (23) Hibernate (51) HTML (30) html5 (29) IOS (48) JAVA (378) JavaScript (87) JQuery (85) js (53) json (26) jsp (28) Linux (70) ListView (28) mvc (28) myeclipse (25) MySQL (151) oracle (181) PHP (158) spring (84) SQL (62) SQL Server (28) string (20) Struts2 (39) Tomcat (39) Ubuntu (20) WEB (28) webservice (29) Windows (27) XML (36) 多线程 (21) 存储过程 (22) 实例 (24) 数据库 (89) 服务器 (31) 算法 (34) 设计模式 (23)

文章归档