android Button 样式

我们在开发的过程中很多时候要用到一些触发事件改变一个控件的背景颜色或样式。

接下来就是自定义的一些触发事件的样式效果  都是通用的，希望对大家有所帮助。

记住是放在res>>drawable下面

----------------------------------------项目中的真实代码如下---------------------------

<?xmlversion="1.0"encoding="utf-8"?>

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

      <itemandroid:state_pressed="true">

            <shape>

                  <gradientandroid:startColor="#0d76e1"android:endColor="#0d76e1"

                        android:angle="270"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="2dp"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

 

      <itemandroid:state_focused="true">

            <shape>

                  <gradientandroid:startColor="#ffc2b7"android:endColor="#ffc2b7"

                        android:angle="270"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="2dp"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

 

      <item>

            <shape>

                  <gradientandroid:startColor="#000000"android:endColor="#ffffff"

                        android:angle="180"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="5dip"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

</selector>

----------------------------------------------简单的介绍一下各个的作用和使用-------------------------------------- 

<shape>
            <!-- 实心 -->
           <solid android:color="#ff9d77"/>
            <!-- 渐变 -->
            <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>

gradient 主体渐变 startColor开始颜色，endColor结束颜色，angle开始渐变的角度（值只能为90的倍数，0时为左到右渐变，90时为下到上渐变，依次逆时针类推）
stroke 边框 width 边框宽度，color 边框颜色
corners 圆角 radius 半径，0为直角
padding text值的相对位置

1.solid：实心，就是填充的意思
android:color指定填充的颜色

2.gradient：渐变
android:startColor和android:endColor分别为起始和结束颜色，android:angle是渐变角度，必须为45的整数倍。
另外渐变默认的模式为android:type="linear"，即线性渐变，可以指定渐变为径向渐变，android:type="radial"，径向渐变需要指定半径android:gradientRadius="50"。

android:angle网上有各种说法，这里，我说说自己的实验结果，渐变的时候，最原始的，即android:angle＝“0”时，是从左到右，按照开始颜色到结束颜色来渲染的，android:angle＝“90”是从下到上来渲染的，android:angle＝“270”是从上到下来渲染的，android:angle＝“180”是从右到左来渲染的，android:angle＝“360”和android:angle＝“0”是一样的，所以这里应该是这样的，渲染时按照最原始的渲染色板（把控件内部看作一块可以绕中心旋转的板子）围绕控件中心来逆时针旋转相应的度数，即android:angle里面的值就是所需要旋转的角度，只是这个旋转角度必须是45的整数倍

3.stroke：描边
android:width="2dp" 描边的宽度，android:color 描边的颜色。
我们还可以把描边弄成虚线的形式，设置方式为：
android:dashWidth="5dp" 
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度，android:dashGap表示之间隔开的距离。

4.corners：圆角
android:radius为角的弧度，值越大角越圆。
我们还可以把四个角设定成不同的角度，方法为：
<corners 
       android:topRightRadius="20dp"    右上角
       android:bottomLeftRadius="20dp"    右下角
       android:topLeftRadius="1dp"    左上角
       android:bottomRightRadius="0dp"    左下角
 />
这里有个地方需要注意，bottomLeftRadius是右下角，而不是左下角，这个不要记错了。
还有网上看到有人说设置成0dp无效，不过我在测试中发现是可以的，我用的是4.2，可能修复了这个问题吧，如果无效的话那就只能设成1dp了。

5.padding：间隔
中间文字距离边框的间隔。

<?xmlversion="1.0"encoding="utf-8"?>

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

      <itemandroid:state_pressed="true">

            <shape>

                  <gradientandroid:startColor="#0d76e1"android:endColor="#0d76e1"

                        android:angle="270"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="2dp"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

 

      <itemandroid:state_focused="true">

            <shape>

                  <gradientandroid:startColor="#ffc2b7"android:endColor="#ffc2b7"

                        android:angle="270"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="2dp"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

 

      <item>

            <shape>

                  <gradientandroid:startColor="#000000"android:endColor="#ffffff"

                        android:angle="180"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="5dip"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

</selector>

希望对大家有所帮助，有问题可以Q聊 QQ:545614498