Android開發教程：使用相對布局實現梅花圖案的實例

各視圖組件按照相互之間的相對位置確定，表示將標簽中的元素放置到指定元素的下面是:

Android:layout_below=“@id/text”;將該元素放置在text元素下

Android:layout_ablove=“@id/text”; 將該元素放置在text元素上

Android:layout_toLeftOf=“@id/text”; 將該元素放置在text元素左面

Android:layout_alignTop=“@id/text”; 將該元素與text元素上部對齊

string.xml文件信息：

1. <pre class="html" name="code"><string name="b00">根</string>
3. <string name="b11">莖</string>
5. <string name="b22">花</string>
7. <string name="b33">皮</string>
9. <string name="b44">葉</string>

Main.xml文件信息：

1. <?xml version="1.0"encoding="utf-8"?>
3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
5. android:layout_width="match_parent"
7. android:layout_height="match_parent">
11. <Button
13. android:id="@+id/no.0"
15. android:layout_width="wrap_content"
17. android:layout_height="wrap_content"
19. android:layout_centerInParent="true"
21. android:text="@string/b00"/>
25. <Button
27. android:id="@+id/no.1"
29. android:layout_width="wrap_content"
31. android:layout_height="wrap_content"
33. android:layout_above="@id/no.0"
35. android:layout_toLeftOf="@id/no.0"
37. android:text="@string/b11"/>
41. <Button
43. android:id="@+id/no.2"
45. android:layout_width="wrap_content"
47. android:layout_height="wrap_content"
49. android:layout_above="@id/no.0"
51. android:layout_toRightOf="@id/no.0"
53. android:text="@string/b22"/>
57. <Button
59. android:id="@+id/no.3"
61. android:layout_width="wrap_content"
63. android:layout_height="wrap_content"
65. android:layout_below="@id/no.0"
67. android:layout_toLeftOf="@id/no.0"
69. android:text="@string/b33"/>
73. <Button
75. android:id="@+id/no.4"
77. android:layout_width="wrap_content"
79. android:layout_height="wrap_content"
81. android:layout_below="@id/no.0"
83. android:layout_toRightOf="@id/no.0"
85. android:text="@string/b44"/>
89. </RelativeLayout>

顯示效果圖：

整體思路：

首先在string.xml中定義文本的值，然後在main.xml中，定義整體布局，首先使用<RelativeLayout>標簽定義中間位置，然後以它的位置為中心，定義其他四個按鈕位置