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

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);
    }

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

  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以通过定义drawable文件来自定义Android Button点击背景。以下是一个简单的示例: 首先,创建一个名为 `button_bg.xml` 的 drawable 文件,它将作为按钮背景。在该文件中添加以下内容: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/button_pressed" android:state_pressed="true"/> <item android:drawable="@drawable/button_normal"/> </selector> ``` 在此示例中,使用了 `selector` 标签来定义按钮的状态,并在不同状态下使用不同的 drawable。具体来说,当按钮被按下时,将使用名为 `button_pressed` 的 drawable;否则,将使用名为 `button_normal` 的 drawable。 接下来,创建 `button_pressed.xml` 和 `button_normal.xml` 两个 drawable 文件,分别用于按钮按下和未按下状态的背景。这些文件可以根据你的需求进行定制。 例如,可以创建一个简单的 `button_pressed.xml` 文件,如下所示: ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#FF4081"/> </shape> ``` 此文件中,使用 `shape` 标签来定义一个矩形形状,并使用 `solid` 标签来填充矩形颜色。在此示例中,填充颜色为粉红色。 最后,在你的布局文件中,将按钮背景设置为 `button_bg.xml`: ```xml <Button android:id="@+id/myButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Click Me!" android:background="@drawable/button_bg"/> ``` 在此示例中,使用 `android:background` 属性将按钮背景设置为 `button_bg.xml`。现在,当按钮被按下时,它会使用 `button_pressed.xml` 中定义的粉红色背景。否则,它将使用 `button_normal.xml` 中定义的默认背景
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值