您的位置：首页 > 移动开发 > Android开发

【Android】Android布局中实现圆角边框

2014-05-26 19:18 549 查看

设置corners_bg.xml

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

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右下角。

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

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

引用corners_bg.xml

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

1	android:background="@drawable/corners_bg"

应用范例

查看源码

打印 ?

001	<? xml version = "1.0" encoding = "utf-8" ?>

002	< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

003	android:layout_width = "match_parent"

004	android:layout_height = "match_parent"

005	android:background = "#E1E0DE"

006	android:orientation = "vertical" >

008	< TextView

009	android:id = "@+id/textView1"

010	android:layout_width = "match_parent"

011	android:layout_height = "50dp"

012	android:background = "#2B3439"

013	android:gravity = "center"

014	android:text = "发现"

015	android:textColor = "#FFFFFF"

016	android:textSize = "20sp" />

018	< LinearLayout

019	android:id = "@+id/login_div"

020	android:layout_width = "fill_parent"

021	android:layout_height = "50dp"

022	android:layout_margin = "10dp"

023	android:background = "@drawable/corners_bg"

024	android:gravity = "center_vertical"

025	android:padding = "10dp" >

027	< ImageView

028	android:id = "@+id/imageView1"

029	android:layout_width = "wrap_content"

030	android:layout_height = "wrap_content"

031	android:src = "@drawable/find_more_friend_photograph_icon" />

033	< TextView

034	android:id = "@+id/textView2"

035	android:layout_width = "wrap_content"

036	android:layout_height = "wrap_content"

037	android:layout_marginLeft = "14dp"

038	android:text = "朋友圈"

039	android:textColor = "#000"

040	android:textSize = "18sp" />

041	</ LinearLayout >

043	< LinearLayout

044	android:layout_width = "fill_parent"

045	android:layout_height = "101dp"

046	android:layout_margin = "10dp"

047	android:background = "@drawable/corners_bg"

048	android:orientation = "vertical"

049	android:padding = "10dp" >

051	< LinearLayout

052	android:layout_width = "wrap_content"

053	android:layout_height = "50dp" >

055	< ImageView

056	android:layout_width = "wrap_content"

057	android:layout_height = "wrap_content"

058	android:src = "@drawable/find_more_friend_scan" />

060	< TextView

061	android:layout_width = "wrap_content"

062	android:layout_height = "wrap_content"

063	android:layout_marginLeft = "14dp"

064	android:text = "扫一扫"

065	android:textColor = "#000"

066	android:textSize = "18sp" />

067	</ LinearLayout >

069	< LinearLayout

070	android:layout_width = "wrap_content"

071	android:layout_height = "50dp"

072	android:layout_centerVertical = "true" >

074	< ImageView

075	android:layout_width = "wrap_content"

076	android:layout_height = "wrap_content"

077	android:src = "@drawable/come_from_shake" />

079	< TextView

080	android:layout_width = "wrap_content"

081	android:layout_height = "wrap_content"

082	android:layout_marginLeft = "14dp"

083	android:text = "摇一摇"

084	android:textColor = "#000"

085	android:textSize = "18sp" />

086	</ LinearLayout >

087	</ LinearLayout >

089	< LinearLayout

090	android:layout_width = "fill_parent"

091	android:layout_height = "101dp"

092	android:layout_margin = "10dp"

093	android:background = "@drawable/corners_bg"

094	android:orientation = "vertical"

095	android:padding = "10dp" >

097	< LinearLayout

098	android:layout_width = "wrap_content"

099	android:layout_height = "50dp" >

101	< ImageView

102	android:layout_width = "wrap_content"

103	android:layout_height = "wrap_content"

104	android:src = "@drawable/find_more_friend_near_icon" />

106	< TextView

107	android:layout_width = "wrap_content"

108	android:layout_height = "wrap_content"

109	android:layout_marginLeft = "14dp"

110	android:text = "附近的人"

111	android:textColor = "#000"

112	android:textSize = "18sp" />

113	</ LinearLayout >

115	< LinearLayout

116	android:layout_width = "wrap_content"

117	android:layout_height = "50dp"

118	android:layout_centerVertical = "true" >

120	< ImageView

121	android:layout_width = "wrap_content"

122	android:layout_height = "wrap_content"

123	android:src = "@drawable/come_from_bottle" />

125	< TextView

126	android:layout_width = "wrap_content"

127	android:layout_height = "wrap_content"

128	android:layout_marginLeft = "14dp"

129	android:text = "漂流瓶"

130	android:textColor = "#000"

131	android:textSize = "18sp" />

132	</ LinearLayout >

133	</ LinearLayout >

135	< LinearLayout

136	android:id = "@+id/login_div"

137	android:layout_width = "fill_parent"

138	android:layout_height = "50dp"

139	android:layout_margin = "10dp"

140	android:background = "@drawable/corners_bg"

141	android:gravity = "center_vertical"

142	android:padding = "10dp" >

144	< ImageView

145	android:id = "@+id/imageView1"

146	android:layout_width = "wrap_content"

147	android:layout_height = "wrap_content"

148	android:src = "@drawable/more_game" />

150	< TextView

151	android:id = "@+id/textView2"

152	android:layout_width = "wrap_content"

153	android:layout_height = "wrap_content"

154	android:layout_marginLeft = "14dp"

155	android:text = "游戏中心"

156	android:textColor = "#000"

157	android:textSize = "18sp" />

158	</ LinearLayout >

160	</ LinearLayout >

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航