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 —— 如果设置为真的话，则将控件的内容在同一行当中进行显示

例子
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns: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"   指定某一列的宽度自适应扩展

例子

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns: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嵌套

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns: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=""
                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>