Android布局實現圓角邊框效果

2019-12-12 05:44:08

字體：大中小

來源：轉載

供稿：網友

首先，在res下面新建一個文件夾drawable，在drawable下面新建三個xml文件：shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml，分別是下面兩個角是圓角邊框，上面兩個角是圓角邊框，四個角全部是圓角邊框。

shape_corner_down.xml：

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">  <solid android:color="#0099CC" />  <corners android:bottomRightRadius="20dp"    android:bottomLeftRadius="20dp"/>  <stroke android:width="1dp" android:color="#000000"/></shape>

shape_corner_up.xml：

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">  <solid android:color="#CCCC99" />    <corners android:topLeftRadius="20dp"    android:topRightRadius="20dp" />  <stroke android:width="1dp" android:color="#000000" /></shape>

shape_corner.xml：

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">  <solid android:color="#99CCFF" />    <corners android:topLeftRadius="20dp"    android:topRightRadius="20dp"    android:bottomRightRadius="20dp"    android:bottomLeftRadius="20dp"/>  <stroke android:width="1dp" android:color="#000000" /></shape>

<solid android:color>設置了背景顏色。android:topLeftRadius、android:topRightRadius、android:bottomLeftRadius、android:bottomRightRadius分別是左上角、右上角、左下角、右下角的半徑值，設置了半徑值，相應的角就是圓角，半徑值越大，圓角就越大。<stroke>設置邊界屬性，如邊界的寬度、顏色等。

在activity_main.xml上面放置三個LinearLayout，分別設置android:background屬性為shape_corner_up.xml、shape_corner_down.xml和shape_corner.xml，運行結果如下：