自定义 checkbox 新玩法 ?

最新推荐文章于 2025-12-05 09:24:48 发布

转载最新推荐文章于 2025-12-05 09:24:48 发布 · 68 阅读

文章标签：

#移动开发

本文介绍如何通过自定义样式和状态选择器实现一个带有语音图标切换的Checkbox组件。该组件能够在点击时改变图标状态，从开启语音到关闭语音，并监听状态变化执行相应操作。

第一步:selector

编写 drawable/selector_checkbox_voice.xml

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

第二步:style

VoiceCheckboxTheme

<!--自定义的checkbox-->
<style name="VoiceCheckboxTheme" parent="@android:style/Widget.CompoundButton.CheckBox">
    <item name="android:button">@drawable/selector_checkbox_voice</item>
</style>

第三步:布局文件里

<CheckBox
    android:id="@+id/cb_voice"
    style="@style/VoiceCheckboxTheme" //这里使用
    android:layout_width="@dimen/dp21"
    android:layout_height="@dimen/dp28"
    android:gravity="center"
    android:layout_marginLeft="@dimen/dp30"
    />

第四步:效果

看左边第二个

//点击前

//点击后

你可以监听状态:

//语音是否关闭
    mCb_Voice.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if (isChecked){
                //执行关闭语音
                MGToast.showToast("执行关闭语音");
            }else {
                //执行开启语音
                MGToast.showToast("执行开启语音");
            }
        }
    });