欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android布局实现圆角边框效果

程序员文章站 2024-03-07 08:53:32
首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml、shape_corner_up.xm...

首先,在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,运行结果如下:

Android布局实现圆角边框效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。