总结下自定义控件中View的测量

要绘制一个view那么我们就需要告诉系统这个view的大小以及这个view绘制的位置。如何知道大小?必然是经过了测量才能知道view的大小。而这个测量的过程就是在onMeasure( ) 方法中完成的。

说view的测量,MeasureSpec 这个类是怎么也无法跳过的。MeasureSpec 是一个32位的int值,其中int值的高两位为测量模式,低30位为测量的大小。
测量模式呢主要是下面的三种:

  • EXACTLY模式
    该模式为精确模式。什么时候用到的是这种模式呢?当我们将layout_width or layout_height 设置为具体数值的时候,如100dp 或者是match_parent 的时候。这时系统就是调用的精确模式
  • AT_MOST
    该模式为最大值模式。当我们将layout_width or layout_height设置为wrap_content 的时候,系统调用的就是该模式。此时控件大小是随着子控件或者内容的变化而变化的,只要不超出父控件允许的最大范围即可
  • UNSPECIFIED
    这个模式一般只有在我们自定义控件的时候才会用到,它代表没有具体的测量模式,view自己想多大就多大。

三种模式中EXACTLY模式是onMeasure( ) 方法中默认的测量模式。所以,我们在自定义控件的时候如果没有重写onMeasure( ) 方法,那么我们就只能使用EXACTLY模式。那么我们在指定控件layout_width or layout_height 的时候只能设置为具体的数值或者match_parent ,这时候如果想让我们的控件可以wrap_content,那么我们就必须重写onMeasure( )来指定onMeasure( )的大小。

MeasureSpec 我们知道了测量模式,也知道了测量大小。

我们重写onMeasure( ) (为啥重写后面会说)可以得到

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
 {  
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 }

我们查看super.onMeasure 发现系统调用了setMeasuredDimension 方法将测量后的宽高值设置好。

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
 {    
  setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
                           getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
 }

protected final void setMeasuredDimension(int measuredWidth, int measuredHeight) 
{ 
   boolean optical = isLayoutModeOptical(this);   
   if (optical != isLayoutModeOptical(mParent))
   {
        Insets insets = getOpticalInsets();
        int opticalWidth  = insets.left + insets.right;
        int opticalHeight = insets.top  + insets.bottom;
        measuredWidth  += optical ? opticalWidth  : -opticalWidth;
        measuredHeight += optical ? opticalHeight : -opticalHeight; 
   } 
   setMeasuredDimensionRaw(measuredWidth, measuredHeight);
}

有上面分析可知,如果我们要对宽高重新定义,那么我们要重写onMeasure如下:

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
 {  
    setMeasuredDimension(measuredWidth(widthMeasureSpec),measuredHeight(widthMeasureSpec));
 }

//measureWidth 和measureHeight 是我们自己定义的方法
//参数则是对应的MeasureSpec对象,包含测量模式和测量值
public int measuredWidth(int measureSpec){
  int result = 0;
  int specMode = MeasureSpec.getMode(measureSpec);
  int specSize = MeasureSpec.getSize(measureSpec);
  
  if(specMode == MeasureSpec.EXACYLY){
    result = specSize ;
  }else{
          result = 200;//这里的200是自己设置的默认值,单位为px
          if(specMode == MeasureSpec.AT_MOST){
            result = Math.min(result,specSize);//如果我们的模式是AAT_MOST就取测量值和默认值中的较小一个。
          }
        }
  return result;  
}
//measureHeight的方式和measureWidth的差不多,这里就不写出来了,一会又完整代码

*** ----------------分割线,下面是完整代码加解释----------------***
自定义的MyView.class

package com.unibox.dm_setxfermode;
import android.content.Context;
import android.content.pm.PackageItemInfo;
import android.content.res.Resources;import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.util.AttributeSet;
import android.view.View;
/** * Created by Administrator on 2016/2/11 0011. */
public class MyView extends View { 
   public MyView(Context context) {
        this(context,null);
    }
    public MyView(Context context, AttributeSet attrs) { 
       this(context, attrs,0);
    }
    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(measureWidth(widthMeasureSpec),measureHeight(heightMeasureSpec));
    }
    public int measureWidth(int measureSpec){
        int result = 0;
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);
        if (specMode == MeasureSpec.EXACTLY){
            result = specSize;
        }else{
            result = 200;
            if (specMode == MeasureSpec.AT_MOST){
                result = Math.min(result,specSize);
            }
        } 
       return result;
    }
    public int measureHeight(int measureSpec){
        int result = 0;
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);
        if (specMode == MeasureSpec.EXACTLY){
            result = specSize;
        }else {
            result =200;
            if (specMode == MeasureSpec.AT_MOST){
                result = Math.min(result,specSize);
            }
        }
        return  result;
    }
}

对自定义view的使用activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
   xmlns:tools="http://schemas.android.com/tools" 
   android:layout_width="match_parent" 
   android:layout_height="match_parent"
    tools:context="com.unibox.dm_setxfermode.MainActivity">
    <com.unibox.dm_setxfermode.MyView
        android:id="@+id/mv"
        android:background="@color/colorAccent"
        android:layout_width="400px"
        android:layout_height="200px" />
</RelativeLayout>

下面是效果截图:
当都是精确值的时候,我将宽度设置为400px,宽度还是默认的200px(这里为了对比,所以用px)。精确值的情况下,宽高值都是跟随我们设置的值变化的。

400px*200px

当我们把宽高设置为match_parent 的时候:

match_parent

当我们把宽高设置为wrap_content.*** 其实我们这里已经可以猜到宽高就是我们result的默认值****:

wrap_content

到这里简单的把view的测量总结了一下,个人觉新手没必要在源码里面转,转也转不明白。只要知道:

  • 控件绘制前都是经过系统测量的
  • 测量的结果和模式都在MeasureSpec当中
  • 系统默认是精确测量模式,要修改就要重写onMeasure方法,不然你设置属性为wrap_content是不起作用的.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,372评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,368评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,415评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,157评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,171评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,125评论 1 297
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,028评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,887评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,310评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,533评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,690评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,411评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,004评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,659评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,812评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,693评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,577评论 2 353

推荐阅读更多精彩内容