TableRow内ImageButton尺寸不均求助：为何两宽两窄？

核心原因 #

你给TableRow设置的android:layout_weight="1"是作用在TableRow自身（用于控制它在父布局中的占比），并没有对内部的4个ImageButton生效。而ImageButton使用wrap_content作为宽度时，TableRow会根据自身剩余空间和子View的默认尺寸自动分配宽度，一旦空间不足，部分按钮会被挤压，就出现了大小不一的情况。另外，TableRow默认的列宽分配逻辑没有强制统一宽度，也是导致该问题的关键。

解决办法 #

• 给每个ImageButton分配宽度权重
  将每个ImageButton的android:layout_width设为0dp，同时添加android:layout_weight="1"，让四个按钮平分TableRow的可用宽度：

  <TableRow
      android:layout_weight="1"
      android:gravity="center">
  
      <ImageButton
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_weight="1"
          android:contentDescription="Icon"
          android:src="@drawable/ic_android" />
      <!-- 其余三个ImageButton复制上述宽度和权重属性即可 -->
  </TableRow>
  

• 统一图标缩放规则
  为避免图标拉伸/压缩造成视觉上的大小差异，给每个ImageButton添加缩放属性：

  android:scaleType="fitCenter"
  

• 优化父布局约束
  如果TableRow的父布局是TableLayout，添加android:stretchColumns="*"属性，让所有列自动拉伸填充可用空间，进一步确保列宽一致：

  <TableLayout
      ...
      android:stretchColumns="*">
  

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