Android应用开发之RelativeLayout (相对布局)+梅花效果案例

Android应用开发之RelativeLayout (相对布局)+梅花效果案例

相对布局中的视图组件是按相互之间的相对位置来确定的， 并不是线性布局中的必须

按行或按列单个显示。示例布局文件如下：

main.xml

1. <? xml version = "1.0"encoding = "utf-8" ?>  
2. < RelativeLayout  
3. xmlns:Android ="http://schemas.android.com/apk/res/android"  
4. android:layout_width ="fill_parent"  
5. android:layout_height = "fill_parent"  
6. >   
7. < TextView  
8. android:layout_width ="fill_parent"  
9. android:layout_height ="wrap_content"  
10. android:text ="@string/name_text"  
11. android:id = "@+id/text" />  
12. < EditText  
13. android:layout_width ="fill_parent"  
14. android:layout_height ="wrap_content"  
15. android:layout_below = "@id/text"  
16. android:id = "@+id/edit" />  
17. < Button  
18. android:layout_width ="wrap_content"  
19. android:layout_height ="wrap_content"  
20. android:text ="@string/cancle_button"  
21. android:layout_alignParentRight ="true"  
22. android:layout_below = "@id/edit"  
23. android:id = "@+id/cancle" />  
24. < Button  
25. android:layout_width ="wrap_content"  
26. android:layout_height ="wrap_content"  
27. android:layout_toLeftOf ="@id/cancle"  
28. android:layout_alignTop ="@id/cancle"  
29. android:text ="@string/ok_button" />  
30. </ RelativeLayout >  

说明：

android:layout_below="@id/text" ：将该元素放到 id 为 text 的元素的下面

android:layout_toLeftOf="@id/ok" ：放到 id 为 ok 的元素左边

android:layout_alignTop="@id/ok" ：对齐 id 为 ok 的元素的顶部

还有很多关于相对位置的字段,希望大家能够自己去发现

界面效果如图：

案例二:梅花效果

问题:利用相对布局实现下面的效果

案例分析:

我们可以从途中看出,四周的方框的角都与中间的方框相连,而且呈现出X字样.试想,中间的是不是有什么特殊含义?