Android开发：如何避免TextView/井字棋单元格setText后尺寸变化？

嘿，这个问题我之前做井字棋Demo的时候也踩过坑！本质是TextView默认会根据内容自动调整自身尺寸，咱们得从布局约束和TextView属性两方面把单元格的尺寸彻底“锁死”，具体方案如下：

1. 布局层面固定方形单元格尺寸 #

要实现占满屏幕宽度的方形棋盘，每个单元格的宽高应该是屏幕宽度的1/3，而且必须强制宽高相等。推荐用ConstraintLayout来实现，它的约束比例属性能完美搞定方形需求：

<!-- 父布局为ConstraintLayout，宽度设置为match_parent -->
<TextView
    android:id="@+id/cell_0"
    android:layout_width="0dp"
    android:layout_height="0dp"
    <!-- 让宽度占父布局的1/3 -->
    app:layout_constraintWidth_percent="0.333"
    <!-- 强制宽高1:1，确保是方形 -->
    app:layout_constraintDimensionRatio="1:1"
    <!-- 配置相邻约束，比如和父布局/其他单元格对齐 -->
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/cell_1"/>

如果用LinearLayout的话，可以给每个TextView设置layout_weight="1"+layout_width="0dp"，再在代码里动态把高度设为宽度值（LinearLayout没法直接设置宽高比例），不过ConstraintLayout的方案更省心。

2. 配置TextView属性，避免内容影响尺寸 #

光布局固定还不够，TextView本身的一些默认属性也会导致尺寸波动，得加上这些配置：

• android:maxLines="1"：限制文本只能显示一行，防止换行撑高单元格
• android:gravity="center"：让文本居中显示，避免文本偏移导致视觉上的尺寸变化
• android:includeFontPadding="false"：去掉TextView默认给字体加的上下内边距，很多时候这个padding会让单元格看起来“变大”
• android:textSize：设置一个合适的固定字号，确保最大的字符能完全显示在单元格内（比如设为单元格宽度的60%左右，可根据视觉效果调整）

示例配置：

<TextView
    <!-- 上面的布局约束 -->
    android:maxLines="1"
    android:gravity="center"
    android:includeFontPadding="false"
    android:textSize="@dimen/cell_text_size"/>

在res/values/dimens.xml里定义字号：

<dimen name="cell_text_size">60sp</dimen>

3. 代码层面的补充保障 #

如果布局和属性都设置好了，但还是偶尔出现尺寸变化，可以在setText前强制锁定LayoutParams：

// 获取单元格的目标宽度（屏幕宽度/3）
val screenWidth = Resources.getSystem().displayMetrics.widthPixels
val cellSize = screenWidth / 3

// 强制设置LayoutParams
val params = cellTextView.layoutParams
params.width = cellSize
params.height = cellSize
cellTextView.layoutParams = params

// 再设置文本
cellTextView.setText("X")

备选方案：用Drawable替代文本（极端情况） #

如果你的字符特别大（比如自定义的特殊符号），哪怕设置了字号还是会撑大单元格，可以把X/O做成Drawable资源，用setCompoundDrawables或者setBackground来显示，这样完全不会影响单元格尺寸：

// 获取X的Drawable
val xDrawable = ContextCompat.getDrawable(this, R.drawable.ic_tic_tac_toe_x)
// 设置Drawable的大小（比如单元格的80%）
xDrawable?.setBounds(0, 0, cellSize * 4 / 5, cellSize * 4 / 5)
// 把Drawable设置到TextView中心
cellTextView.setCompoundDrawables(null, null, null, xDrawable)

这样操作后，不管你往单元格里放什么内容，尺寸都能保持固定的方形啦！

内容的提问来源于stack exchange，提问作者Johannes Müller