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>