Android开发教程：使用相对布局实现梅花图案的实例

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>  
2.   
3.             <string name="b11">茎</string>  
4.   
5.             <string name="b22">花</string>  
6.   
7.             <string name="b33">皮</string>  
8.   
9.             <string name="b44">叶</string>  

Main.xml文件信息：

1. <?xml version="1.0"encoding="utf-8"?>  
2.   
3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.   
5.     android:layout_width="match_parent"  
6.   
7.     android:layout_height="match_parent">  
8.   
9.    
10.   
11.     <Button  
12.   
13.         android:id="@+id/no.0"  
14.   
15.         android:layout_width="wrap_content"  
16.   
17.         android:layout_height="wrap_content"  
18.   
19.         android:layout_centerInParent="true"  
20.   
21.         android:text="@string/b00"/>  
22.   
23.    
24.   
25.     <Button  
26.   
27.         android:id="@+id/no.1"  
28.   
29.         android:layout_width="wrap_content"  
30.   
31.         android:layout_height="wrap_content"  
32.   
33.         android:layout_above="@id/no.0"  
34.   
35.         android:layout_toLeftOf="@id/no.0"  
36.   
37.         android:text="@string/b11"/>  
38.   
39.    
40.   
41.     <Button  
42.   
43.         android:id="@+id/no.2"  
44.   
45.         android:layout_width="wrap_content"  
46.   
47.         android:layout_height="wrap_content"  
48.   
49.         android:layout_above="@id/no.0"  
50.   
51.         android:layout_toRightOf="@id/no.0"  
52.   
53.         android:text="@string/b22"/>  
54.   
55.    
56.   
57.     <Button  
58.   
59.         android:id="@+id/no.3"  
60.   
61.         android:layout_width="wrap_content"  
62.   
63.         android:layout_height="wrap_content"  
64.   
65.         android:layout_below="@id/no.0"  
66.   
67.         android:layout_toLeftOf="@id/no.0"  
68.   
69.         android:text="@string/b33"/>  
70.   
71.    
72.   
73.     <Button  
74.   
75.         android:id="@+id/no.4"  
76.   
77.         android:layout_width="wrap_content"  
78.   
79.         android:layout_height="wrap_content"  
80.   
81.         android:layout_below="@id/no.0"  
82.   
83.         android:layout_toRightOf="@id/no.0"  
84.   
85.         android:text="@string/b44"/>  
86.   
87.    
88.   
89. </RelativeLayout>  

显示效果图：

整体思路：

首先在string.xml中定义文本的值，然后在main.xml中，定义整体布局，首先使用<RelativeLayout>标签定义中间位置，然后以它的位置为中心，定义其他四个按钮位置