Android CheckBox 修改选择框

效果图

是否被选中打印效果图图

CheckBox 是多选框 ,选中之后可以再次点击取消操作.

在使用的时候注意padding 是相对于字体来的不是相对选择框

下面第一个位置调整了使用了paddingleft

在androidx以前布局

    <CheckBoxandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="同意本协议" />

在androidx 中布局使用使用(不过使用CheckBox还是可以的)

    <androidx.appcompat.widget.AppCompatCheckBoxandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="10dp"android:text="同意本协议" />

下面说想修改前面的图片

CheckBox 修改选择框的图片可以通过使用style 或者直接是不button 来修改

1 通过 style

xml 代码如下

    <CheckBoxandroid:id="@+id/checkbox"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="同意本协议"style="@style/checkbox"/>

values 里面 styles 代码如下

    <style name="checkbox"><item name="android:button">@drawable/checkbox</item></style>

checkbox 使用selector如下

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

这样修改好了,

2 直接使用button

 <CheckBoxandroid:id="@+id/checkbox"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="同意本协议"android:button="@drawable/checkbox"/>

checkbox 的代码

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

关于CheckBox 是否被选中的监听使用setOnCheckedChangeListener 如下

public class MainActivity extends AppCompatActivity {private CheckBox checkBox;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);checkBox = findViewById(R.id.checkbox);checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {Log.e("--------是否被选中", String.valueOf(isChecked));}});}
}

做多选筛选的时候使用也是比较方便的

下面多一个多选题效果图如下

代码

  <CheckBoxandroid:id="@+id/checkbox11"android:layout_marginLeft="17dp"android:layout_marginRight="17dp"android:layout_width="match_parent"android:layout_height="40dp"android:layout_marginTop="10dp"android:gravity="center"android:button="@null"android:background="@drawable/drawable_radio_bg"android:text="选举权和被选举权" /><CheckBoxandroid:id="@+id/checkbox22"android:layout_marginLeft="17dp"android:layout_marginRight="17dp"android:layout_width="match_parent"android:layout_height="40dp"android:layout_marginTop="10dp"android:gravity="center"android:button="@null"android:background="@drawable/drawable_radio_bg"android:text="劳动权" /><CheckBoxandroid:id="@+id/checkbox33"android:layout_marginTop="10dp"android:layout_marginLeft="17dp"android:layout_marginRight="17dp"android:layout_width="match_parent"android:layout_height="40dp"android:gravity="center"android:button="@null"android:background="@drawable/drawable_radio_bg"android:text="受教育权" /><CheckBoxandroid:id="@+id/checkbox44"android:layout_marginLeft="17dp"android:layout_marginRight="17dp"android:layout_width="match_parent"android:layout_marginTop="10dp"android:layout_height="40dp"android:gravity="center"android:button="@null"android:background="@drawable/drawable_radio_bg"android:text="监督权" />

drawable 里面的drawable_radio_bg

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

然后就是radio_bg

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><corners android:radius="10dp"/><stroke android:color="#1296db" android:width="1dp"/>
</shape>

radio_select_bg

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><corners android:radius="10dp"/><solid android:color="#1296db"/>
</shape>

这样就实现了效果

demo 参考地址

Android CheckBox 修改选择框相关推荐

Android RadioButton 修改选择框
效果图是否被选中打印效果图 RadioButon 是单选框 ,选中之后再次点击无法取消,这样呢我们可以配合RadioGroup 使用,选择其他的RadioButton 这样的话刚才的的那个就取消了 ...
Android CheckBox 复选框（自定义复选框）
一.正常使用代码  <CheckBoxandroid:id="@+id/man"android:layout_width=&q ...
android 按钮修改边框颜色代码,Android CheckBox修改大小、边框颜色，以及自定义CheckBox；...
CheckBox修改大小: android:scaleX="0.8" android:scaleY="0.8" CheckBox修改边框颜色,注意不是背景色: ...
重写Checkbox 改写选择框的大小
/* 作者:Starts_2000* 日期:2009-07-30* 网站:http://www.csharpwin.com CS 程序员之窗.* 你可以免费使用或修改以下代码,但请保留版权信息.* 具 ...
Android 下拉选择框自定义view
首先来看一下实现的效果基本思路:继承PopupWindow的自定义View 说明:下图这部分自己布局,本文中主要说明的是点击某个分类显示的下拉实现第一步:自定义 SpinnerPopuwindow ...
android——下拉选择框（自定义spinner）
相信大家都有遇到下拉选择这个功能,接下来我把我学习的给大家分享一下. 一.导入依赖 implementation 'com.github.arcadefire:nice-spinner:1.4.4' ...
修改CheckBox选择框、设置选择框颜色
使用组件自带的属性 android:buttonTint 可直接设置选择框的颜色修改选择框选中与未选中时的状态,需设置选择器 selector.XML <?xml version=" ...
android checkbox 文字和图标间距,CheckBox选择框和文字设置间距
由于界面美观度的需求,需要自定义CheckBox的选择框. 传统的方法是先定义一个CheckBox的自定义style,如下: style中使用的checkbox_selector.xml 最后在布局文 ...
com.android.kyj.onj,Android 自学之列表选择框Spinner
列表选择框(Spinner)与Swing编程里面的Spinner不同,这里的Spinner其实就是一个列表选项框. Spinner是ViewGroup的间接子类,因此他也可作为容器使用. Spinne ...

Android CheckBox 修改选择框

Android CheckBox 修改选择框相关推荐

最新文章

热门文章