Activity布局初步

Activity布局初步

1. LinearLayout

主要属性android:orientation="vertical" 或 "horizontal", 指定该layout下的控件垂直方向还是水平方向


        android:id  —— 为控件指定相应的ID
        android:text —— 指定控件当中显示的文字，需要注意的是，这里尽量使用strings.xml文件当中的字符串
        android:gravity —— 指定控件的基本位置，比如说居中，居右等位置
        android:textSize —— 指定控件当中字体的大小
        android:background —— 指定该控件所使用的背景色,RGB命名法
        android:width —— 指定控件的宽度
        android:height —— 指定控件的高度
        android:padding* —— 指定控件的内边距，也就是说控件当中的内容
        android:sigleLine —— 如果设置为真的话，则将控件的内容在同一行当中进行显示

    例子
    <?xmlversion="1.0"encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
        <TextView
            android:id="@+id/firstText"
            android:text="第一行"
            android:gravity="center_vertical"
            android:textSize="15pt"
            android:background="#aa0000"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="10000"
            android:singleLine="true"/>
        <TextView
            android:id="@+id/secondText"
            android:text="第二行"
            android:gravity="center_vertical"
            android:textSize="15pt"
            android:background="#0000aa"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
    </LinearLayout>

2   TableLayout

    android:stretchColumns="0"   指定某一列的宽度自适应扩展

例子

    <?xmlversion="1.0"encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:stretchColumns="0">
        <TableRow>
            <TextView
                android:text="@string/row1_column1"
                android:background="#aa0000"
                android:padding="3dip"/>
            <TextView
                android:text="@string/row1_column1"
                android:padding="3dip"
                android:gravity="center_horizontal"
                android:background="#00aa00"
                ></TextView>
            <TextView
                android:text="@string/row1_column2"
                android:gravity="right"
                android:background="#0000aa"
                android:padding="3dip"/>
        </TableRow>

        <TableRow>
            <TextView
                android:text="@string/row2_column1"
                android:padding="3dip"/>
            <TextView
                android:text="@string/row2_column2"
                android:gravity="right"
                android:padding="3dip"/>
        </TableRow>
    </TableLayout>

3. LinearLayout 之间嵌套

主要属性, android:layout_weight="1"  用来指定该布局占总空间的几分之几
比如, 两个LinearLayout 都是 android:layout_weight="1" , 那么这两个layout就各占1/2
下面例子是LinearLayout和TableLayout嵌套

    <?xmlversion="1.0"encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1">
            <TextView
                android:text="red"
                android:gravity="center_horizontal"
                android:background="#aa0000"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_weight="1"/>
            <TextView
                android:text="green"
                android:gravity="center_horizontal"
                android:background="#00aa00"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_weight="1"/>
            <TextView
                android:text="blue"
                android:gravity="center_horizontal"
                android:background="#0000aa"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_weight="1"/>
            <TextView
                android:text="yellow"
                android:gravity="center_horizontal"
                android:background="#aaaa00"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_weight="1"/>
        </LinearLayout>


        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1">
            
            <TableLayout
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:stretchColumns="0">
                <TableRow>
                    <TextView
                        android:text="@string/row1_column1"
                        android:padding="3dip"/>
                    <TextView
                        android:text="@string/row1_column1"
                        android:padding="3dip"
                        android:gravity="center_horizontal">
                        </TextView>
                    <TextView
                        android:text="@string/row1_column2"
                        android:gravity="right"
                        android:padding="3dip"/>
                </TableRow>

                <TableRow>
                    <TextView
                        android:text="@string/row2_column1"
                        android:padding="3dip"/>
                    <TextView
                        android:text="@string/row2_column2"
                        android:gravity="right"
                        android:padding="3dip"/>
                </TableRow>
            </TableLayout>
        </LinearLayout>
    </LinearLayout>

4. RelativeLayout

        android:layout_marginLeft="10px"  指定该控件和相邻控件左边距, 同理还有layout_marginRight等等

        android:layout_above 将该控件的底部至于给定ID的控件之上
        android:layout_below 将该控件的顶部至于给定ID的控件之下
        android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐
        android:layout_toRightOf 将该控件的左边缘和给定ID的控件的右边缘对齐

        android:layout_alignBaseline 该控件的baseline和给定ID的控件的baseline对齐
        android:layout_alignBottom 将该控件的底部边缘与给定ID控件的底部边缘
        android:layout_alignLeft 将该控件的左边缘与给定ID控件的左边缘对齐
        android:layout_alignRight 将该控件的右边缘与给定ID控件的右边缘对齐
        android:layout_alignTop 将给定控件的顶部边缘与给定ID控件的顶部对齐


        android:alignParentBottom 如果该值为true，则将该控件的底部和父控件的底部对齐
        android:layout_alignParentLeft 如果该值为true，则将该控件的左边与父控件的左边对齐
        android:layout_alignParentRight 如果该值为true，则将该控件的右边与父控件的右边对齐
        android:layout_alignParentTop 如果该值为true，则将空间的顶部与父控件的顶部对齐

        android:layout_centerHorizontal 如果值为真，该控件将被至于水平方向的中央
        android:layout_centerInParent 如果值为真，该控件将被至于父控件水平方向和垂直方向的中央
        android:layout_centerVertical 如果值为真，该控件将被至于垂直方向的中央

    // 相对布局例子

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:padding="10px">

        <TextView android:id="@+id/label"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:text="Type here:"/>

        <EditText android:id="@+id/entry"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:background="@android:drawable/editbox_background"
                  android:layout_below="@id/label"/>
     
        <Button android:id="@+id/ok"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/entry"
                android:layout_alignParentRight="true"
                android:layout_marginLeft="10px"
                android:text="OK"/>

        <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toLeftOf="@id/ok"
                android:layout_alignTop="@id/ok"
                android:text="Cancel"/>
    </RelativeLayout>