Android学习第11课—Activity的布局初步（三）

主要内容：RelativeLayout
1 相对布局的基本概念
2 相对布局与其他布局打得区别
3 相对布局常用属性介绍


1 在Web编程中，CSS加上DIV的网页布局方式实际上就是一种相对布局思路。相对布局就是说，一个控件的位置决定于它和周围控件的关系，这种方式能使Activity中的控件更加的灵活，不像LinearLayout必须水平或者垂直，也不像TableLayout必须创建一个个的单元格。

2 相对布局与其他布局的区别就在于布局中的控件的位置依赖于它与周围其他控件的关系。优点就是比较的灵活，缺点就是掌握起来比较困难复杂。

<?xml version="1.0" encoding="utf-8"?>

<!-- 布局属性介绍  四大类
	第一组
	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:layout_alignParentBottom 如果该值为true，则将该控件的底部和父控件的底部对齐
	android:layout_alignParentLeft  同上，与父控件的左边缘对齐
	android:layout_alignParentRight 同上，与父控件的右边缘对齐
	android:layout_alignParentTop 同上，与父控件的顶部边缘对齐
	
	第四组
	android:layout_centerHorizontal 如果为真，该控件将被至于水平方向的中央
	android:layout_centerInParent 如果为真，该控件将被至于水平方向和垂直方向的中央
	android:layout_centerVertical 如果为真，该控件将被至于垂直方向的中央
	
	第一和第二组的值都是控件的ID；后两组的属性值是真或假，默认为假。
-->	


<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:text="Type Here"
        android:id="@+id/label"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        />
	<EditText 
	    android:id="@+id/edit"
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:layout_below="@id/label"
	    android:background="#0000aa" 
	    /><!-- android自定义的一种颜色 -->
	<Button 
		android:id="@+id/ok"
		android:text="OK"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_below="@id/edit"
		android:layout_alignParentRight="true"
		android:layout_marginLeft="10px"
		/>
	<Button 
	    android:id="@+id/cancel"
	    android:text="CANCEL"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:layout_toLeftOf="@id/ok"
	    android:layout_alignTop="@id/ok"
	    />    

</RelativeLayout>