如何在自定义正方形TextView中实现文本居中？

嘿，我来帮你搞定这个圆形TextView里文本居中的问题！

首先咱们明确核心需求：你的TextView要靠约束和另一个TextView上下对齐，同时宽高一致来适配oval背景成圆形，现在要让文本在圆形里完美居中。下面分几种情况排查和解决：

一、先检查基础TextView属性设置 #

最容易踩坑的就是gravity属性没配置对，或者被其他布局属性覆盖了：

• 如果是XML布局，直接给你的自定义TextView加：android:gravity="center"，这个属性会让文本在TextView内部同时水平+垂直居中，是最直接的解决方案。
• 如果是代码动态创建的TextView，记得调用setGravity(Gravity.CENTER)。

二、排查布局约束是否影响宽高一致性 #

你提到高度和另一个TextView对齐，宽度要和高度一致，这里用ConstraintLayout的话要注意约束写法：

• 正确的约束组合应该是：
  • 顶部绑定目标TextView顶部：app:layout_constraintTop_toTopOf="@id/target_tv"
  • 底部绑定目标TextView底部：app:layout_constraintBottom_toBottomOf="@id/target_tv"
  • 宽度设为0dp（match_constraint），再加上app:layout_constraintDimensionRatio="1:1"，这样宽度会自动匹配高度，保证TextView是正方形，oval背景才能显示成标准圆形。
  • 别忘记把TextView的android:layout_width和android:layout_height都设为0dp，让约束规则生效。

三、检查自定义TextView的代码是否有干扰 #

如果你的自定义TextView重写了onMeasure或者onDraw方法，可能不小心改变了文本的绘制逻辑：

• 重写onMeasure时，要确保强制宽高相等，比如：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    int size = Math.min(getMeasuredWidth(), getMeasuredHeight());
    setMeasuredDimension(size, size);
}

这个方法会让TextView的宽高取两者的最小值，强制变成正方形，配合oval背景就是圆形。

• 如果重写了onDraw，要么别忘记调用super.onDraw(canvas)，要么自己绘制文本时计算好居中坐标，比如：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    String text = getText().toString();
    Paint paint = getPaint();
    float textWidth = paint.measureText(text);
    // 计算水平居中的x坐标
    float x = (getWidth() - textWidth) / 2;
    // 计算垂直居中的y坐标（要考虑Paint的基线）
    float y = (getHeight() + paint.getTextSize() / 2) / 2;
    canvas.drawText(text, x, y, paint);
}

不过更推荐直接用gravity属性，避免自己绘制时踩基线计算的坑。

四、检查shape_circle.xml的写法 #

确保你的oval形状没有设置固定大小或额外padding，比如正确的写法应该是：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#FF4081"/> <!-- 圆形背景色 -->
    <!-- 不要设置android:width/android:height，让它自适应TextView的大小 -->
</shape>

如果shape里写了固定宽高，会导致背景和TextView大小不匹配，视觉上看起来文本没居中。

总结调整步骤 #

1. 给TextView加上android:gravity="center"；
2. 用ConstraintLayout的layout_constraintDimensionRatio="1:1"确保宽高相等；
3. 检查自定义TextView的代码是否干扰了布局或绘制逻辑；
4. 确认oval背景没有固定大小设置。

按照上面的步骤调整后，文本应该就能完美居中在圆形里啦！

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