android系列6.RelativeLayout学习

相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置

RelativeLayout的一些属性:

第一类:属性值为true或false
android:layout_centerHrizontal                                           水平居中
android:layout_centerVertical                                            垂直居中
android:layout_centerInparent                                           相对于父元素完全居中
android:layout_alignParentBottom                                     贴紧父元素的下边缘
android:layout_alignParentLeft                                          贴紧父元素的左边缘
android:layout_alignParentRight                                        贴紧父元素的右边缘
android:layout_alignParentTop                                          贴紧父元素的上边缘
android:layout_alignWithParentIfMissing                            如果对应的兄弟元素找不到的话就以父元素做参照物

第二类:属性值必须为id的引用名“@id/id-name”
android:layout_below                          在某元素的下方
android:layout_above                          在某元素的的上方
android:layout_toLeftOf                       在某元素的左边
android:layout_toRightOf                     在某元素的右边

android:layout_alignTop                      本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft                      本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom                 本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight                    本元素的右边缘和某元素的的右边缘对齐

第三类:属性值为具体的像素值,如30dip,40px
android:layout_marginBottom              离某元素底边缘的距离
android:layout_marginLeft                   离某元素左边缘的距离
android:layout_marginRight                 离某元素右边缘的距离
android:layout_marginTop                   离某元素上边缘的距离

第三类:属性值为具体的像素值,属性为true,false
android:layout_alignParentLeft      相对父控件左部
android:layout_alignParentRight    相对父控件右部
android:layout_alignParentTop      相对父控件顶部
android:layout_alignParentButtom   相对父控件底部

关于边距问题:
padding是控件的内容相对控件的边缘的边距. 
margin是控件边缘相对父空间的边距.

示例Demo:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="fill_parent"
 4     android:layout_height="wrap_content"
 5     android:padding="10px"
 6     android:background="#ff00ff"
 7     >
 8 <TextView  
 9     android:id="@+id/tv01"
10     android:layout_width="fill_parent" 
11     android:layout_height="wrap_content" 
12     android:text="Type Here:"
13     />
14 <EditText
15     android:id="@+id/et01" 
16     android:layout_width="fill_parent"
17     android:layout_height="wrap_content"
18     android:layout_below="@id/tv01"
19 />
20 <Button 
21     android:id="@+id/btnOk"
22     android:layout_width="wrap_content"
23     android:layout_height="wrap_content"
24     android:text="OK"
25     android:layout_below="@id/et01"
26     android:layout_alignRight="@id/et01"
27     android:layout_marginLeft="30dip"
28 />
29 <Button 
30     android:id="@+id/btnCancel"
31     android:layout_width="wrap_content"
32     android:layout_height="wrap_content"
33     android:text="Cancel"
34     android:layout_toLeftOf="@id/btnOk"
35     android:layout_alignTop="@id/btnOk"
36 />
37 </RelativeLayout>

posted on 2012-10-30 11:54  游鱼  阅读(225)  评论(0编辑  收藏  举报