Android自定义View画布尺寸适配与文本包裹问题

一、让画布尺寸适配XML布局属性 #

核心问题是你在绘制时硬编码了100×100的固定坐标，完全忽略了View自身的实际布局尺寸。要让XML的layout_width/layout_height生效，需要做两点：

1. 用View实际宽高替代固定值 #

在onDraw方法中，改用View的getWidth()和getHeight()获取布局后的实际尺寸，同时要考虑View的内边距（padding）：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    Paint rectPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    rectPaint.setColor(Color.RED);
    
    // 绘制适配View尺寸的矩形，包含内边距
    int left = getPaddingLeft();
    int top = getPaddingTop();
    int right = getWidth() - getPaddingRight();
    int bottom = getHeight() - getPaddingBottom();
    canvas.drawRect(left, top, right, bottom, rectPaint);
    
    // 绘制文本（后续优化居中逻辑）
    Paint textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    textPaint.setColor(Color.BLACK);
    String text = "需要显示的文本内容";
    canvas.drawText(text, left, top + 50, textPaint);
}

2. 重写onMeasure处理wrap_content #

默认情况下，自定义View的wrap_content会和match_parent表现一致，因为系统不知道你需要的最小尺寸。必须重写onMeasure，根据文本内容计算所需尺寸：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    String text = "需要显示的文本内容"; // 建议通过自定义属性传入
    Paint textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    
    // 计算文本实际宽度
    float textWidth = textPaint.measureText(text);
    // 通过FontMetrics计算文本实际高度
    Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();
    float textHeight = fontMetrics.bottom - fontMetrics.top;
    
    // 加上内边距得到View的期望尺寸
    int desiredWidth = (int) (textWidth + getPaddingLeft() + getPaddingRight());
    int desiredHeight = (int) (textHeight + getPaddingTop() + getPaddingBottom());
    
    // 根据系统测量模式确定最终尺寸
    int finalWidth = resolveSize(desiredWidth, widthMeasureSpec);
    int finalHeight = resolveSize(desiredHeight, heightMeasureSpec);
    
    setMeasuredDimension(finalWidth, finalHeight);
}

resolveSize方法会自动处理EXACTLY（固定尺寸/match_parent）、AT_MOST（wrap_content）两种模式，简化测量逻辑。

二、让矩形完全包裹文本 #

要实现矩形包裹文本，核心是让矩形尺寸与文本尺寸对齐，同时保留内边距灵活性：

1. 精准计算文本基线位置 #

绘制文本时要让文本在矩形内垂直居中，需通过FontMetrics计算基线坐标：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    String text = "需要显示的文本内容";
    Paint rectPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    rectPaint.setColor(Color.RED);
    Paint textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    textPaint.setColor(Color.BLACK);
    
    // 计算文本宽高
    float textWidth = textPaint.measureText(text);
    Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();
    float textHeight = fontMetrics.bottom - fontMetrics.top;
    
    // 计算矩形坐标（考虑内边距）
    int left = getPaddingLeft();
    int top = getPaddingTop();
    int right = getWidth() - getPaddingRight();
    int bottom = getHeight() - getPaddingBottom();
    
    // 绘制矩形
    canvas.drawRect(left, top, right, bottom, rectPaint);
    
    // 计算垂直居中的基线位置
    float baseline = top + (bottom - top - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top;
    // 绘制文本（可根据需求改为水平居中）
    canvas.drawText(text, left, baseline, textPaint);
}

2. 适配两种布局模式 #

• 当XML设置layout_width="match_parent"时，矩形会填满View宽度（减去内边距），文本在矩形内显示；
• 当设置layout_width="wrap_content"时，View宽度自动适配文本宽度（加上内边距），矩形自然包裹文本。

额外优化：通过自定义属性传入文本 #

为了让View更灵活，建议添加自定义属性设置文本：

1. 在res/values/attrs.xml定义属性：

<declare-styleable name="RectangleTextView">
    <attr name="rectText" format="string" />
</declare-styleable>

2. 在View构造方法中获取属性：

private String mText;
public RectangleTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.RectangleTextView);
    mText = ta.getString(R.styleable.RectangleTextView_rectText);
    ta.recycle();
}

3. XML中使用：

<com.my.RectangleTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="8dp"
    app:rectText="这是一段需要显示的长文本" />

内容的提问来源于stack exchange，提问作者Sue007