android - Android Togglebuttons 组织成金字塔？

Question

我希望将 7 个切换按钮组织成一个金字塔，如下所示：

---b---
--b-b--
-b---b- 
b-----b

其中 b 代表一个切换按钮， - 代表一个空白区域。我还想用整个金字塔来填充它的父母的宽度。我怎样才能做到这一点？任何帮助表示赞赏。

Answer 1

使用相对布局。

使顶部按钮具有 layout_centerHorizo​​ntal="true" 并将设置在顶部中间。对于下一行，使用两个按钮 layout_below="@id/id_of_your_top_button" 这样它们都将在您的顶部按钮下方对齐，然后分别使用 layout_toLeftOf="@id/id_of_your_top_button" 和 toRight，所以它们将是位于顶部按钮的左侧和右侧。只需重复第 3 行和第 4 行。

例子：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ToggleButton
    android:id="@+id/top"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
/>

<ToggleButton
    android:id="@+id/second_left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/top"
    android:layout_toLeftOf="@id/top"
/>
<ToggleButton
    android:id="@+id/second_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/top"
    android:layout_toRightOf="@id/top"
/>

<ToggleButton
    android:id="@+id/third_left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/second_left"
    android:layout_toLeftOf="@id/second_left"
/>
<ToggleButton
    android:id="@+id/third_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/second_right"
    android:layout_toRightOf="@id/second_right"
/>

<ToggleButton
    android:id="@+id/fth_left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/third_left"
    android:layout_toLeftOf="@id/third_left"
/>
<ToggleButton
    android:id="@+id/fth_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/third_right"
    android:layout_toRightOf="@id/third_right"
/>