android 自定義元件圓形邊框

在android開發中，我們經常要自定義元件如TextView等背景或邊框為四角圓形。

首先，我們在drawable目錄下建立一個xml檔案，bg.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle"><!-- android:shape="" 表示是圓角矩形還是橢圓等等 -->

    <!-- 背景顔色 -->

    <solid android:color="@color/mycolor" />

    <!-- padding 表示内部空間距離背景圖檔内部邊距 的距離 -->

    <padding android:top="15dp" android:bottom="15dp" />

    <!-- 圖檔邊框屬性 -->

    <stroke

        android:width="0dp"

        android:color="#ffffff" />

    <!-- 圓角的程度 -->

    <corners android:radius="5dp" />

<!-- 定義背景的漸變  如果是不漸變可不寫-->

    <gradient

        android:angle="45" <!---angle表示方向角度。當angle=0時，漸變色是從左向右。 然後逆時針方向轉，當angle=90時為從下往上。->

        android:centerColor="@color/center"<!--漸變色的中間顔色-->

        android:centerX="0.5" <!--漸變的中間   0.5為x軸方向的中間-->

        android:centerY="0.5"

        android:endColor="@color/endcolor

        android:startColor="@color/startcolor"

        android:type="linear" />

               <!--  linear 線性漸變，這是預設設定

                 radial 放射性漸變，以開始色為中心。

                 sweep 掃描線式的漸變。-->

</shape>

這樣，一個四角圓形的背景就完成了，隻需要在view中設定android:background="@drawable/bg"

就可以了。

關于設定按下時背景的改變，請參考另一篇文章http://dzc.iteye.com/blog/2161737