Android按鈕shape形狀資原始碼實現

標籤：執行個體   android按鈕效果   

1、項目Src下建立drawable

看文檔Develop/API Guides/App Resources/Drawable/Shape Drawable

單詞：corners : 角  ;  gradient :梯度； solid:固定的； stroke: 邊框--可以做底線
       Rectangle : 矩形；dash :破折號 gap:間隙；

2、拷貝執行個體代碼，檔案命名（gradient_box.xml，下面是模版）

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners android:radius="5dip"/>        <gradient android:startColor="#ff0000"        android:endColor="#00ff0000"/>        <solid android:color="#ffffff" />        <stroke android:width="3dip" android:color="#000000" android:dashGap="5dip"        android:dashWidth="5dip"/>    </shape>

3、預設狀態function_greenbutton_normal.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners android:radius="5dip"/>        <solid android:color="#ffffff" />    </shape>

4、按下去狀態狀態function_greenbutton_pressed.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners android:radius="5dip"/>        <solid android:color="#22000000" />    </shape>

5、把兩個狀態整合在shape_bg.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_pressed="true"          android:drawable="@drawable/function_greenbutton_pressed" /> <!-- pressed -->              <item android:state_focused="true"          android:drawable="@drawable/function_greenbutton_pressed" /> <!-- focused -->                <item android:drawable="@drawable/function_greenbutton_normal" /> <!-- default --></selector>

6、並使用

在Button框下android:background="@drawable/shape_bg"來調用。

Android按鈕shape形狀資原始碼實現