在下图中，黄色方 block 代表我的整体布局中的 RelativeLayout。

顶行“状态消息”是一个 ViewFlipper，它响应用户可以按下的 ToggleButtons(A、B)。按钮 C、D 和 E 执行其他操作以重新加载整个 View 。我们的客户要求按以下方式排列按钮 A、B、C、D 和 E。 (垂直对齐不如水平对齐重要。)

编辑说 A、B、C、D 和 E 是大约 20x20 倾角的图像；它们在大约 300dip 的宽度内对齐。我希望按钮保持它们的纵横比。

我创建了一个 LinearLayout 的扩展，它可以膨胀按钮 A 和 B(来自一个 xml 文件)，然后是另一个 LinearLayout 可以膨胀另一个 xml 文件中的按钮 C、D 和 E。

按钮 A 和 B(实际上是切换按钮):

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:baselineAligned="true"
>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
    >
        <ToggleButton
            android:id="@+id/A"
            android:textOn=""
            android:textOff=""
            android:background="@layout/A"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="60dp"
            android:layout_marginRight="30dp"
        />
        <ToggleButton
            android:id="@+id/B"
            android:textOn=""
            android:textOff=""
            android:background="@layout/B"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
        />
    </LinearLayout>
</RelativeLayout>

按钮 C、D、E xml 文件:

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:baselineAligned="true"
>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
    >
        <ImageView 
            android:id="@+id/C"
            android:src="@drawable/C"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
        />
        <ImageView 
            android:id="@+id/D"
            android:src="@drawable/D"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
        />
        <ImageView 
            android:id="@+id/E"
            android:src="@drawable/E"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
        />
    </LinearLayout>
</RelativeLayout>

我的代码基本上可以工作，但我必须修改边距以使内容正确排列(目前还没有)。我想知道是否有一些更清晰的居中对齐按钮集“A B”和“C D E”的方法

ps:精明的读者会注意到我扩展了 LinearLayout，但扩展了 RelativeLayouts。 (我不知道为什么它甚至可以工作，但是)当我尝试扩展 RelativeLayout 时，“C D E”布局甚至没有出现在我的设备上。我不知道它去了哪里。

最佳答案

以线性布局为主体。

然后在各个水平线性布局上使用layout_gravity 以保持内容居中

在每个 subview 上使用 layout_margin 将它们分开。我已将其指定为 15dip，但您应该使用一个维度，以便可以一起修改它们。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView android:id="@+id/some_text"
        android:layout_height="wrap_content"
        android:text="Some random string." android:layout_gravity="center" android:layout_width="wrap_content"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center">
        <ToggleButton
            android:id="@+id/A"
            android:textOn=""
            android:textOff=""
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@layout/A"
            android:layout_margin="15dip"/>
        <ToggleButton
            android:id="@+id/B"
            android:textOn=""
            android:textOff=""
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@layout/B"
            android:layout_margin="15dip"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center">
        <ImageView 
            android:id="@+id/C"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/C"
            android:layout_margin="15dip"/>
        <ImageView 
            android:id="@+id/D"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/D"
            android:layout_margin="15dip"/>
        <ImageView 
            android:id="@+id/E"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/E"
            android:layout_margin="15dip"/>
    </LinearLayout>

</LinearLayout>

关于android - 进行此布局的合理方法是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6789561/