Android布局中实现圆角边框

设置corners_bg.xml

设置边框圆角可以在drawable-mdpi目录里定义一个xml:

[html] view plaincopy

1. <?xml version="1.0" encoding="utf-8"?>
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
3. <solid android:color="#FFFFFF" />
4. <corners android:topLeftRadius="10dp"
5. android:topRightRadius="10dp"
6. android:bottomRightRadius="10dp"
7. android:bottomLeftRadius="10dp"/>
8. </shape>

解释：

solid的表示填充颜色,为了简单，这里用的是白色。

而corners则是表示圆角，注意的是这里bottomRightRadius是左下角而不是右下角，bottomLeftRadius右下角。

上面的效果也可以像下面一样设置,如下：

[html] view plaincopy

1. <corners android:radius="5dp" />

引用corners_bg.xml

如果想引用这个xml，只需要@drawable/corners_bg.xml即可:

[html] view plaincopy

1. android:background="@drawable/corners_bg"

应用范例

[html] view plaincopy

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:background="#E1E0DE"
6. android:orientation="vertical" >
7. <TextView
8. android:id="@+id/textView1"
9. android:layout_width="match_parent"
10. android:layout_height="50dp"
11. android:background="#2B3439"
12. android:gravity="center"
13. android:text="发现"
14. android:textColor="#FFFFFF"
15. android:textSize="20sp" />
16. <LinearLayout
17. android:id="@+id/login_div"
18. android:layout_width="fill_parent"
19. android:layout_height="50dp"
20. android:layout_margin="10dp"
21. android:background="@drawable/corners_bg"
22. android:gravity="center_vertical"
23. android:padding="10dp" >
24. <ImageView
25. android:id="@+id/imageView1"
26. android:layout_width="wrap_content"
27. android:layout_height="wrap_content"
28. android:src="@drawable/find_more_friend_photograph_icon" />
29. <TextView
30. android:id="@+id/textView2"
31. android:layout_width="wrap_content"
32. android:layout_height="wrap_content"
33. android:layout_marginLeft="14dp"
34. android:text="朋友圈"
35. android:textColor="#000"
36. android:textSize="18sp" />
37. </LinearLayout>
38. <LinearLayout
39. android:layout_width="fill_parent"
40. android:layout_height="101dp"
41. android:layout_margin="10dp"
42. android:background="@drawable/corners_bg"
43. android:orientation="vertical"
44. android:padding="10dp" >
45. <LinearLayout
46. android:layout_width="wrap_content"
47. android:layout_height="50dp" >
48. <ImageView
49. android:layout_width="wrap_content"
50. android:layout_height="wrap_content"
51. android:src="@drawable/find_more_friend_scan" />
52. <TextView
53. android:layout_width="wrap_content"
54. android:layout_height="wrap_content"
55. android:layout_marginLeft="14dp"
56. android:text="扫一扫"
57. android:textColor="#000"
58. android:textSize="18sp" />
59. </LinearLayout>
60. <LinearLayout
61. android:layout_width="wrap_content"
62. android:layout_height="50dp"
63. android:layout_centerVertical="true" >
64. <ImageView
65. android:layout_width="wrap_content"
66. android:layout_height="wrap_content"
67. android:src="@drawable/come_from_shake" />
68. <TextView
69. android:layout_width="wrap_content"
70. android:layout_height="wrap_content"
71. android:layout_marginLeft="14dp"
72. android:text="摇一摇"
73. android:textColor="#000"
74. android:textSize="18sp" />
75. </LinearLayout>
76. </LinearLayout>
77. <LinearLayout
78. android:layout_width="fill_parent"
79. android:layout_height="101dp"
80. android:layout_margin="10dp"
81. android:background="@drawable/corners_bg"
82. android:orientation="vertical"
83. android:padding="10dp" >
84. <LinearLayout
85. android:layout_width="wrap_content"
86. android:layout_height="50dp" >
87. <ImageView
88. android:layout_width="wrap_content"
89. android:layout_height="wrap_content"
90. android:src="@drawable/find_more_friend_near_icon" />
91. <TextView
92. android:layout_width="wrap_content"
93. android:layout_height="wrap_content"
94. android:layout_marginLeft="14dp"
95. android:text="附近的人"
96. android:textColor="#000"
97. android:textSize="18sp" />
98. </LinearLayout>
99. <LinearLayout
100. android:layout_width="wrap_content"
101. android:layout_height="50dp"
102. android:layout_centerVertical="true" >
103. <ImageView
104. android:layout_width="wrap_content"
105. android:layout_height="wrap_content"
106. android:src="@drawable/come_from_bottle" />
107. <TextView
108. android:layout_width="wrap_content"
109. android:layout_height="wrap_content"
110. android:layout_marginLeft="14dp"
111. android:text="漂流瓶"
112. android:textColor="#000"
113. android:textSize="18sp" />
114. </LinearLayout>
115. </LinearLayout>
116. <LinearLayout
117. android:id="@+id/login_div"
118. android:layout_width="fill_parent"
119. android:layout_height="50dp"
120. android:layout_margin="10dp"
121. android:background="@drawable/corners_bg"
122. android:gravity="center_vertical"
123. android:padding="10dp" >
124. <ImageView
125. android:id="@+id/imageView1"
126. android:layout_width="wrap_content"
127. android:layout_height="wrap_content"
128. android:src="@drawable/more_game" />
129. <TextView
130. android:id="@+id/textView2"
131. android:layout_width="wrap_content"
132. android:layout_height="wrap_content"
133. android:layout_marginLeft="14dp"
134. android:text="游戏中心"
135. android:textColor="#000"
136. android:textSize="18sp" />
137. </LinearLayout>
138. </LinearLayout>

效果图