为什么这些观点不一致？

Question

我不明白为什么我需要做才能让 TableLayout 中的视图完美对齐。

我有一个与此类似的布局：

<TableLayout android:id="@+id/keyboard"
     android:layout_width="fill_parent"
     android:layout_height="378px">
    <TableRow android:layout_span="5" >
      <TextView android:id="@+id/button20"
          android:layout_width="63px"
          android:layout_height="42px"
          android:textSize="10"
          android:text="L1" />
      <TextView android:id="@+id/button21"
          android:layout_width="63px"
          android:layout_height="42px"
          android:textSize="12"
          android:text="L2" />
      <TextView android:id="@+id/button22"
          android:layout_width="63px"
          android:layout_height="42px"
          android:textSize="12"
          android:text="L3" />
      <TextView android:id="@+id/button23"
          android:layout_width="63px"
          android:layout_height="42px"
          android:textSize="12"
          android:text="L4" />
      <TextView android:id="@+id/button24"
          android:layout_width="63px"
          android:layout_height="42px"
          android:textSize="12"
          android:text="L5" />
    </TableRow>
</TableLayout>

现在，在绘制时，第一个 TextView 显示的位置比所有其他 TextView 低 2 个像素。 重写 onLayout 方法；我看到第一个视图正在调用 onLayout： 顶部 = 2 ；底部 = 44 ；而其他所有的都是 top = 0 ；底部 = 42。

只要字体大小与其他字体稍有不同，就会发生这种情况；或者如果文本换行到另一行（因为它不适合宽度）。 所有 TextView 具有相同的尺寸；但有些显示的略低于另一个。

如果有区别的话，此布局位于RelativeLayout 内。

我尝试了很多不同的组合，但总是会出现一些差异。 任何帮助将不胜感激。

谢谢 ！ 杰宇

Answer 1

看起来文本视图在其基线上对齐。因此，如果文本较小，则文本视图内的基线会较高。因此，文本视图将放置在较低的位置，以匹配其他具有较高文本的文本视图的基线。

为了防止行中的基线对齐，请尝试将 TableRow 行更改为：

<TableRow android:layout_span="5" android:baselineAligned="false" >

缺点当然是文本看起来可能不再对齐。