Android 设置Button的点击样式

前言

        今天有个需求是嫌按钮点击效果不明显，想修改一下点击之后的颜色。本来是一个很小的需求，我当时想的是，直接用个selector，然后设置到背景不就行了吗，然后就开搞。然后坑就来了.......

坑1

         这样设置是没什么问题，但是设置完之后我的button变成了这样

                                                               

这就很难受了，虽然可以用Padding解决，但是这样做的话每个Button都得改一下，太麻烦了。所以我就想，怎么才能直接就设置到所有的Button上

        说干就干，默认的Button肯定有源码吧，那就从源码下手，看一下默认的Button是怎么设置的，打开style文件，

我们要做的就是找到Button的样式，可以点进去查找Button，我这儿用的是

然后，就可以自定义一个ButtonStyle 继承Button了，点进去看一下

我们看到，Button设置了默认的最小宽高，还有一些基础属性，但是我们需要看的是Background，进去看一下他的drawable是怎么实现的

可以看出来，他使用了Inset来约束这个Button，相当于为Button设置了默认的Padding，这下我就知道怎么修改了。

首先自己新建一个drawable文件，然后把他的代码拷贝进去，再加上自己想要的点击样式，像下面一样

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="4dp"
    android:insetTop="6dp"
    android:insetRight="4dp"
    android:insetBottom="6dp">
    <selector>
        <item android:state_pressed="true">
            <shape android:shape="rectangle">
                <!-- 填充的颜色 -->
                <solid android:color="#3EC5FF" />
                <!-- 设置按钮的四个角为弧形 -->
                <!-- android:radius 弧形的半径 -->
                <corners android:radius="4dip" />
                <!-- padding：Button里面的文字与Button边界的间隔 -->
                <padding android:left="8dp"
                    android:top="4dp"
                    android:right="8dp"
                    android:bottom="4dp" />
            </shape>
        </item>
        <item>
            <shape android:shape="rectangle">
                <!-- 填充的颜色 -->
                <solid android:color="@color/white" />
                <!-- 设置按钮的四个角为弧形 -->
                <!-- android:radius 弧形的半径 -->
                <corners android:radius="4dip" />
                <!-- padding：Button里面的文字与Button边界的间隔 -->
                <padding android:left="8dp"
                    android:top="4dp"
                    android:right="8dp"
                    android:bottom="4dp" />
            </shape>
        </item>
    </selector>
</inset>

设置完之后，再把他加到我们的style中，就可以用了，到时候所有的Button默认都是修改后的样子，就不需要再挨个设置了

<resources>
    <!-- Base application theme. -->
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

        <item name="buttonStyle">@style/ButtonStyle</item>
    </style>
    <!--/** 设置button的样式 **/-->
    <style name="ButtonStyle" parent="@style/Base.Widget.AppCompat.Button">
        <item name="android:background">@drawable/button_state</item>
    </style>

</resources>

最后看一下效果图

点击时变色

其实代码很简单，拷贝了就能用，说这么多废话只是希望把自己的思路提供给大家，CV大发虽好，但是不思考进步总是很局限的，最后希望各位早日脱坑，走上人生巅峰