Appcompatcheckbox设置颜色,style样式等

大家都知道设置CheckBox的选中以及未选中效果可以使用selector,这种方式比较简单也比较传统这里不做讨论。我最近在做项目的时候使用的是Appcompatcheckbox,这个控件是一个兼容控件,在support-V7包中 
android.support.v7.widget.AppCompatCheckBox,主要是可以实现Material风格的效果,即使在Android5.0以下的系统也可以。

设置方法如下: 
先定义Checkbox的style,在style.xml文件中

<style name="MyCheckBox" parent="Theme.AppCompat.Light">  
    <item name="colorControlNormal">@color/green</item>
    <item name="colorControlActivated">@color/gray</item>
</style>

colorControlActivated表示选中时的颜色,colorControlNormal是未选中的颜色 
然后在布局文件中,对控件设置主题

<android.support.v7.widget.AppCompatCheckBox
                android:id="@+id/preview_checkbox"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:theme="@style/MyCheckBox"
                android:text="选择"/>

下面是效果,但是图是我盗的 
这里写图片描述

但是真实使用的时候也许你会遇到一些问题,比如下面是我的布局,我禁止了Checkbox的点击事件,并且将它设置为enable=false,使用外层的布局的点击事件控制里面checkbox的选中与取消选中。这时候我发现怎么都变不成绿色,在网上查了很久我发现了下最下面的一张图,一切都恍然大悟。disable状态时选中也是灰色。

<RelativeLayout
        android:id="@+id/checkbox_layout"
        android:layout_width="wrap_content"
        android:layout_toRightOf="@id/checkbox1"
        android:layout_height="wrap_content">

        <android.support.v7.widget.AppCompatCheckBox
            android:id="@+id/checkbox2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dp"
            android:enabled="false"
            android:clickable="false"
            android:theme="@style/MyCheckBox"
            android:text="CheckBox"/>
    </RelativeLayout>

此图可以参考设置checkbox的属性 
这里写图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Kotlin 中,可以通过使用 AppCompatCheckBox 和 RadioGroup 来实现单选效果。具体步骤如下: 1. 在布局文件中添加一个 RadioGroup 和多个 AppCompatCheckBox,如下所示: ``` <RadioGroup android:id="@+id/radioGroup" android:layout_width="match_parent" android:layout_height="wrap_content"> <androidx.appcompat.widget.AppCompatCheckBox android:id="@+id/checkBox1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="选项1"/> <androidx.appcompat.widget.AppCompatCheckBox android:id="@+id/checkBox2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="选项2"/> <androidx.appcompat.widget.AppCompatCheckBox android:id="@+id/checkBox3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="选项3"/> </RadioGroup> ``` 2. 在 Kotlin 代码中设置 RadioGroup 的监听器,并在监听器中处理单选逻辑,代码如下: ``` val radioGroup = findViewById<RadioGroup>(R.id.radioGroup) val checkBox1 = findViewById<AppCompatCheckBox>(R.id.checkBox1) val checkBox2 = findViewById<AppCompatCheckBox>(R.id.checkBox2) val checkBox3 = findViewById<AppCompatCheckBox>(R.id.checkBox3) radioGroup.setOnCheckedChangeListener { _, checkedId -> when (checkedId) { R.id.checkBox1 -> { checkBox1.isChecked = true checkBox2.isChecked = false checkBox3.isChecked = false } R.id.checkBox2 -> { checkBox1.isChecked = false checkBox2.isChecked = true checkBox3.isChecked = false } R.id.checkBox3 -> { checkBox1.isChecked = false checkBox2.isChecked = false checkBox3.isChecked = true } } } ``` 在监听器中使用 when 表达式判断选中的是哪个 AppCompatCheckBox,然后根据选中的情况设置 AppCompatCheckBox 的 isChecked 属性。这样就可以实现单选效果了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值