Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android布局實現圓角邊框效果

Android布局實現圓角邊框效果

編輯:關於Android編程

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持本站。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved