Android布局中实现圆角边框

您的评价:

收藏该经验

阅读目录

• 设置corners_bg.xml
• 引用corners_bg.xml
• 应用范例
• 效果图

设置corners_bg.xml

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

?

1 2 3 4 5 6 7 8

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

解释：

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

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

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

?

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

回到顶部

引用corners_bg.xml

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

?

1	android:background="@drawable/corners_bg"

回到顶部

应用范例

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160

<? xml version = "1.0" encoding = "utf-8" ?> < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "match_parent"      android:layout_height = "match_parent"      android:background = "#E1E0DE"      android:orientation = "vertical" >        < TextView          android:id = "@+id/textView1"          android:layout_width = "match_parent"          android:layout_height = "50dp"          android:background = "#2B3439"          android:gravity = "center"          android:text = "发现"          android:textColor = "#FFFFFF"          android:textSize = "20sp" />        < LinearLayout          android:id = "@+id/login_div"          android:layout_width = "fill_parent"          android:layout_height = "50dp"          android:layout_margin = "10dp"          android:background = "@drawable/corners_bg"          android:gravity = "center_vertical"          android:padding = "10dp" >            < ImageView              android:id = "@+id/imageView1"              android:layout_width = "wrap_content"              android:layout_height = "wrap_content"              android:src = "@drawable/find_more_friend_photograph_icon" />            < TextView              android:id = "@+id/textView2"              android:layout_width = "wrap_content"              android:layout_height = "wrap_content"              android:layout_marginLeft = "14dp"              android:text = "朋友圈"              android:textColor = "#000"              android:textSize = "18sp" />      </ LinearLayout >        < LinearLayout          android:layout_width = "fill_parent"          android:layout_height = "101dp"          android:layout_margin = "10dp"          android:background = "@drawable/corners_bg"          android:orientation = "vertical"          android:padding = "10dp" >            < LinearLayout              android:layout_width = "wrap_content"              android:layout_height = "50dp" >                < ImageView                  android:layout_width = "wrap_content"                  android:layout_height = "wrap_content"                  android:src = "@drawable/find_more_friend_scan" />                < TextView                  android:layout_width = "wrap_content"                  android:layout_height = "wrap_content"                  android:layout_marginLeft = "14dp"                  android:text = "扫一扫"                  android:textColor = "#000"                  android:textSize = "18sp" />          </ LinearLayout >            < LinearLayout              android:layout_width = "wrap_content"              android:layout_height = "50dp"              android:layout_centerVertical = "true" >                < ImageView                  android:layout_width = "wrap_content"                  android:layout_height = "wrap_content"                  android:src = "@drawable/come_from_shake" />                < TextView                  android:layout_width = "wrap_content"                  android:layout_height = "wrap_content"                  android:layout_marginLeft = "14dp"                  android:text = "摇一摇"                  android:textColor = "#000"                  android:textSize = "18sp" />          </ LinearLayout >      </ LinearLayout >        < LinearLayout          android:layout_width = "fill_parent"          android:layout_height = "101dp"          android:layout_margin = "10dp"          android:background = "@drawable/corners_bg"          android:orientation = "vertical"          android:padding = "10dp" >            < LinearLayout              android:layout_width = "wrap_content"              android:layout_height = "50dp" >                < ImageView                  android:layout_width = "wrap_content"                  android:layout_height = "wrap_content"                  android:src = "@drawable/find_more_friend_near_icon" />                < TextView                  android:layout_width = "wrap_content"                  android:layout_height = "wrap_content"                  android:layout_marginLeft = "14dp"                  android:text = "附近的人"                  android:textColor = "#000"                  android:textSize = "18sp" />          </ LinearLayout >            < LinearLayout              android:layout_width = "wrap_content"              android:layout_height = "50dp"              android:layout_centerVertical = "true" >                < ImageView                  android:layout_width = "wrap_content"                  android:layout_height = "wrap_content"                  android:src = "@drawable/come_from_bottle" />                < TextView                  android:layout_width = "wrap_content"                  android:layout_height = "wrap_content"                  android:layout_marginLeft = "14dp"                  android:text = "漂流瓶"                  android:textColor = "#000"                  android:textSize = "18sp" />          </ LinearLayout >      </ LinearLayout >        < LinearLayout          android:id = "@+id/login_div"          android:layout_width = "fill_parent"          android:layout_height = "50dp"          android:layout_margin = "10dp"          android:background = "@drawable/corners_bg"          android:gravity = "center_vertical"          android:padding = "10dp" >            < ImageView              android:id = "@+id/imageView1"              android:layout_width = "wrap_content"              android:layout_height = "wrap_content"              android:src = "@drawable/more_game" />            < TextView              android:id = "@+id/textView2"              android:layout_width = "wrap_content"              android:layout_height = "wrap_content"              android:layout_marginLeft = "14dp"              android:text = "游戏中心"              android:textColor = "#000"              android:textSize = "18sp" />      </ LinearLayout >   </ LinearLayout >

回到顶部

效果图

来自：http://blog.csdn.net/jueblog/article/details/11857479