Android small skill系列02:Android布局之自定义圆角边框

注:同样的方法可以设置四大布局的背景


在drawable下面新建三个xml文件:

shape_corner_down.xml、

shape_corner_up.xml、

shape_corner.xml,

分别是下面两个角是圆角边框,上面两个角是圆角边框,四个角全部是圆角边框。


shape_corner_down.xml:

1
2
3
4
5
6
7
<?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:

1
2
3
4
5
6
7
<?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:

1
2
3
4
5
6
7
8
9
<?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,运行结果如下:

猜你喜欢

转载自blog.csdn.net/lucasxu01/article/details/80777456
今日推荐