Android btn在不同点击状态下的不同表现

在默认情况下，btn在焦点的移入移出，点击等等，btn样式是没有变化的。本文通过简单的方法，实现btn不同状态下的样式改变。

首先，先来看看最后的效果

由于无法通过短视频的方式展示，我只能通过文字描述下。下图是默认情况下btn的显示。当我们获取到焦点或点击的时候，会btn下面会出现阴影且btn会缩小下。

实现btn默认样式

在drawable下新建xml样式文件btn_commit_default，具体实现如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<!--实体颜色，按需求自己定义，我的是#2d86b8-->
<solid android:color="@color/colorMain"></solid>

<!--弧度，按需求自己定义，我的是5dp-->
<corners android:radius="@dimen/btnRadius"></corners>

</shape>

实现btn高亮样式（由于项目需求，我这里点击时候的样式并没有改变）

在drawable下新建xml样式文件btn_commit_high_light，具体实现如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<!--实体颜色，按需求自己定义，我的是#2d86b8-->
<solid android:color="@color/mainColorH"></solid>

<!--弧度，按需求自己定义，我的是5dp-->
<corners android:radius="@dimen/btnRadius"></corners>

</shape>

我们再写一个xml来集成上面的两种样式

在drawable下新建xml样式文件btn_commit_select，具体实现如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<!--View 高亮，这里就是执行的各个状态，获取焦点，点击后，移出移入等等，按需求自己定义xml-->
<item android:state_focused="true" android:drawable="@drawable/btn_commit_high_light"></item>
<item android:state_pressed="true" android:drawable="@drawable/btn_commit_high_light"></item>
<item android:state_selected="true" android:drawable="@drawable/btn_commit_high_light"></item>

<!--View 默认,默认显示下的btn-->
<item android:drawable="@drawable/btn_commit_default"></item>
</selector>

最后使用

我们上面的btn_commit_select样式怎么放入到btn上面呢？很简单，直接作为背景引用即可，无需我们手动的写事件去监听再改变样式。

<!--登录按钮-->
<style name="commitBtn">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">@dimen/btnHeight</item>
<item name="android:layout_marginLeft">@dimen/marginSize</item>
<item name="android:layout_marginRight">@dimen/marginSize</item>
<item name="android:gravity">center</item>
<item name="android:textSize">@dimen/titleSize</item>
<item name="android:textColor">@color/white</item>
<item name="android:background">@drawable/btn_commit_select</item>
</style>