View的onMeasure()方法使用解析

最新推荐文章于 2021-05-31 14:46:15 发布
最新推荐文章于 2021-05-31 14:46:15 发布
阅读量437 收藏
点赞数
分类专栏： Android基础 文章标签： onMeasure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sjdjdjdjahd/article/details/94552543
版权

之前在看Android开发艺术探索的时候也有写过一篇AndroidView的measure过程的文章，现在回头看看把自己看的都一头雾水，妥妥的水文，抽空还要再去把书读两遍才行啊。

一、目标

明确MeasureSpec三种测量模式的具体含义，并根据实际需求测量View的大小

二、明确MeasureSpec三种测量模式的含义

  • EXACTLY ：父控件已经确定了子控件的大小
  • AT_MOST：父控件对子控件没有约束，但存在上限，上限一般是父控件的大小
  • UNSPECIFIED：父控件对子控件没有任何约束。它可以是任意大小。

为了验证各个模式的含义，我们写个一测试的TestView，只显示一段文字，并打印View的测量模式。

public class TestView extends View {

    private Paint mPaint;
    
    public TestView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    
    private void init() {
        mPaint = new Paint();
        mPaint.setColor(Color.WHITE);
        mPaint.setTextSize(50);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawText("测试", 0, 50, mPaint);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获得宽高的测量模式
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);

        //获得测量的宽高
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        String strWidthMode = "";
        String strHeightMode = "";
        //宽度的测量模式
        switch (widthMode) {
            case MeasureSpec.AT_MOST:
                strWidthMode = "AT_MOST";
                break;
            case MeasureSpec.EXACTLY:
                strWidthMode = "EXACTLY";
                break;
            case MeasureSpec.UNSPECIFIED:
                strWidthMode = "UNSPECIFIED";
                break;
        }
        //高度的测量模式
        switch (heightMode) {
            case MeasureSpec.AT_MOST:
                strHeightMode = "AT_MOST";
                break;
            case MeasureSpec.EXACTLY:
                strHeightMode = "EXACTLY";
                break;
            case MeasureSpec.UNSPECIFIED:
                strHeightMode = "UNSPECIFIED";
                break;
        }
        //打印测量模式
        Log.e("tag", "===  WidthMode: " + strWidthMode + "   HeightMode: " + strHeightMode 
                + "   widthSize: " + widthSize + "   heightSize: " + heightSize);
    }
}

XML文件布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="#fff"
              android:orientation="vertical"
    >

    <com.zy.test.cusview.TestView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#0a0aea"
        />

</LinearLayout>
1、注意此时父布局宽高是match_parent，TestView是自适应。并且给TestView设置了一个蓝色的背景

运行结果如下：

E/tag: ===  WidthMode: AT_MOST   HeightMode: AT_MOST   widthSize: 800   heightSize: 1199
E/tag: ===  WidthMode: AT_MOST   HeightMode: AT_MOST   widthSize: 800   heightSize: 1199

运行截图截图可以看出：
在这里插入图片描述

从运行结果可以看出，当TestView设置自适应的时候，它的测量模式是AT_MOST。并且此时我们的TestView充满全屏显示。
2、修改父布局的宽高为 wrap_content。

在这里插入图片描述
运行结果如下：

E/tag: ===  WidthMode: AT_MOST   HeightMode: AT_MOST   widthSize: 800   heightSize: 1199
E/tag: ===  WidthMode: AT_MOST   HeightMode: AT_MOST   widthSize: 800   heightSize: 1199

当我们TestView和父布局都自适应时，TestView也是全屏显示，并且测量模式为: AT_MOST

3、给TestView设置确定的大小，父控件自适应

在这里插入图片描述
运行结果如下：

 E/tag: ===  WidthMode: EXACTLY   HeightMode: EXACTLY   widthSize: 200   heightSize: 200
 E/tag: ===  WidthMode: EXACTLY   HeightMode: EXACTLY   widthSize: 200   heightSize: 200

截图：
在这里插入图片描述
当我们给TestView的宽高一个确定的大小时，TestView的测量模式为EXACTLY，此时宽高固定。

4、当我们TestView宽高为match_parent时

在这里插入图片描述
运行结果如下：

