Android:使用selector 在 button上无效的问题

最新推荐文章于 2022-02-03 00:16:34 发布

凉城古梦喵扑街

最新推荐文章于 2022-02-03 00:16:34 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android Android初学者

本文链接：https://blog.youkuaiyun.com/ssh159/article/details/65630082

Android 同时被 2 个专栏收录

33 篇文章

订阅专栏

Android初学者

29 篇文章

订阅专栏

这篇博客探讨了在Android中遇到使用selector为Button设置点击变色效果无效的问题。作者提出使用RadioButton代替Button作为解决方案，并分享了一个简单的drawable XML文件(auto_textview.xml)来实现这一效果。此外，还提到了selector可以用于创建更多视觉效果，如描边、圆角等。

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

我们常常会写button 点击变色（获焦点），失焦恢复颜色这样：

很简单，在drawable写一个xml，selector中，判断 textcolor 就可以了，

selector还可以写其他有趣的事情，比如描边，圆角，填充，设置内边距等等；

但是在button中是无效的！如果用代码写的话，又太费劲....

<Button
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="无价值"
    android:textColor="@drawable/auto_textonclick"
    android:background="@drawable/auto_bgonclick"
    android:layout_marginLeft="10dp"
    android:gravity="center"/>

正常的Button 是没用的，所以，我们用RadioButton !

<!-- 评分按钮 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="10dp">
<RadioGroup
    android:layout_width="match_parent"
    android:layout_height="35dp"
    android:orientation="horizontal">
        <RadioButton
            android:id="@+id/noJz"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="无价值"
            android:textColor="@drawable/auto_textonclick"
            android:background="@drawable/auto_bgonclick"
            android:button="@null"
            android:layout_marginLeft="10dp"
            android:gravity="center"/>
        <RadioButton
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="还可以"
            android:textColor="@drawable/auto_textonclick"
            android:background="@drawable/auto_bgonclick"
            android:button="@null"
            android:gravity="center"
            android:layout_marginLeft="10dp"/>
        <RadioButton
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="有价值"
            android:textColor="@drawable/auto_textonclick"
            android:background="@drawable/auto_bgonclick"
            android:button="@null"
            android:gravity="center"
            android:layout_marginLeft="10dp"/>
</RadioGroup>
    </LinearLayout>

auto_textview.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 得到焦点：白色 -->
    <item
        android:color="@android:color/white"
        android:state_checked="true" />
<!-- 默认：红色 -->
    <item
        android:color="@android:color/holo_red_light"/>

</selector>

auto_bgonclick

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:drawable="@drawable/all_red"
        android:state_checked="true"/>
    <item
        android:drawable="@drawable/bai_red"/>

</selector>

selector还可以写其他有趣的事情，比如描边，圆角，填充，设置内边距等等：

iconbg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 描边 -->
    <stroke android:width="0.5dp"  android:color="@color/Chuise3"/>
    <!-- 填充 -->
    <solid android:color="@android:color/white"/>

    <!-- 圆角 -->
    <corners android:radius="8dp"/>

    <!-- 内容与边框间距 -->

</shape>

背景引用：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_margin="5dp"
    android:padding="10dp"
    android:background="@drawable/iconbg">
.......内容
</LinearLayout>

是不是很简单啊？