shape自定义button样式

 

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

<selector //view的各种状态(正常无焦点,焦点,onclick按下、放开等等)

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

    <item android:state_pressed="true" >      //选中未up时

        <shape>

            <gradient     //颜色渐变

                android:startColor="#ff8c00"   //开始颜色   

                android:endColor="#FFFFFF"   //结束颜色

                android:angle="270" />           //渐变方向

            <stroke //按钮边缘

                android:width="2dp"               //边缘宽

                android:color="#dcdcdc" />     //边缘颜色

            <corners //按钮四个圆角

                android:radius="2dp" />    //半径

            <padding //按钮文字和边缘距离(内边距)

                android:left="10dp"

                android:top="10dp"

                android:right="10dp"

                android:bottom="10dp" />

        </shape>

    </item>

 

    <item android:state_focused="true" >  //焦点

        <shape>

            <gradient

                android:startColor="#ffc2b7"

                android:endColor="#ffc2b7"

                android:angle="270" />

            <stroke

                android:width="2dp"

                android:color="#dcdcdc" />

            <corners

                android:radius="2dp" />

            <padding

                android:left="10dp"

                android:top="10dp"

                android:right="10dp"

                android:bottom="10dp" />

        </shape>

    </item>

 

    <item>          //无焦点

        <shape>

            <gradient

                android:startColor="#ff9d77"

                android:endColor="#ff9d77"

                android:angle="270" />

            <stroke

                android:width="2dp"

                android:color="#fad3cf" />

            <corners

                android:radius="2dp" />

            <padding

                android:left="10dp"

                android:top="10dp"

                android:right="10dp"

                android:bottom="10dp" />

        </shape>

    </item>

</selector>