1

在我的用户界面中，我有一个带有 RelativeLayout 的片段。在这个 RelativeLayout 的底部，我有两个按钮：一个应该在左边，另一个在右边，它们之间有空白。左边有静态文本（但因为应用程序会被翻译，我不知道它会是什么宽度）。右边的文字可以任意改变。

由于我已经有一个 RelativeLayout，我开始尝试将它们布置在 RelativeLayout 中，如下所示：

<Button
    android:id="@+id/button_left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:text="@string/left" />

<Button
    android:id="@+id/button_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:text="@string/right" />

但这有一个问题，如果右侧按钮中的文本太长，它会与左侧按钮重叠。

接下来我尝试通过添加来限制右侧按钮的左侧边缘android:layout_toRightOf="@+id/button_left"，但是这样，右侧按钮将始终填充可用宽度。当右侧按钮中的文本很短时，我希望它缩小以在它和左侧按钮之间留出间隙。

接下来我尝试使用 LinearLayout，所以我可以在按钮上设置 layout_gravity，如下所示：

<LinearLayout
    android:id="@+id/buttons"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true" >

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

    <Button
        android:id="@+id/button_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:drawableLeft="@drawable/pass"
        android:text="@string/right" />

</LinearLayout>

仍然没有喜悦。我希望这可以工作，但右侧按钮仅停留在左侧按钮的右侧，而不是粘在屏幕的右边缘。我可以在布局编辑器中看到 LinearLayout 正确地填充了屏幕的宽度，但按钮顽固地停留在它的朋友旁边。

我也尝试添加android:layout_weight="1"到右侧按钮，但同样，它总是扩展以填充可用空间。

接下来，我尝试在按钮之间添加一个空视图，以展开并强制向右按钮向右，如下所示：

<LinearLayout
    android:id="@+id/buttons"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true" >

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

    <View
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <Button
        android:id="@+id/button_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="@string/right" />

</LinearLayout>

当文本很短时，这很好用，就像我原来的 RelativeLayout 一样，但是现在当右侧按钮上的文本很长时，它的宽度受屏幕宽度的限制，而不是可用空间，所以它延伸了屏幕的右侧边缘。同样，我可以在布局编辑器中看到 LinearLayout 具有正确的宽度，但是按钮正在向我们的父级边界扩展。即使按钮有 ，也会发生这种情况android:layout_width="match_parent"。奇怪的是，增加右侧按钮上的 layout_gravity 会使其更小，直到它适合可用空间，但当然这也会在文本较小时填充空间。

我不敢相信要做到这一点这么难。我已经在 SO 上看到了六个类似的问题，但它们都有简单的解决方法。如果按钮文本是固定的，您可以手动将边距设置为固定宽度。如果展开的小部件是 TextView 而不是 Button，您可以让它展开并用于android:gravity移动小部件内的文本，但您不能使用按钮执行此操作，因为背景和边框在屏幕上可见。

4

3 回答 3

1

事实证明，添加 LinearLayout 是错误的方法。使用android:layout_toRightOf="@+id/button_left" android:layout_alignParentRight="true"TextView 可以正常工作，因为它可以在不改变外观的情况下吸收可用空间。而不是试图改变布局，我只需要使用可以扩展的东西来填充可用空间并包含按钮：一个 FrameLayout。这是工作代码，它仍然在我的根 RelativeLayout 中：

<Button
    android:id="@+id/button_left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:text="@string/left" />

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_toRightOf="@+id/button_left" >

    <Button
        android:id="@+id/Turn_button_pass"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="@string/right" />

</FrameLayout>

现在，FrameLayout 总是占据左侧按钮右侧的所有空间，并使用android:layout_gravity="right".

这个答案只增加了一个额外的布局，但如果有人有办法只使用现有的 RelativeLayout 来最小化布局中的 ViewGroups 的数量，我会接受它作为解决方案。

于 2012-10-01T15:20:12.370 回答
0

您可以只使用 TextView 并使其看起来像一个按钮。创建一个虚拟按钮，提取背景并以编程方式将该背景设置为文本字段。（未经测试，但应该给它一个按钮的外观） 

Drawable d = button1.getBackground();
textView1.setBackground(d);

然后你只需设置 onClickListener ，这应该会产生你正在寻找的东西。TextView 将取代您的第一个布局中的“button_right”。

**编辑

你的 xml 看起来像这样

<Button
 android:id="@+id/button_left"
android:layout_width="wrap_content" 
android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:layout_alignParentLeft="true"
android:text="@string/left" /> 

<TextView
    android:id="@+id/button_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"     
    android:layout_alignParentRight="true" 
    android:maxEms="10"
    android:text="TextView" />
于 2012-10-01T15:09:22.310 回答
0

如果您可以忍受约束，即右侧按钮最多只能占用一半的可用空间，那么这可能是您的解决方案：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_weight="1" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="A short text" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1" >

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="A very long text which is limited to one half of the available space" />

    </RelativeLayout>
</LinearLayout>

于 2012-10-01T15:21:21.173 回答