android相对布局问题与按钮

Question

我的相对布局如下：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:paddingTop="5dp" >

    <View
        android:layout_width="match_parent"
        android:layout_height="1dip"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="4dip"
        android:layout_marginRight="4dip" />

    <View
        android:id="@+id/buttonDivider"
        android:layout_width="1dip"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="4dip"
        android:layout_marginTop="4dip" />

    <Button
        android:id="@+id/btnOpen"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@id/buttonDivider"
        android:text="Open" />

    <Button
        android:id="@+id/btnDelete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true"
        android:layout_alignParentTop="true"
        android:text="Delete" />

    <Button
        android:id="@+id/btnClose"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@id/buttonDivider"
        android:text="Close" />
</RelativeLayout>

它会生成如下按钮：

我尝试修改属性，给予足够的时间但不能正确:(

我怎样才能让它按顺序出现三个按钮，同时占用父节点的宽度（目前它们的分布不均如图像所示）：

Open Delete Close

感谢您的帮助

Answer 1

不要使用相对布局。解决方案是：

1. 为父布局使用水平线性布局。

2. 为线性布局设置android:weightSum="3"。

3. 对于每个按钮组android:layout_width="0dp"和android:layout_weight="1"。这将使它们均匀分布。

Answer 2

您可以使用LinearLayout android:layout_weight属性简单地达到您的要求，如下所示......

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="48dip"
    android:orientation="horizontal"
    android:paddingTop="5dp"
    android:weightSum="3" >

    <Button
        android:id="@+id/btnOpen"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Open" />

    <Button
        android:id="@+id/btnDelete"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Delete" />

    <Button
        android:id="@+id/btnClose"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:text="Close" />

</LinearLayout>

Answer 3

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="48dp"
android:paddingTop="5dp" >

<View
    android:layout_width="match_parent"
    android:layout_height="1dip"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="4dip"
    android:layout_marginRight="4dip" />

<View
    android:id="@+id/buttonDivider"
    android:layout_width="1dip"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="4dip"
    android:layout_marginTop="4dip" />

<Button
    android:id="@+id/btnOpen"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@id/buttonDivider"
    android:text="Open" />

<Button
    android:id="@+id/btnDelete"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/btnOpen"
    android:text="Delete" />

<Button
    android:id="@+id/btnClose"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_toRightOf="@+id/btnDelete"
    android:text="Close" />

Answer 4

在这种情况下，

LinearLayout更容易使用：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="48dp"
android:paddingTop="5dp">

<Button
    android:id="@+id/btnOpen"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="Open" />

<Button
    android:id="@+id/btnDelete"
    android:layout_width="wrap_content"
    android:layout_weight="1"
    android:layout_height="wrap_content"
    android:text="Delete" />

<Button
    android:id="@+id/btnClose"
    android:layout_weight="1"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:text="Close" />
</LinearLayout>

Answer 5

如果您希望将其设置为水平或垂直中心，或者两者都将其相应属性赋予父相对布局。

中心垂直或水平 - android:layout_centerInParent="true"

Horizontal- android:layout_centerHorizontal="true"
Vertical- android:layout_centerVertical="true"

Answer 6

使用以下代码更改代码。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="48dp"
android:paddingTop="5dp" >

<View
    android:layout_width="match_parent"
    android:layout_height="1dip"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="4dip"
    android:layout_marginRight="4dip" />

<View
    android:id="@+id/buttonDivider"
    android:layout_width="1dip"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="4dip"
    android:layout_marginTop="4dip" />

<Button
    android:id="@+id/btnOpen"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="Open" />

<Button
    android:id="@+id/btnDelete"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerInParent="true"
    android:text="Delete" />

<Button
    android:id="@+id/btnClose"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:text="Close" />
</RelativeLayout>

Answer 7

试试这个：

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="0dp"
            android:gravity="center"
            android:layout_height="wrap_content"
            android:layout_weight="1" >

            <Button
                android:id="@+id/btnOpen"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Open" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
              android:gravity="center"
            android:layout_height="wrap_content"
            android:layout_weight="1" >

            <Button
                android:id="@+id/btnDelete"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Delete" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
              android:gravity="center"
            android:layout_height="wrap_content"
            android:layout_weight="1" >

            <Button
                android:id="@+id/btnClose"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:text="Close" />
        </LinearLayout>
    </LinearLayout>