给CheckBox换样式

1、声明一个CheckBox，并设置style

2、编写style样式

<resources>
<style name="MyCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
<item name="android:textSize">16.0sp</item>
<item name="android:textColor">@color/qq_checkbox_text_color</item>
<item name="android:paddingLeft">28.0px</item>
<item name="android:button">@drawable/qq_btn_check</item>
</style>
</resources>

3、定义qq_btn_check.xml作为背景

<?xml version="1.0" encoding="UTF-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false" android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/btn_check_on" />
<item android:state_window_focused="false" android:state_enabled="true" android:state_checked="false" android:drawable="@drawable/btn_check_off" />
<item android:state_enabled="true" android:state_checked="true" android:state_pressed="true" android:drawable="@drawable/btn_check_on_pressed" />
<item android:state_enabled="true" android:state_checked="false" android:state_pressed="true" android:drawable="@drawable/btn_check_off_pressed" />
<item android:state_focused="true" android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/btn_check_on_selected" />
<item android:state_focused="true" android:state_enabled="true" android:state_checked="false" android:drawable="@drawable/btn_check_off_selected" />
<item android:state_enabled="true" android:state_checked="false" android:drawable="@drawable/btn_check_off" />
<item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/btn_check_on" />
</selector>

给CheckBox换样式相关推荐

android 自定义checkBox的样式
今天,随便讲讲自定义CheckBox的样式. 第一种方法: 1.在drawable文件新建checkbox_style.xml. <?xml version="1.0" en ...
微信小程序 - 更改radio和checkbox选中样式
点击下载源码:示例-更改radio或checkbox选中样式转载于:https://www.cnblogs.com/cisum/p/9761807.html
html复选框不可修改,如何用【伪类】成功修改HTML checkbox默认样式？（新checkbox覆盖老checkbox无法点击的问题）...
按照一篇博客上的指导,修改checkbox默认样式: (博客地址: https://www.cnblogs.com/GumpY... ) 效果图: 按照博客,我的意图是: 1-把原checkbox 的 ...
自定义 input[type=checkbox]的样式
自定义 input[type="checkbox"]的样式对复选框自定义样式,我们以前一直用的脚本来实现,不过现在可以使用新的伪类 :checkbox 来实现. 如果直接对复选框 ...
checkbox自定义样式
checkbox自定义样式 1 1 常见的自定义样式是改变checkbox的button图片,但是他的需求是去掉checkbox的选项框,使checkbox的样式类似button.我最初给的建议是使用 ...
android的checkbox设置样式,android自定义checkBox的样式
释放双眼,带上耳机,听听看~! 今天,随便讲讲自定义CheckBox的样式. 第一种方法: 1.在drawable文件新建checkbox_style.xml. 2.定义一个style,使用上面的xm ...
使用css修改input框中checkbox的样式
概述在页面设计时,我们经常使用input复选框.由于界面设计的需要,我们需要修改复选框的样式,使得界面更美观或者适应新的需求.由于CheckBox伪类修改比较复杂,通常修改的方式有两种,一个是链入图 ...
如何在bootstap中修改checkbox的样式
最近搞bootstrap的时候发现checkbox这个东西有点丑,改了一下.上代码 html代码 <input type="checkbox" class="che ...
input复选框checkbox默认样式纯css修改
修改之前的样式修改之后的样式 html <input type="checkbox" name="btn" id="btn1"&g ...

给CheckBox换样式

给CheckBox换样式相关推荐

最新文章

热门文章