Android CheckBox 复选框（自定义复选框）

一、正常使用

代码

<!-- CheckBox -->
<CheckBoxandroid:id="@+id/man"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="男"/>
<!-- CheckBox -->
<CheckBoxandroid:id="@+id/woman"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="女"/>

如果需要 设置文字与选择框的距离，加上 android:paddingLeft="5dp" 配置即可。

public class MainActivity extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener {@SuppressLint("WrongConstant")@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 获得按钮CheckBox manBox = (CheckBox) findViewById(R.id.man);CheckBox womanBox = (CheckBox) findViewById(R.id.woman);// 添加选中监听manBox.setOnCheckedChangeListener(this);womanBox.setOnCheckedChangeListener(this);}@Overridepublic void onCheckedChanged(CompoundButton compoundButton, boolean b) {// 获取内容String str = compoundButton.getText().toString();// 是否选中if (compoundButton.isChecked()) {Toast.makeText(this, str, Toast.LENGTH_LONG).show();}}
}

效果

二、`drawable` 自定义

Android drawable 与 mipmap 文件夹存放图片有区别

xml 代码

<!-- CheckBox -->
<CheckBoxandroid:id="@+id/none"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="无"android:button="@drawable/check_box"/>

drawable 代码

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

效果

二、`style` 自定义

它还是基于 drawable 代码

xml 代码

<!-- CheckBox -->
<CheckBoxandroid:id="@+id/none"android:layout_width="wrap_content"android:layout_height="wrap_content"style="@style/MyCheckBox"android:text="无"/>

drawable 代码，需要在 res/values/styles.xml 文件中添加，如果没有 styles.xml 手动创建一下。

<?xml version="1.0" encoding="utf-8"?>
<resources><style name="MyCheckBox"><!-- 导入 drawable 文件中的 check_box --><item name="android:button">@drawable/check_box</item></style>
</resources>

效果与 drawable 一致。

Android CheckBox 复选框（自定义复选框）相关推荐

element-ui 使用自定义复选框
为什么不使用自带复选框? 自带复选框无法确定数据来源于回填还是用户手动选择,因为回填表格复选框时只能使用toggleRowSelection方法来遍历回填,而且会触发selection-change事 ...
阻止window.onbeforeunload事件的弹出框或自定义弹出框
前引:网上很多关于window.onbeforeunload用来监听页面的意外退出或者关闭事件的用法但都会出现下面的弹出框.为此本博客提供方案使下面弹出框消失,但又能实现自己的相应业务功能. 在使用 ...
Android界面编程之利用单选框和复选框实现对学历和爱好进行选择
Android界面编程之利用单选框和复选框实现对学历和爱好进行选择首先我们要了解一下单选框和复选框: , 单选框(Radio Button):当用户选择某单选按钮时,同一组中的其他单选按钮不能同时选 ...
自定义复选框,复选框样式修改,重写复选框
查了好多资料复选框写的磨磨叽叽的一大堆废话! 我来教大家写一个原生jq的复选框样式,简单实用,又不会耽误checkbox的调用. html: <label class="checkli ...
CSS/HTML复选框自定义样式
CSS/HTML复选框自定义样式话不多说直接上代码 HTML <div class="circle-check"><input type="chec ...
html制作复选框,html自定义复选框
自定义复选框的素材: icon-check-circle.png icon-checked.png checkbox.html(为了方便起见,这里使用到了jQuery) 自定义复选框checkbox ...
el-checkbox 自定义复选框【多选框】
1. 自定义多选框 el-checkbox; 预览: 注意: 假如有全局字体引入会影响显示效果: 去除el-checkbox__inner附加字体css font-family: not speci ...
HTML下拉列表(select)，单选框(radio), 复选框(checkbox)如何向后端传值
前言提示:该文章记录前端往后端传值的一些细节提示:以下是本篇文章正文内容,下面案例可供参考一.form是什么? form是前端往后端传值的一个表单二.html代码如下 1,下拉列表源码 < ...
Android（Kotlin）图片按钮，单选框，复选框（实验课）
Android的一次"实验课布置的内容" 里面有一些可以擦考的东西所以借着CSDN来记个笔记其实也没啥第一次写留个纪念图片按钮,单选框,复选框(话不多说上代码) butt ...
django获取html复选框,扩展Django Admin tabular.html自定义复选框操作
我有两个表被告和被告_Potential class Defendant(models.Model): fullname = models.CharField(max_length = 100, nu ...

Android CheckBox 复选框（自定义复选框）

一、正常使用

二、`drawable` 自定义

二、`style` 自定义

Android CheckBox 复选框（自定义复选框）相关推荐

最新文章

热门文章

Android CheckBox 复选框（自定义复选框）

一、正常使用

二、drawable 自定义

二、style 自定义

Android CheckBox 复选框（自定义复选框）相关推荐

最新文章

热门文章

二、`drawable` 自定义

二、`style` 自定义