android-layout - 如何将 Android XML 拆分为三个相等的布局矩形？

Question

如何将 Android XML 视图拆分为三个相等的布局矩形，如下图所示？

Answer 1

您想使用垂直线性布局，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="3" >

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        android:background="#ff0000" >
    </FrameLayout>
    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        android:background="#00ff00" >
    </FrameLayout>
    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        android:background="#0000ff" >
    </FrameLayout>

</LinearLayout>

Answer 2

在这种情况下，您可以使用线性布局orientation:Vertical

试试这个

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<Button
    android:id="@+id/button2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.17"
    android:text="Button" />

<Button
    android:id="@+id/button1"
    android:layout_width="match_parent"
    android:layout_height="114dp"
    android:layout_weight="0.11"
    android:text="Button" />

<Button
    android:id="@+id/button3"
    android:layout_width="334dp"
    android:layout_height="wrap_content"
    android:layout_weight="0.17"
    android:text="Button" />

 </LinearLayout>