E/tag: ===  WidthMode: AT_MOST   HeightMode: AT_MOST   widthSize: 800   heightSize: 1199
E/tag: ===  WidthMode: EXACTLY   HeightMode: EXACTLY   widthSize: 800   heightSize: 1199
E/tag: ===  WidthMode: AT_MOST   HeightMode: AT_MOST   widthSize: 800   heightSize: 1199
E/tag: ===  WidthMode: EXACTLY   HeightMode: EXACTLY   widthSize: 800   heightSize: 1199

从运行结果上可以看到，虽然View测量了多次，但最终它的测量模式为EXACTLY，并且TestView全屏显示。

同理当父控件宽高为match_parent时，依然是EXACTLY 模式， 运行结果如下：

E/tag: ===  WidthMode: EXACTLY   HeightMode: EXACTLY   widthSize: 800   heightSize: 1199
E/tag: ===  WidthMode: EXACTLY   HeightMode: EXACTLY   widthSize: 800   heightSize: 1199

对比两次结果我们可以知道当父布局宽高设置为wrap_content自适应时，会进行多次测量。而 宽高设置为match_parent充满全屏，因为屏幕是固定的，所以宽高也是固定的。不会进行多次测量。

ScrollView嵌套TestView时

在这里插入图片描述
执行结果如下：

 E/tag: ===  WidthMode: EXACTLY   HeightMode: UNSPECIFIED   widthSize: 200   heightSize: 0
 E/tag: ===  WidthMode: EXACTLY   HeightMode: UNSPECIFIED   widthSize: 200   heightSize: 0

可以看到此时TestView高德的测量模式为UNSPECIFIED，并且测量高度heightSize为0。

总结上面的测试我们可以得到下面结论

在这里插入图片描述

三、明确了MeasureSpec的三种测量模式后，我们要如何修改，才能达到向TextView一样，显示一段文字呢？

我们可以看一下TextView的onMeasure()方法

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    	//获得宽高的测量模式和测量大小
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        int width;
        int height;
		.....//省略部分代码
        if (widthMode == MeasureSpec.EXACTLY) {
            // 如果宽度的测量模式是EXACTLY，宽度就是测量的宽度
            width = widthSize;
        } else {
           ......//省略部分代码
            width += getCompoundPaddingLeft() + getCompoundPaddingRight();

           // Check against our minimum width
            width = Math.max(width, getSuggestedMinimumWidth());

            if (widthMode == MeasureSpec.AT_MOST) {
            	//如果宽度的测量模式是AT_MOST实际值
                width = Math.min(widthSize, width);
            }
        }

        if (heightMode == MeasureSpec.EXACTLY) {
            // 如果高度的测量模式是EXACTLY，已经确定大小，则高度为测量的高度
            height = heightSize;
            mDesiredHeightAtMeasure = -1;
        } else {
            int desired = getDesiredHeight();

            height = desired;
            mDesiredHeightAtMeasure = desired;

            if (heightMode == MeasureSpec.AT_MOST) {
            	//如果宽度的测量模式为AT_MOST，取实际高度
                height = Math.min(desired, heightSize);
            }
        }
  		......//省略部分代码
  		//设置宽高
        setMeasuredDimension(width, height);
    }

TextView的功能比较复杂，所以源码也比较复杂。这里只展示了相关的代码。可以看到，TextView也是根据View的测量模式来进行View的宽高进行测量的。

接下来，测量一下我们的TestView的宽高。

根据TextView，修改我们的TestView测量方法
public class TestView extends View {

    private Paint mPaint;
    private String mText = "天青色等烟雨，而我在等你";
    private int mHeight = 50;

    public TestView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        mPaint = new Paint();
        mPaint.setColor(Color.WHITE);
        mPaint.setTextSize(50);
        mPaint.setStyle(Paint.Style.STROKE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawText(mText, 0, mHeight, mPaint);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获得宽高的测量模式
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        //获得测量的宽高
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        int width;
        int height;

        if (widthMode == MeasureSpec.EXACTLY){
            width = widthSize;
        }else if (widthMode == MeasureSpec.AT_MOST){
            width = (int)Math.ceil(mPaint.measureText(mText));
        }else {
            width = (int)Math.ceil(mPaint.measureText(mText));
        }

        if (heightMode == MeasureSpec.EXACTLY){
            height = heightSize;
        }else if (heightMode == MeasureSpec.AT_MOST){
            height = mHeight;
        }else {
            height = mHeight;
        }
        //设置宽高
        setMeasuredDimension(width,height);
    }
}

