Question

在我的用户界面中，我有一个包含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移动小部件内的文本，但是您无法使用按钮执行此操作，因为背景和边框是可见的在屏幕上。

Answer 1

事实证明，添加LinearLayout是错误的方法。使用android:layout_toRightOf="@+id/button_left" android:layout_alignParentRight="true"可以正常使用TextView，因为它可以在不改变其外观的情况下吸收可用空间。我只需要使用可扩展的东西来填充可用空间并包含Button：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，为了最大限度地减少布局中ViewGroup的数量，我会接受这个作为解决方案。

Answer 2

您可以使用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" />

Answer 3

如果您可以使用约束，右键只占用可用空间的一半，这可能是您的解决方案：

<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>

带有动态文本的右对齐按钮

3 个答案: