Android Button点击效果(按钮背景变色、文字变色)

简介:

一、 说明

Android Button的使用过程中,我们会需要为Button添加点击效果,不仅仅按钮的背景色需要变化,而且有时,我们连文字的颜色都希望变化,我们可以使用StateListDrawable资源可以实现。


二、 实现按钮点击的变化

2.1 实现效果:



2.2 我们首先需要定义按钮的背景的资源文件,我们使用图片资源来实现点击变化

selector_btn_click_bg.xml

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

    <item android:drawable="@drawable/load_cofirm_btn_normal" android:state_enabled="true" android:state_window_focused="false"/>
    <item android:drawable="@drawable/load_cofirm_btn_normal" android:state_enabled="false"/>
    <item android:drawable="@drawable/load_cofirm_btn_press" android:state_pressed="true"/>
    <item android:drawable="@drawable/load_cofirm_btn_normal" android:state_focused="true"/>

</selector>


2.2 关于按钮的文字变化,我们使用颜色资源,定义color.xml,注意,在里面加入以下自定义颜色(注意不是用color标签)的代码:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <drawable name="red">#f00</drawable>
    <drawable name="gray">#ccc</drawable>
</resources>

2.3 在res下新建drawable目录,里面新建selector_btn_click_bg.xml和selector_btn_click_text_color.xml文件,分别来设置按钮背景色和文字颜色

selector_btn_click_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/load_cofirm_btn_normal" android:state_pressed="false"/>
    <item android:drawable="@drawable/load_cofirm_btn_normal" android:state_focused="false"/>
    <item android:drawable="@drawable/load_cofirm_btn_press" android:state_pressed="true"/>
    <item android:drawable="@drawable/load_cofirm_btn_press" android:state_focused="true"/>
</selector>

selector_btn_click_text_color.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="false" android:color="@drawable/red"/>
    <item android:state_focused="true" android:color="@drawable/gray"/>
    <item android:state_pressed="false" android:color="@drawable/red"/>
    <item android:state_press="true" android:color="@drawable/gray"/>
</selector>

2.4 在布局的按钮上,添家statelistdrawable修饰

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/selector_btn_click_bg"
        android:text="点击我啊,看我变一变"
        android:textColor="@drawable/selector_btn_click_text_color" />


运行程序,可看到我们想要的效果。


程序代码(免费):http://download.csdn.net/detail/zuiwuyuan/7975847


相关文章
|
4月前
|
Java Android开发
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
159 0
|
4月前
|
Android开发
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
66 1
|
4月前
|
XML Java Android开发
Android Studio App开发之实现底部标签栏BottomNavigationView和自定义标签按钮实战(附源码 超详细必看)
Android Studio App开发之实现底部标签栏BottomNavigationView和自定义标签按钮实战(附源码 超详细必看)
71 0
|
16天前
|
XML Java Android开发
Android每点击一次按钮就添加一条数据
Android每点击一次按钮就添加一条数据
21 1
|
3月前
|
Android开发
解决在Android Compose中点击空白处收回软键盘
解决在Android Compose中点击空白处收回软键盘
|
8月前
|
Android开发
Android中保存当前按钮的状态 按back键返回之后再次进入没有改变
Android中保存当前按钮的状态 按back键返回之后再次进入没有改变
45 0
|
8月前
|
XML Android开发 数据格式
Android中利用shape属性自定义设置Button按钮
Android中利用shape属性自定义设置Button按钮
134 0
|
4月前
|
XML API Android开发
Android 自定义View 之 计时文字
Android 自定义View 之 计时文字
|
4月前
|
XML Java Android开发
Android App事件交互中区分点击和长按动作以及识别手势滑动方向的讲解及实战(附源码 可直接使用)
Android App事件交互中区分点击和长按动作以及识别手势滑动方向的讲解及实战(附源码 可直接使用)
57 0
|
4月前
|
Android开发 iOS开发 容器
Android Studio App开发入门之选择按钮的讲解及使用(包括复选框,开关按钮,单选按钮,附源码)
Android Studio App开发入门之选择按钮的讲解及使用(包括复选框,开关按钮,单选按钮,附源码)
64 0