测试：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="#fff"
              android:orientation="vertical"
    >

    <com.zy.test.cusview.TestView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#0a0aea"
        />

</LinearLayout>

修改之前运行结果：
在这里插入图片描述
在这里插入图片描述
到现在总算知道了该如何测量View的大小。感觉表达的方式还有些问题。可能要等过段时间再回过头重新修改了

部分参考：https://www.cnblogs.com/wjtaigwh/p/6600035.html

正义啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
View 的 onMeasure 方法
lyldalek的博客
07-28 511
View 的测量过程中，有一个比较重要的类需要掌握：MeasureSpec。我们在阅读源码的时候会发现，在 View 的测量过程中，MeasureSpec 是一个会经常出现的类，如果不先掌握这个类的话，是没法阅读下去的。 MeasureSpec 会在很大程度上决定一个 View 的尺寸规格，之所以是很大程度上是因为这个过程还受父容器的影响，因为父容器影响 View 的 MesaureSpec 的创......
View体系（八）深入剖析View的onMeasure方法
droidYu
02-10 284
之前的文章《View体系（六）View工作流程入口》介绍了View是从什么地方开始它的工作流程的，《View体系（七）理解 MeasureSpec》介绍了View在measure流程时的一个重要参数。有了上两篇的铺垫，我们就来看一下View的onMeasure方法到底做了什么。 （注：文中源码基于 Android 12） 在View做测量时，会调用View的onMeasure方法： protected void onMeasure(int widthMeasureSpec, int height
Android自定义View多种效果解析
08-27
主要为大家详细介绍了Android自定义View多种效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
自定义View精炼详解第（四）课：onMeasure()解析和简单示例
Chin_Style的博客
04-03 250
“measurespec封装了父类传递给子类的测量要求，每个measurespec代表宽度或者高度的要求以及大小，也就是说一个measurespec包含size和mode。” 一、前期基础知识储备 在系列之前《自定义View精炼详解第（一）课：基础理论部分和简单小实现》的这篇文章中，笔者给出了开发中最实用和最常见的自定义View方式——①继承现有控件和②继承现有布局实现，然后在笔者的《View...
自定义View（2）——测量方法onMeasure()简单使用
ffengz的博客
09-09 442
自定义控件免不了图形绘制，每一个视图的绘制过程都必须经历三个最主要的阶段，即onMeasure()测量、onLayout()布局、onDraw()绘制 三个阶段，今天主要将第一个阶段测量。关于三个阶段的协作请看：Android视图绘制流程——郭霖     常见对于 文字 以及 图片 两种的测量，图片的测量一般情况比较简单不多说，主要现说一下文字的测量。
[Android自定义View] 计算View尺寸方法onMeasure()
Sugar_Joe
05-21 5341
计算View尺寸方法onMeasure()
对View的onMeasure方法理解
08-28 9057
<br />   我们知道View在屏幕上显示出来要先经过measure和layout. 在调用onMeasure(int widthSpec, int heightSpec)方法时，要涉及到MeasureSpec的使用，MeasureSpec有3种模式分别是UNSPECIFIED, EXACTLY和AT_MOST, 那么这些模式和我们平时设置的layout参数fill_parent, wrap_content有什么关系呢。经过代码测试就知道，当我们设置width或height为fill_parent时，容
Android View.onMeasure方法详解及实例
08-30
Android View.onMeasure 方法详解及实例 Android View.onMeasure 方法是 View 类中非常重要的一个方法，它主要用于测量 View 的尺寸。在安卓系统中，View 在屏幕上显示之前需要经过测量（measure）和布局（layout）...
Android View 的onMeasure方法详解和例子解释
09-25
在Android开发中，`onMeasure()`方法是布局和视图尺寸计算的核心，它负责确定一个View的精确宽度和高度。本文将深入解析`onMeasure()`的工作原理，通过一个实例来帮助理解这一关键过程。 首先，`onMeasure()`方法在...
Android 自定义View的使用介绍
09-05
可以通过重写`onMeasure()`方法来确定视图的宽度和高度。 3. **触摸事件处理**：如果需要响应用户的触摸操作，重写`onTouchEvent()`方法并处理相应的事件。 4. **性能优化**：在`onDraw()`中，避免执行昂贵的操作...
Android View绘制2　onMeasure()流程
liuwg1226的专栏
03-09 386
一　MeasureSpec 对于测量我们来说几个知识点,了解这几个知识点，之后的实例分析你才看得懂。 1、MeasureSpec 的理解 对于View的测量，肯定会和MeasureSpec接触，MeasureSpec是两个单词组成，翻译过来“测量规格”或者“测量参数”，很多博客包括官方文档对他的说明基本都是“一个MeasureSpec封装了从父容器传递给子容器的布局要求”,这个MeasureSpec 封装的是父容器传递给子容器的布局要求，而不是父容器对子容器的布局要求，“传递” 两个字很重要，更精确的说法应
view的measure
10-23 246
本篇文章算是对 Android自定义控件学习笔记三 的补充和完善。一般一个View的呈现基本需要三大流程measure、layout、draw，measure作为View的三大工作流程之一，也是三大流程中第一个流程，主要用于确定View的测量宽/高，该流程的执行情况将直接影响后续的两个流程，可谓是重中之重,不可不察也。其余的两个流程layout用于确定View的最终宽高和四个顶点的位置，Draw则
android view 原理 -- measure 分析与应用
文涛的专栏
05-26 2171
1 概述measure方法，主要是用于测量android中view的大小，为后面的layout做好准备，这里我们主要来看measure的流程。2 分析查看view中的方法， public final void measure(int widthMeasureSpec, int heightMeasureSpec) 这个方法是测量方法，但是这里这个方法是final的，也就是说无法重写，其实这里面最终是
android measure类型,Android系统_View.measure解析
weixin_39940957的博客
05-31 76
图文概览View测量流程measure性质：final方法，View测量初始方法作用：基本逻辑计算，是否重新测量，调用onMeasure，缓存测量规格onMeasure性质：测量方法，子类可复写实现自己的测量方式作用：进行测量规格计算，调用getDefaultSize和setMeasureDimensiongetDefaultSize作用：根据View的测量规格计算宽/高值setMeasureDi...
Android自定义View深度解析（三、深入解析控件测量onMeasure）
热门推荐
openXu的专栏
05-24 4万+
转载请标明出处： http://blog.csdn.net/xmxkf/article/details/51468648 本文出自:【openXu的博客】 目录：onMeasure什么时候会被调用 onMeasure方法执行流程 MeasureSpec类 从ViewGroup的onMeasure到View的onMeasure ViewGroup中三个测量子控件的方法 getChi
TextView源码(onMeasure)
sinat_31131353的博客
12-06 344
TextView源码 记录一些问题，以后来看，现在看得有点晕 自适应，设置可点击文字，点击之后字号变小；添加includeFontPadding=false之后可以暂时解决，但是如果文本很长，原来的框显示不下的话，会截断前面的。猜测是setMovementMethod(LinkMovementMethod.getInstance())的原因，但具体原因未知 自适应，maxLines=2在两行还未占满之前通过append()添加文字字号会变小，原因未知；append()之后调用requestlayout()
使用camera2设置全屏TextureView却不显示为全屏的解决办法
白水的博客
01-30 4298
找到自己TextureView的onMeasure()方法，如果使用的是官方demo，那代码应该如下： @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); int ...
Android图形graphics--自定义TextView,onMeasure和onDraw
yinzhijiezhan的专栏
04-04 1202
一：自定义属性 二：自定义控件 public class CustomTitleView extends View { /** * 文本 */ private String mTitleText; /** * 文本的颜色 */ private int
android resolvesize方法,Android 自定义View中onMeasure()中使用resolveSize()是什么意思?
最新发布
05-24
在 Android 中，`View` 的 `onMeasure()` 方法是用来确定 `...在 `onMeasure()` 方法中使用 `resolveSize()` 方法可以确保 `View` 在测量时遵循测量规格，并返回正确的大小值，从而保证 `View` 在布局中正确地显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值