Android开发如何使用选择器（selector）来实现点击按钮变色

最新推荐文章于 2024-03-22 09:50:17 发布

原创最新推荐文章于 2024-03-22 09:50:17 发布 · 1.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#Android 开发

本文介绍如何使用Android选择器实现按钮点击时背景颜色变化的效果。通过创建颜色资源文件和选择器，设置不同状态下的按钮颜色，最终实现交互式视觉反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何使用选择器（selector）来实现点击按钮变色简单的选择器操作



<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <!-- 我们先写一个按钮 -->
    <Button
        android:id="@+id/bt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击按钮" />

</LinearLayout>

在values文件夹下新建个color.xml文件，用来设置要显示的颜色↓

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<!-- 设置颜色值 -->
    <color name="red">#FF0000</color>
    <color name="green">#00FF00</color>

</resources>

在drawable文件夹下新建一个选择器,如图
在这里插入图片描述
在选择器里面设置颜色值

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

    <!-- pressed为true时，是按下按钮，反则相反。drawable是选择在values里的颜色值 -->

    <item android:drawable="@color/green" android:state_pressed="true"></item>
    <item android:drawable="@color/red" android:state_pressed="false"></item>

</selector>

最后一步在按钮控件里加上这段代码就可以了

 android:background="@drawable/background"

下面是布局页面的代码


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <!--按钮 -->

    <Button
        android:id="@+id/bt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/background"
        android:text="点击按钮" />

</LinearLayout>

设置颜色的页面

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<!-- 设置颜色值 -->
    <color name="red">#FF0000</color>
    <color name="green">#00FF00</color>

</resources>

设置选择器的页面

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

    <!-- pressed为true时，是按下按钮，反则相反。drawable是选择在values里的颜色值 -->

    <item android:drawable="@color/green" android:state_pressed="true"></item>
    <item android:drawable="@color/red" android:state_pressed="false"></item>

</selector>

效果图
在这里插入图片描述