1.自定义样式：

下载复选框样式图：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

图片重命名为英文（否则找不到）并复制到mipmap文件夹下，（切换至Project目录模式）选择xxxhdpi子文件夹。

@drawable/bg_checkbox"为drawable文件夹下新建的文件，new一个Drawable Resource File

bg_checkbox.xml：

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

1.1：方法1：checkbox添加一行：android:button="@drawable/bg_checkbox"

<CheckBoxandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:button="@drawable/bg_checkbox"android:text="吃饭"android:textSize="24sp"/>

1.2：方法2：checkbox添加一行：style="@style/MyCheckBox"

<CheckBoxandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="24sp"style="@style/MyCheckBox"android:text="睡觉"/>

res/style.xml：

<style name="MyCheckBox" parent="Widget.AppCompat.CompoundButton.CheckBox"><item name="android:button">@drawable/bg_checkbox</item>
</style>

2.调整图片大小方法：缩放整体后调整位置

2.1：

<CheckBoxandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:button="@drawable/bg_checkbox"android:text="吃饭"android:textSize="30sp"android:scaleX="0.8"//横向缩小为原来的0.8倍android:scaleY="0.8"//纵向缩小为原来的0.8倍android:layout_marginLeft="-10dp"//左移10dp/>

2.2：

<style name="MyCheckBox" parent="Widget.AppCompat.CompoundButton.CheckBox"><item name="android:button">@drawable/bg_checkbox</item><item name="android:scaleX">0.8</item><item name="android:scaleY">0.8</item>
</style>

<LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="-2dp"><CheckBoxandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:button="@drawable/bg_checkbox"android:scaleX="0.8"android:scaleY="0.8"/><TextViewandroid:layout_gravity="center"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="吃饭"android:textSize="24sp"android:textColor="#000"android:textAlignment="center"android:layout_marginLeft="100dp"/></LinearLayout>

Android学习之复选框checkbox自定义样式以及调整图片大小相关推荐

复选框checkbox自定义样式
纯CSS实现复选框自定义样式 1.去掉默认样式 2.第一种方式:用图片实现 3.第二种方式:用字体图标实现 1.去掉默认样式 input[type=checkbox]{appearance:none; ...
HTML复选框checkbox默认样式修改
此方法可以将复选框的默认样式替换成任意样式.如图: 未选择: 选择时: 思路:将复选框隐藏,利用lebal元素的焦点传递特性,用lebal的样式替代复选框. 代码如下: <!DOCTYPE ht ...
input复选框checkbox默认样式纯css修改
修改之前的样式修改之后的样式 html <input type="checkbox" name="btn" id="btn1"&g ...
使用CSS3美化复选框checkbox
我们知道HTML默认的复选框样式十分简陋,而以图片代替复选框的美化方式会给页面表单的处理带来麻烦,那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化,并且带上超酷的滑动 ...
【Android】-- 按钮（复选框CheckBox、开关按钮Switch、单选按钮RadioButton）
CompoundButton在XML文件中主要使用下面两个属性. checked:指定按钮的勾选状态,true表示勾选,false则表示未勾选,默认为未勾选. button:指定左侧勾选图标的图形资源 ...
PyQt(Python+Qt)学习随笔：复选框checkBox的tristate属性
在Qt Designer中,tristate属性是复选框checkBox相比较于QAbstractButton多出来的唯一属性. tristate属性表示复选框是三种状态还是两种状态,如果trista ...
Android之单复选框及Spinner实现二级联动
一.基础学习 1.图形学真的很神奇啊....查了些资料做出了3D云标签,哈哈...其实直接拿来用的,我们要效仿鲁迅先生的拿来主义,嘿嘿~~3D标签云就是做一个球面,然后再球面上取均匀分布的点,把点坐标 ...
bootstrap带有下拉按钮的输入框_关于bootstrap--表单（下拉select、输入框input、文本域textare复选框checkbox和单选按钮radio）...
html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明.通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性.可用性和可交互性 ...
【Qt】QTableView中嵌入复选框CheckBox 的四种方法总结
搜索了一下,QTableView中嵌入复选框CheckBox方法有四种: 第一种不能之前显示,必须双击/选中后才能显示,不适用. 第二种比较简单,通常用这种方法. 第三种只适合静态显示静态数据用第四 ...

Android学习之复选框checkbox自定义样式以及调整图片大小