Android 自定义View的测量 — onMeasure() 实践指南

Android 自带的 View（ImageView、TextView 等）有自己默认的测量逻辑，但在以下场景就不够用了：

根据你的起点不同，自定义测量分为两大类：

选型指南：如果你只是在现有组件基础上微调（如限制为正方形、限制最大宽高比），用模式一更省事。如果你从零开始画内容（如画圆、画自定义图形），用模式二。

要让一个 View 变成正方形，有两种技术方案：

也能变成正方形，但风险较大：

• 父容器可能已经根据原始测量值规划好了相邻控件的位置
• 你擅自修改实际占用区域，容易导致重叠、空白或布局错乱
• 这相当于"先答应父容器说我只占这么点地，等父容器分配完了又反悔多占"

在社交应用、电商应用中，头像、商品图经常需要正方形显示。但用户上传的图片比例千奇百怪（16:9、4:3、1:1…），ImageView 默认按比例缩放，无法保证正方形。

解决方案：继承 AppCompatImageView，重写 onMeasure()，在测量完毕后重新测量一次，让较短的一边对齐较长的一边。

import android.content.Context;
import android.util.AttributeSet;
import androidx.appcompat.widget.AppCompatImageView;

/**
 * 正方形 ImageView
 * 原理：在父类测量完毕后，取宽高的较大值作为正方形的边长，强制设为正方形
 * 效果：较短边对齐较长边，无论源图比例如何，最终显示为正方形
 */
public class SquareImageView extends AppCompatImageView {

    public SquareImageView(Context context) {
        super(context);
    }

    public SquareImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public SquareImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 1. 先让父类按照原测量规格进行测量（内部已调用一次 setMeasuredDimension）
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        // 2. 获取测量后的宽高
        int measuredWidth = getMeasuredWidth();
        int measuredHeight = getMeasuredHeight();

        // 3. 取较大值作为正方形的边长
        int size = Math.max(measuredWidth, measuredHeight);

        // 4. 将宽高都设置为这个较大值（即让较短边对齐较长边）
        setMeasuredDimension(size, size);
    }
}

<!-- 在布局文件中使用，和普通 ImageView 完全一样 -->
<com.yourpackage.SquareImageView
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:src="@drawable/user_avatar"
    android:scaleType="centerCrop"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toStartOf="parent" />

即使用户头像是一张 16:9 的横图，SquareImageView 也会把它显示为一个 200dp × 200dp 的正方形（配合 centerCrop 居中裁剪）。

import android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.util.AttributeSet
import android.util.TypedValue
import android.view.View

/**
 * 自定义圆形 View
 * 根据圆的半径 + padding 计算自身期望尺寸
 * 这是"完全自定义尺寸计算"的标准模板
 */
class CircleView(context: Context, attrs: AttributeSet? = null) : View(context, attrs) {

    private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
    private val radius = 100f.dpToPx()   // 圆的半径
    private val padding = 100f.dpToPx()  // 圆周围的内边距

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        // 1. 根据内部图形尺寸计算 View 的期望尺寸
        //    直径 + 两侧 padding = 总尺寸
        val size = ((padding + radius) * 2).toInt()

        // 2. 使用 resolveSize() 将期望尺寸与父容器约束协商
        //    它内部处理了 EXACTLY / AT_MOST / UNSPECIFIED 三种模式
        val width = resolveSize(size, widthMeasureSpec)
        val height = resolveSize(size, heightMeasureSpec)

        // 3. 设置最终测量结果
        setMeasuredDimension(width, height)
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        // 绘制时从 padding 偏移位置开始画圆
        canvas.drawCircle(
            padding + radius,  // centerX
            padding + radius,  // centerY
            radius,            // 半径
            paint
        )
    }

    // dp 转 px 扩展函数
    private fun Float.dpToPx(): Float {
        return TypedValue.applyDimension(
            TypedValue.COMPLEX_UNIT_DIP,
            this,
            resources.displayMetrics
        )
    }
}

任何从 View 直接派生的自定义组件，测量流程都遵循以下四步：

用代码模板表示：

