Android相對布局實現各種梅花效果

一、效果圖如下：

第一部是往drawable文件夾裡放一個圖片名為icon.png的圖片，首先在這裡說明Android只能放擴展名為png、jpg、gif的圖片；

然後編寫main.xml文件，代碼如下：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent" >  
5.     <ImageButton   
6.         android:layout_width="wrap_content"  
7.         android:layout_height="wrap_content"  
8.         android:background="@drawable/icon"  
9.         android:layout_centerInParent="true"  
10.         android:id="@+id/image0"/>  
11.     <ImageButton   
12.         android:layout_width="wrap_content"  
13.         android:layout_height="wrap_content"  
14.         android:background="@drawable/icon"  
15.         android:layout_above="@id/image0"  
16.         android:layout_toLeftOf="@id/image0"  
17.         android:id="@+id/image1"/>  
18.     <ImageButton   
19.         android:layout_width="wrap_content"  
20.         android:layout_height="wrap_content"  
21.         android:background="@drawable/icon"  
22.         android:layout_above="@id/image0"  
23.         android:layout_toRightOf="@id/image0"  
24.         android:id="@+id/image1"/>  
25.     <ImageButton   
26.         android:layout_width="wrap_content"  
27.         android:layout_height="wrap_content"  
28.         android:background="@drawable/icon"  
29.         android:layout_below="@id/image0"  
30.         android:layout_toLeftOf="@id/image0"  
31.         android:id="@+id/image1"/>  
32.     <ImageButton   
33.         android:layout_width="wrap_content"  
34.         android:layout_height="wrap_content"  
35.         android:background="@drawable/icon"  
36.         android:layout_below="@id/image0"  
37.         android:layout_toRightOf="@id/image0"  
38.         android:id="@+id/image1"/>  
39. </RelativeLayout>  

說明：

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_inParent如果值為真，該控件將被至於父控件水平方向和垂直方向的中央

android:layout_centerVertical如果值為真，該控件將被至於垂直方向的中央