深入理解Android自定义View：onMeasure、onLayout与onDraw详解

原创于 2025-05-08 13:02:06 发布 · 1.1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#android

Android 专栏收录该内容

47 篇文章

订阅专栏

在Android开发中，自定义View是创建独特UI组件的强大工具。本文将深入探讨自定义View的三个核心方法：onMeasure、onLayout和onDraw，并重点讲解如何正确处理wrap_content这一常见但容易出错的问题。

一、自定义View基础

自定义View通常用于以下场景：

系统提供的标准View无法满足需求
需要高度定制化的UI组件
创建可重用的特殊UI组件
实现特殊的动画或交互效果

Android提供了完善的View系统，让我们可以通过继承View或现有View类来实现自定义功能。

二、自定义View三大核心方法

1. onDraw：绘制View内容

onDraw(Canvas canvas)是自定义View中最常用的方法，负责绘制View的视觉内容。

关键点：

使用Canvas对象进行绘制操作
使用Paint对象定义绘制样式
避免在onDraw中创建新对象（防止内存抖动）
需要重绘时调用invalidate()或postInvalidate()

示例代码：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    
    Paint paint = new Paint();
    paint.setColor(Color.RED);
    paint.setStyle(Paint.Style.FILL);
    
    // 考虑padding
    int centerX = getWidth() / 2;
    int centerY = getHeight() / 2;
    int radius = Math.min(getWidth(), getHeight()) / 2 - getPaddingLeft();
    
    canvas.drawCircle(centerX, centerY, radius, paint);
}

2. onLayout：确定子View位置

onLayout(boolean changed, int left, int top, int right, int bottom)主要用于ViewGroup，确定子View的布局位置。

关键点：

单一View通常不需要重写此方法
ViewGroup必须重写以安排子View位置
需要调用每个子View的layout()方法
参数changed表示View的大小或位置是否改变

示例代码：

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    // 对每个子View进行布局
    for (int i = 0; i < getChildCount(); i++) {
        View child = getChildAt(i);
        // 计算子View的位置
        int childLeft = ...;
        int childTop = ...;
        int childRight = ...;
        int childBottom = ...;
        child.layout(childLeft, childTop, childRight, childBottom);
    }
}

3. onMeasure：测量View尺寸

onMeasure(int widthMeasureSpec, int heightMeasureSpec)是View尺寸测量的核心方法，也是本文的重点。

关键点：

必须调用setMeasuredDimension()保存测量结果
需要处理三种MeasureSpec模式
必须正确处理padding和margin
wrap_content需要特别处理

三、深入理解onMeasure与wrap_content

1. MeasureSpec解析

MeasureSpec是一个32位int值，包含两部分：

高2位：测量模式（Mode）
低30位：尺寸大小（Size）

三种测量模式：

EXACTLY：精确尺寸（match_parent或具体数值）
AT_MOST：最大尺寸（wrap_content）
UNSPECIFIED：无限制（少见，如ScrollView测量子View时）

2. wrap_content的常见问题

很多开发者会发现，自定义View中使用wrap_content时，View会填满父容器，表现与match_parent相同。这是因为默认实现直接使用了父容器给出的建议尺寸。

错误示例：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // 这样wrap_content不会按预期工作
    int width = MeasureSpec.getSize(widthMeasureSpec);
    int height = MeasureSpec.getSize(heightMeasureSpec);
    setMeasuredDimension(width, height);
}

3. 正确处理wrap_content的方法

完整解决方案：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // 1. 计算View的理想内容尺寸（不考虑padding）
    int desiredWidth = calculateDesiredWidth();  // 你的计算逻辑
    int desiredHeight = calculateDesiredHeight(); // 你的计算逻辑
    
    // 2. 考虑padding
    desiredWidth += getPaddingLeft() + getPaddingRight();
    desiredHeight += getPaddingTop() + getPaddingBottom();
    
    // 3. 处理宽度MeasureSpec
    int widthMode = MeasureSpec.getMode(widthMeasureSpec);
    int widthSize = MeasureSpec.getSize(widthMeasureSpec);
    int finalWidth;
    
    if (widthMode == MeasureSpec.EXACTLY) {
        // 精确模式：使用给定的尺寸
        finalWidth = widthSize;
    } else if (widthMode == MeasureSpec.AT_MOST) {
        // 最大模式（wrap_content）：取最小值
        finalWidth = Math.min(desiredWidth, widthSize);
    } else {
        // 无限制模式：使用理想尺寸
        finalWidth = desiredWidth;
    }
    
    // 4. 同样处理高度MeasureSpec
    int heightMode = MeasureSpec.getMode(heightMeasureSpec);
    int heightSize = MeasureSpec.getSize(heightMeasureSpec);
    int finalHeight;
    
    if (heightMode == MeasureSpec.EXACTLY) {
        finalHeight = heightSize;
    } else if (heightMode == MeasureSpec.AT_MOST) {
        finalHeight = Math.min(desiredHeight, heightSize);
    } else {
        finalHeight = desiredHeight;
    }
    
    // 5. 保存最终测量结果
    setMeasuredDimension(finalWidth, finalHeight);
}

简化版本（使用resolveSize）：

Android提供了resolveSize()方法来简化这个过程：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // 计算内容所需尺寸
    int desiredWidth = calculateDesiredWidth() + getPaddingLeft() + getPaddingRight();
    int desiredHeight = calculateDesiredHeight() + getPaddingTop() + getPaddingBottom();
    
    // 使用resolveSize处理wrap_content
    int width = resolveSize(desiredWidth, widthMeasureSpec);
    int height = resolveSize(desiredHeight, heightMeasureSpec);
    
    setMeasuredDimension(width, height);
}

4. 实际案例：支持wrap_content的圆形View

public class CircleView extends View {
    private Paint paint;
    private int defaultRadius = 100; // 默认半径
    
    public CircleView(Context context) {
        super(context);
        init();
    }
    
    public CircleView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    
    private void init() {
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.RED);
    }
    
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 计算内容所需尺寸（直径 + padding）
        int desiredWidth = defaultRadius * 2 + getPaddingLeft() + getPaddingRight();
        int desiredHeight = defaultRadius * 2 + getPaddingTop() + getPaddingBottom();
        
        // 使用resolveSize处理wrap_content
        int width = resolveSize(desiredWidth, widthMeasureSpec);
        int height = resolveSize(desiredHeight, heightMeasureSpec);
        
        setMeasuredDimension(width, height);
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        
        // 考虑padding
        int availableWidth = getWidth() - getPaddingLeft() - getPaddingRight();
        int availableHeight = getHeight() - getPaddingTop() - getPaddingBottom();
        
        int centerX = getPaddingLeft() + availableWidth / 2;
        int centerY = getPaddingTop() + availableHeight / 2;
        int radius = Math.min(availableWidth, availableHeight) / 2;
        
        canvas.drawCircle(centerX, centerY, radius, paint);
    }
}