override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
    // ① 步骤在这里（重写 onMeasure）

    // ② 计算期望尺寸：内部图形需要的空间 + padding
    val desiredWidth = contentWidth + paddingLeft + paddingRight
    val desiredHeight = contentHeight + paddingTop + paddingBottom

    // ③ 用 resolveSize 与父容器协商（处理三种 MeasureSpec 模式）
    val finalWidth = resolveSize(desiredWidth, widthMeasureSpec)
    val finalHeight = resolveSize(desiredHeight, heightMeasureSpec)

    // ④ 设置最终测量结果
    setMeasuredDimension(finalWidth, finalHeight)
}

假设你直接在 onMeasure中写 setMeasuredDimension(500, 500)，完全忽略 MeasureSpec：

MeasureSpec 是一个 32 位 int，高 2 位存 mode，低 30 位存 size。通过 MeasureSpec.getMode()和 MeasureSpec.getSize()提取。

// ViewGroup 中计算子 View MeasureSpec 的核心逻辑（简化版）
int getChildMeasureSpec(int parentMeasureSpec, int padding, int childLayoutParam) {
    int specMode = MeasureSpec.getMode(parentMeasureSpec);
    int specSize = MeasureSpec.getSize(parentMeasureSpec);
    int availableSize = Math.max(0, specSize - padding); // 扣除父容器 padding

    if (childLayoutParam == LayoutParams.MATCH_PARENT) {
        // match_parent → 模式和父容器相同，尺寸为可用空间
        return MeasureSpec.makeMeasureSpec(availableSize, specMode);
    } else if (childLayoutParam == LayoutParams.WRAP_CONTENT) {
        // wrap_content → 模式为 AT_MOST（不能超出可用空间）
        return MeasureSpec.makeMeasureSpec(availableSize, MeasureSpec.AT_MOST);
    } else {
        // 固定值 → EXACTLY
        return MeasureSpec.makeMeasureSpec(childLayoutParam, MeasureSpec.EXACTLY);
    }
}

// View.java — resolveSizeAndState 源码（API 29+）
public static int resolveSizeAndState(int size, int measureSpec, int childMeasuredState) {
    final int specMode = MeasureSpec.getMode(measureSpec);
    final int specSize = MeasureSpec.getSize(measureSpec);
    final int result;
    switch (specMode) {
        case MeasureSpec.AT_MOST:
            // 期望尺寸超出可用空间 → 返回可用空间并标记"空间不足"
            if (specSize < size) {
                result = specSize | MEASURED_STATE_TOO_SMALL;
            } else {
                // 期望尺寸在可用空间内 → 返回期望尺寸
                result = size;
            }
            break;
        case MeasureSpec.EXACTLY:
            // 精确模式 → 必须遵守父容器指定的大小
            result = specSize;
            break;
        case MeasureSpec.UNSPECIFIED:
        default:
            // 无约束 → 返回自己的期望尺寸
            result = size;
    }
    // 将子 View 的测量状态合并进去（保留高位的状态标志）
    return result | (childMeasuredState & MEASURED_STATE_MASK);
}

// View.java — resolveSize 源码
// 本质就是 resolveSizeAndState，只是不传递状态
public static int resolveSize(int size, int measureSpec) {
    return resolveSizeAndState(size, measureSpec, 0) & MEASURED_SIZE_MASK;
}

大多数自定义 View 用 resolveSize()就够了。但以下场景需要 resolveSizeAndState()：

• 自定义 ViewGroup：如果不传递状态，会导致顶层容器不知道内部发生了"空间溢出"，可能就不会触发省略号显示、软键盘调整布局等系统行为
• ScrollView / RecyclerView 内的 View：需要告知父容器"我装不下了"，触发滚动行为

实际上大部分人不用它，因为多数场景下你的 View 尺寸是固定的，不会溢出。但了解它的存在和原理有助于理解 Android 测量系统的完整性。

在 SquareImageView 的 onMeasure()中：

int measuredWidth = getMeasuredWidth();   //  正确
int measuredHeight = getMeasuredHeight(); //  正确
// 不能用 getWidth() / getHeight()，因为此时还没有 layout！

onMeasure()发生在 layout()之前，此时 getWidth()返回 0。我们必须用 getMeasuredWidth()获取 super.onMeasure() 刚刚设置的值。