如何在 Android 的 TableRow 中限制按钮的宽度？

Question

我希望按钮的宽度尽可能小。我在布局文件中的 XML 是：

<TableRow
    android:id="@+id/tableRow7"
    android:paddingLeft="5dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <Button
        android:layout_width="40dp"
        android:layout_height="wrap_content"
        android:text="@string/button_ok"
        android:layout_column="0"
        android:id="@+id/buttonOK" />

    <Button
        android:layout_width="20dp"
        android:maxWidth="20dp"
        android:layout_height="wrap_content"
        android:text="@string/button_cancel"
        android:layout_column="1"
        android:id="@+id/buttonCancel" />
</TableRow>

我已经为 layout_width 值尝试了“wrap_content”和“fill_parent”，但它们没有帮助。如您所见，我也尝试了“maxWidth”属性，但无济于事。这是它的样子：

那么如何将按钮的宽度限制为“刚好足够”以包含其文本？我希望“取消”按钮的宽度与“确定”按钮的宽度大致相同，或者尽可能多一些以包含其文本。

Answer 1

那么如何将按钮的宽度限制为“刚好足够”以包含其文本？

理想情况下，从表格中删除它（和确定按钮）。

TableLayout 背后的意义在于为您提供类似于 HTML 表格的特征，尤其是对于像我这样在 1990 年代 CSS 之前的 Web 开发中过度使用 HTML 表格的白胡子人士。

在 HTML 表格中，单元格会展开以填充列中最宽的单元格的宽度。这里也一样——取消按钮的宽度由它的列决定，我认为它位于由条形图的条形控制的列中。

从屏幕截图中，TableLayout 中唯一应该是四行条形图本身。 “编辑列表”标签 (?)、单选按钮和确定/取消按钮应位于 TableLayout 下方。如果您希望“确定”和“取消”按钮的宽度相同，请为它们使用水平的LinearLayout，为它们各自指定宽度0dp，并为它们各自指定权重1。

Answer 2

我知道了 - 边距属性可以是你的朋友。我将其添加到“取消”按钮中，该按钮已简化为：

<Button
    android:layout_marginRight="9![enter image description here][1]0dp"
    android:text="@string/button_cancel"
    android:layout_column="1"
    android:id="@+id/buttonCancel" />

...现在我更喜欢它了：

更新

Common swear 有一个好主意：

<LinearLayout
    android:id="@+id/tableRow7"
    android:paddingLeft="112dp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_ok"
        android:id="@+id/buttonOK" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_cancel"
        android:id="@+id/buttonCancel" />
</LinearLayout>