自定义 checkbox 新玩法 ?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义 checkbox 新玩法 ?相关的知识,希望对你有一定的参考价值。

自定义 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("执行开启语音");
            }
        }
    });


以上是关于自定义 checkbox 新玩法 ?的主要内容,如果未能解决你的问题,请参考以下文章

找到我的自定义代码片段 Xcode 6?

Vue3中CSS的新玩法-CSS模块 &amp;amp; 动态CSS

DIY穷人版谷歌眼镜,自定义手势操控,树莓派再一次被开发新玩法

视频直接变漫画!GAN又有了新玩法|Demo+代码+论文

Github 新玩法 -- Profile ReadMe

[ HTML5 表单样式 checkbox | radio ] 自定义checkbox 与radio样式实现思路