Android Button按钮点击背景和文字变化操作

来自:互联网
时间:2020-10-14
阅读:
免费资源网 - https://freexyz.cn/

Android 原生的按钮点击状态是有变化的,但是如果是自己加了一个.png格式的图片为背景色,按钮点击就不会有任何效果,为了达到点击按钮有一闪的效果,我们就需要准备两张图进行切换, 而且文字也要变色,老规矩废话不多说直接上代码:

按钮背景图片放在 drawable/background_button.xml

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

 <item android:drawable="@drawable/bg_press" android:state_pressed="true"/>
 <item android:drawable="@drawable/bg_normal" android:state_enabled="true"/>
 <item android:drawable="@drawable/bg_normal"/>
</selector>

准备两张图片一张为bg_press.png, 一张为 bg_normal.png。

在需要变化的按钮中设置:

   <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="50dp"
    android:focusable="false"
    android:gravity="center"
    android:textSize="24px"
    android:text="@string/str_tethering_modify"
    android:background="@drawable/background_button" />

这有背景色变化就解决完了,下面到按钮上的文字了,现在点击按钮按钮上的文字是没有变化的,为了达到按钮文字颜色的变化我们再新建一个xml文件。

按钮颜色变化 drawable/button_color.xml

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

 <item android:state_pressed="true" android:color="#975508"/>
 <item android:state_focused="false" android:state_pressed="false" android:color="#E5960E"/>
 <item android:state_focused="true" android:color="#975508"/>
 <item android:state_focused="false" android:color="#E5960E"/>

</selector>

 

加入到我们的按钮textColor中

   <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="50dp"
    android:focusable="false"
    android:gravity="center"
    android:textSize="24px"
    android:textColor="@drawable/button_color"
    android:text="@string/str_tethering_modify"
    android:background="@drawable/background_button" />

这样直接使用背景和文字就都有点击效果啦,但是如果有这样一个需求,在某些条件下需要再设置按钮文字的颜色button.setTextColor(color),这样设置完后,发现我们按钮上文字点击又没有变化了,我之前试着直接 button.setTextColor(R.drawable.button_color);发现这样是没有任何用处的。这样就需要使用 ColorStateList 来解决,顾名思义,就是定义颜色的状态列表,通过监听按钮不同状态来设置不同的颜色,

老规矩,废话不多说了,直接贴代码:

 /**
  * 按钮点击颜色变化
  */
 private ColorStateList colorStateList;
 colorStateList = (ColorStateList)getResources().getColorStateList(R.drawable.button_color);
 if(xxx){
  button.setTextColor(Color.White);
 }else{
  button.setTextColor(colorStateList);
 }

这样就完美解决了按钮点击状态的变化啦。

补充知识:android studio设置按钮和背景融为一体也就是按钮去除阴影

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button_send"
android:onClick="sendMessage"
style="?android:attr/borderlessButtonStyle" />

以上这篇Android Button按钮点击背景和文字变化操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持免费资源网。

免费资源网 - https://freexyz.cn/
返回顶部
顶部