Android学习笔记5——Activity的布局初步

Activity的布局初步

一、 两种基本布局：

1、 LinearLayout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> …… </LinearLayout>

2、TableLayout

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="1"> <!-- TableRow的子标签，每个控件占一列。 android:padding：同时指定四个内边距 --> …… </TableLayout>

3、控件与基本布局相关的一些属性

<!-- android:id ———— 为空间指定相应的ID android:text ———— 指定空间当中显示的文字，需注意的是，这里尽量使用string.xml中的值 android:gravity ———— 指定控件的基本位置，比如居中、居右等位置。 android:textSize ———— 指定控件当中文字的大小 android:background ———— 指定控件的背景颜色，用RGB android:width/android:height ———— 控件的宽、高 android:padding* ———— 指定控件的内边距，也就是控件当中的内容 android:sigleLine ———— 如果设置为真的话，则将控件的内容在同一行进行显示 android:layout_weight ———— 控件占的比例，设各个控件的该属性值为a,b,...,z, 则比例为a/(a+b+...+z) -->

4、两种基本布局可以自嵌套也可以相互嵌套使用

5、举例：实现下图所示的布局

<?xml version="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="#ff0000" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" /> </LinearLayout> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" > <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="1"> <!-- TableRow的子标签，每个控件占一列。 android:padding：同时指定四个内边距 --> <TableRow> <TextView android:text="@string/row1_column1" android:padding="3dip" /> <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>

二、 相对布局

1、 控件与相对布局相关的属性：

<!-- 与相对布局相关的控件的一些属性： android:layout_above="@id/*" 将该控件的底部置于给定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:layout_alignParentBottom 如果该值为true，则将该控件的底部和父控件的底部对齐 android:layout_alignParentLeft 如果该值为true，则将该控件的左边与父控件的左边对齐 android:layout_alignParentRight 如果该值为true，则将该控件的右边与父控件的右边对齐 android:layout_alignParentTop 如果该值为true，则将该控件的顶部与父控件的顶部对齐 android:layout_centerHorizontal 如果该值为真，该控件将被置于水平方向的中央 android:layout_centerInParent 如果该值为真，该控件将被置于父控件水平方向和垂直方向的中央 android:layout_centerVertical 如果该值为真，该控件将被置于垂直方向的中央 -->

2、举例：使用相对布局实现下图所示布局（源自Android文档示例）

<?xml version="1.0" encoding="utf-8"?> <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="请输入：" /> <EditText android:id="@+id/entry" android:layout_width="fill_parent" android:layout_height="wrap_content" 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:id="@+id/cancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignTop="@id/ok" android:layout_toLeftOf="@id/ok" android:text="Cancel" /> </RelativeLayout>