Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> android 圓角效果

android 圓角效果

編輯:Android開發實例

最近做一個效果,要一個上邊兩個角為圓角,下面兩個角為直角的四邊形白色背景;

如下圖:

 

 

這裡用到了shape屬性中的corners 屬性,

api原文中是這樣:

<corners
    android:radius="integer"
    android:topLeftRadius="integer"
    android:topRightRadius="integer"
    android:bottomLeftRadius="integer"
    android:bottomRightRadius="integer" />

單一設置android:radius="integer"時,表示四個角都為integer像素的圓角;

這裡我開始的時候這樣設置了四個屬性

<corners android:topLeftRadius="10px"
        android:topRightRadius="10px" android:bottomLeftRadius="0px"
        android:bottomRightRadius="0px"/>

結果發現四個角無圓角效果,怎麼找都找不到原因;

後來我想到了折中的辦法,我這樣設置:

<corners android:topLeftRadius="10px"
        android:topRightRadius="10px" android:bottomLeftRadius="1px"
        android:bottomRightRadius="1px"/>

下面的兩個角我都給1個像素的圓角效果,這樣在手機上根本看不出來有圓角效果;

做出來的效果如下:

源代碼如下:在drawable文件夾下,建whiterounded_half_bg.xml文件,文件內容為:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFFFF" />
    <corners android:topLeftRadius="10px"
        android:topRightRadius="10px" android:bottomLeftRadius="1px"
        android:bottomRightRadius="1px"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp"
        android:bottom="0dp" />
</shape>

然後在layout文件夾下,相應的頁面中相應的位置下使用android:background="@drawable/whiterounded_half_bg"

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