android - 如何实现这个布局？

Question

我想将我当前的 View 分成 4 个区域(不是将屏幕分成 4 个，而是划分 View )，如下所示:

我希望 View 具有以下大小的布局:

这是水平分成一半的 View 。垂直方向，上部区域有 1/3 View 高度，下部两个区域有 2/3 View 高度。

我通过以下方式成功地将我的视野分成了 4 个大小相等的区域:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">
    <LinearLayout
        android:id="@+id/top_area"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="horizontal"


    >
        <LinearLayout
            android:id="@+id/top_left_area"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="@drawable/content_blue_bg"
            >
            <TextView

                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="TOP LEFT"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/top_right_area"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="@drawable/content_blue_bg"
            >
            <TextView

                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="TOP RIGHT"/>
        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/bottom_area"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"    
        android:orientation="horizontal"
        >

        <LinearLayout
            android:id="@+id/bottom_left_area"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"

            >

                <TextView 
               android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:text="BOTTOM LEFT"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/bottom_right_area"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="@drawable/content_blue_bg"
            >
            <TextView

                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="BOTTOM RIGHT"/>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

但是我怎样才能让上部区域的 1/3 View 高度和下部区域的 2/3 View 高度呢？

Answer 1

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<LinearLayout
    android:id="@+id/top_area"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:orientation="horizontal"
>
    <LinearLayout
        android:id="@+id/top_left_area"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/content_blue_bg"
        >
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="TOP LEFT"/>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/top_right_area"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/content_blue_bg"
        >
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="TOP RIGHT"/>
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:id="@+id/bottom_area"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="2"    
    android:orientation="horizontal"
    >
    <LinearLayout
        android:id="@+id/bottom_left_area"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        >

            <TextView 
           android:layout_width="fill_parent"
           android:layout_height="fill_parent"
           android:text="BOTTOM LEFT"/>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/bottom_right_area"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/content_blue_bg"
        >
        <TextView

            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="BOTTOM RIGHT"/>
    </LinearLayout>
</LinearLayout>

您所缺少的只是将底部布局设置为 70%，将顶部布局设置为 30%

这刚刚发布在我的推特上 http://blog.stylingandroid.com/archives/297 :-)