Android开发（十八）——头部、中部、底部布局技巧

头部、中部、尾部布局涉及到布局内容自适应，总结两个技巧:

第一种相对布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#fff" >

    <!--使用相对布局，头部在最顶，底部在最低，中部相对两者中间->
    <!--头部-->
    <RelativeLayout
        android:id="@+id/rlhead"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/main_header_bg"
        android:gravity="center" >
    </RelativeLayout>

    <!--中部-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/rlfoot"
        android:layout_below="@+id/rlhead"
        android:layout_centerInParent="true"
        android:layout_centerVertical="true"
        android:background="@color/common_white"
        android:orientation="vertical"
        android:scrollbars="none" >

    </LinearLayout>

    <!--尾部-->
    <include
        android:id="@+id/rlfoot"
        layout="@layout/widget_menu" />

</RelativeLayout>

第二种使用比重：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#fff" >

    <!--头部-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/main_header_bg"
        android:gravity="center" >
    </RelativeLayout>

    <!--使用线性布局，头部在最顶，底部在最低，中部采用比重占剩余比重的全部-->
    <!--中部-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/common_white"
        android:orientation="vertical"
        android:scrollbars="none"
        android:layout_weight="1">

    </LinearLayout>

    <!--尾部-->
    <include
        layout="@layout/widget_menu" />

</LinearLayout>