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>