布局设计-多布局

在一个屏幕上组合不同的布局方式可以创造复杂的布局。请记住，因为布局可以包含view控件，而布局本身是一个View控件，所以它可以包含其他布局。

如下XML：

<?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/LinearLayout01"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >


        <TextView
            android:id="@+id/TextView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:text="@string/call_me"
            android:textSize="22pt" />


        <AnalogClock
            android:id="@+id/AnalogClock01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>


    <TableLayout
        android:id="@+id/TableLayout02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:stretchColumns="*" >


        <TableRow android:id="@+id/TableRow021" >


            <Button
                android:id="@+id/one"
                android:text="@string/one" />


            <Button
                android:id="@+id/two"
                android:text="@string/two" />


            <Button
                android:id="@+id/three"
                android:text="@string/three" />
        </TableRow>


        <TableRow android:id="@+id/TableRow022" >


            <Button
                android:id="@+id/four"
                android:text="@string/four" />


            <Button
                android:id="@+id/five"
                android:text="@string/five" />


            <Button
                android:id="@+id/six"
                android:text="@string/six" />
        </TableRow>


        <TableRow android:id="@+id/TableRow023" >


            <Button
                android:id="@+id/seven"
                android:text="@string/seven" />


            <Button
                android:id="@+id/eight"
                android:text="@string/eight" />


            <Button
                android:id="@+id/nine"
                android:text="@string/nine" />
        </TableRow>


        <TableRow android:id="@+id/TableRow024" >


            <Button
                android:id="@+id/star"
                android:text="@string/star" />


            <Button
                android:id="@+id/zore"
                android:text="@string/zore" />


            <Button
                android:id="@+id/jin"
                android:text="@string/jin" />
        </TableRow>
    </TableLayout>


    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >


        <ImageView
            android:id="@+id/imageView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@string/green_rect"
            android:minHeight="200dp"
            android:minWidth="200dp"
            android:src="@drawable/green_rect" />


        <ImageView
            android:id="@+id/imageView02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:contentDescription="@string/red_oval"
            android:minHeight="100dp"
            android:minWidth="100dp"
            android:src="@drawable/red_oval" />
    </FrameLayout>


</LinearLayout>