如何将Android XML拆分为三个相等的布局矩形?

时间:2013-07-22 03:18:38

标签: android-layout

如何将Android XML视图拆分为三个相同的布局矩形,如下图所示?

enter image description here

2 个答案:

答案 0 :(得分:5)

您想要使用垂直LinearLayout,如下所示:

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

答案 1 :(得分:0)

在这种情况下,您可以使用线性布局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>