饭后Android 第二餐-复选框CheckBox+开关按钮Switch+单选按钮RadioButton

1.CompoundButton概述
1.复选框CheckBox
- 1.UI布局
- 2按钮监听
2.开关按钮Switch
- 1.UI布局
- 2.按钮监听
3.单选按钮RadioButton
- 1.UI布局
- 2.按钮监听

饭后Android 第一餐-导航视图NavigationView+抽屉布局DrawerLayout+工具栏Toolbar

1.CompoundButton概述

在Android中，CompoundButton类是抽象类的复合按钮，因为是抽象类，所以不能直接使用，实际开发中用的是
CompoundButton类的几个派生类，主要有复选框，开关按钮Switch和单选按钮RadioButton，这些派生类都可使用CompoundButton的属性和方法

CompoundButton 布局文件属性

android:checked ：指定按钮的勾选状态，ture表示勾选，flase表示未勾选，默认为未勾选
android:button：指定左侧勾选图标的图形，如果不指定就使用系统默认的图标

CompoundButton 在逻辑代码中可以使用下列四种方法进行设置

setChecked：设置按钮的勾选状态
setButtonDrawable：设置左侧勾选图标的图形
setOnCheckedChangeListener：设置勾选状态的监听器
isChecked：判断按钮是否勾选

1.复选框CheckBox

复选框CheckBox是CompoundButton 一个最简单的实现，点击复选框勾选，再次点击取消勾选，CheckBox通过
setOnCheckedChangeListener方法实现监听器，对应的监听器要实现接口CompoundButton .setOnCheckedChangeListener.

1.UI布局

把四个复选框嵌套到了一个约束布局里面，然后用了一个自定义按钮图形

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><TextViewandroid:id="@+id/textView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="请选择你的课程"android:textColor="#000000"android:textSize="24dp"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" />app:layout_constraintTop_toBottomOf="@id/check_3" /><androidx.constraintlayout.widget.ConstraintLayoutandroid:id="@+id/con"android:layout_width="match_parent"android:layout_height="wrap_content"app:layout_constraintTop_toBottomOf="@id/textView"><CheckBoxandroid:id="@+id/check_1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Android"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toTopOf="@id/con" /><CheckBoxandroid:id="@+id/check_2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="JAVA"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toBottomOf="@id/check_1" /><CheckBoxandroid:id="@+id/check_3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="C语言"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toBottomOf="@id/check_2" /><CheckBoxandroid:id="@+id/check_4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="算法"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toBottomOf="@id/check_3" /></androidx.constraintlayout.widget.ConstraintLayout><Buttonandroid:id="@+id/button"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="提交"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/check_5" /><CheckBoxandroid:id="@+id/check_5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="15dp"android:text="确认"android:button="@drawable/button_style"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/con" /></androidx.constraintlayout.widget.ConstraintLayout>

按钮样式代码 ---------button_style

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

2按钮监听


public class MainActivity extends AppCompatActivity {ConstraintLayout mConstraintLayout;Button mButton;CheckBox mCheckBox;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mButton=findViewById(R.id.button);mConstraintLayout=findViewById(R.id.con);mCheckBox=findViewById(R.id.check_5);mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {//设置监听器@Overridepublic void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {if(isChecked){Toast.makeText(MainActivity.this, "确认成功", Toast.LENGTH_SHORT).show();}else{Toast.makeText(MainActivity.this,"请确认选择", Toast.LENGTH_SHORT).show();}}});mButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {if (mCheckBox.isChecked()) {StringBuffer stringBuffer=new StringBuffer();//StringBuffer本质上是一个字符数组int Num = mConstraintLayout.getChildCount();  //拿到所有的子类长度for (int i = 0; i < Num; i++) {//根据i 拿到每一个CheckBoxCheckBox checkBox= (CheckBox) mConstraintLayout.getChildAt(i);if(checkBox.isChecked()){ //判断CheckBox是否被选中//把被选中的文字添加到StringBuffer中stringBuffer.append(checkBox.getText().toString()+" ");}}Toast.makeText(MainActivity.this, "成功选择课程"+stringBuffer.toString(), Toast.LENGTH_SHORT).show();}else {Toast.makeText(MainActivity.this,"请确认选择",Toast.LENGTH_SHORT).show();}}});}

补充一：
设置确认复选框的监听器，通过实现接口CompoundButton.OnCheckedChangeListener来对复选框进行监听，再通过判断是否被选中来“吐丝”

补充二：
在提交按钮的点击事件里，首先先判断 确认按钮是否被选中，如果没被选中，就会打印请确认选择，如果被选中，就会新建了一个StringBuffer字符数组，用来存复选框中的文字内容，然后再拿到之前约束布局里嵌套的子类数量，通过for循环来判断子类中的复选框是否被选中，并且将选中的目标内容存进字符数组，在for循环结束后通过toast 打印在屏幕上

运行

2.开关按钮Switch

Switch是开关按钮，Android从4.0版本开始支持该控件，其实Switch是一个高级版本的CheckBox，在选中与取消选中时可展现的界面元素比CheckedBox丰富，

1.UI布局

方法一：通过xml来设置
Switch新添加的xml属性

xml中的属性	说明
textOn	设置右侧开启时的文本
textOff	设置左侧关闭时的文本
switchPadding	设置左右两个开关按钮之间的距离
thumbTextPadding	设置文本左右两边的距离，如果设置了该属性，switchPadding属性就会失效
thumb	设置开关轨道的背景
track	设置开关标识的图标

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><Switchandroid:id="@+id/switc"android:layout_width="wrap_content"android:layout_height="wrap_content"android:thumbTextPadding="10dp"android:showText="true"android:textOff="@string/textOff"android:textOn="@string/textOn"app:layout_constraintTop_toTopOf="parent"app:layout_constraintStart_toStartOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>

方法二：通过java代码来设置

Switch类的设置方法	说明
setTextOn	设置右侧开启时的文本
setTextOff	设置左侧关闭时的文本
setSwitchPadding	设置左右两个开关按钮之间的距离
setThumbTextPadding	设置文本左右两边的距离，如果设置了该属性，switchPadding属性就会失效
thumb	设置开关轨道的背景
track	设置开关标识的图标

java代码


public class MainActivity extends AppCompatActivity {Switch mSwitch;@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mSwitch=findViewById(R.id.switc);mSwitch.setShowText(true);mSwitch.setTextOn(" 打开" );mSwitch.setTextOff(" 关闭" );mSwitch.setThumbTextPadding(15);}
}

xml代码（可以看到xml没有设置属性的代码）

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"><Switchandroid:id="@+id/switc"android:layout_width="wrap_content"android:layout_height="wrap_content"app:layout_constraintTop_toTopOf="parent"app:layout_constraintStart_toStartOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>

2.按钮监听

public class MainActivity extends AppCompatActivity {Switch mSwitch;TextView mTextView;@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mSwitch=findViewById(R.id.switc);mTextView=findViewById(R.id.text);mTextView.setText("开关状态为关");mSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {if (mSwitch.isChecked()) {mTextView.setText("开关状态为开");}else {mTextView.setText("开关状态为关");}}});}
}

运行

3.单选按钮RadioButton

单选按钮要在一组中选择其中一项，并且不能多选，这要求有个容器确定这组按钮的范围，这个容器便是RadioGroup，RadioGroup实质上是个布局，同一组RadioButton都要放在同一个RadioGroup节点下，RadioGroup有orientation属性可指定下级控件的排列方向，该属性为horizontal时，单选按钮在水平方向排列，该属性为vertical时，单选按钮在垂直方向排列，RadioGroup下面除了RadioButton，还可以挂载其他子控件（如TextView,ImageView等）这样看来，RadioGroup就是一个特殊的线性布局，只不过多了管理单选按钮的功能

1.UI布局

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><RadioGroupandroid:id="@+id/radiogroup"android:layout_width="match_parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintLeft_toLeftOf="parent"android:layout_height="wrap_content"><TextViewandroid:id="@+id/text"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:textColor="#000000"android:text="请选择一项你喜欢的体育项目"/><RadioButtonandroid:id="@+id/radiobutton1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="篮球"/><RadioButtonandroid:id="@+id/radiobutton2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="游泳"/><RadioButtonandroid:id="@+id/radiobutton3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="跑步"/><RadioButtonandroid:id="@+id/radiobutton4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="羽毛球"/></RadioGroup></androidx.constraintlayout.widget.ConstraintLayout>

2.按钮监听

RadioGroup 代码中常用的3个方法

check：选中指定资源编号的单选按钮
getCheckRadioButton：获取选中状态单选按钮的资源编号
setOnCheckedChangeListener：设置单选按钮勾选变化的监听器

RadioButton默认未选中，点击后显示选中，但是再次点击不会取消选中，只有点击同组的其他单选按钮时，原来的单选按钮才会取消选中，另外，单选按钮的选中事件一般不由RadioButton处理，而是由RadioGroup响应，选中事件在实现时，首先要写一个单选监听器实现接口RadioGroup。OnCheckedChangeListenter，然后调用RadioGroup对象的 setOnCheckChangeListener方法注册该监听器。


public class MainActivity extends AppCompatActivity {RadioGroup mRadioGroup;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mRadioGroup=findViewById(R.id.radiogroup);mRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(RadioGroup group, int checkedId) {//在用户点击组内的单选按钮时触发RadioButton radioButton=findViewById(checkedId);String string=radioButton.getText().toString();Toast.makeText(MainActivity.this,"成功选择"+string,Toast.LENGTH_SHORT).show();}});}
}

运行

ok 以上就是本餐的饭后甜点啦，希望小伙伴们可以好好品尝。谢谢您的阅读

想不到有朝一日我在生日这一天还在学习，我觉得这样真的挺好的，今天是20岁的第一天，我想我的人生就从今天开始就要迈向更高的位置吧，为了让自己和家人过上更好的生活，也为了自己的理想，加油。20岁的ROSE J，火力全开
博主为了可以学到更多的Android知识，创建了一个安卓知识交流群，欢迎大佬入群，当然也欢迎和我一样的安卓小白，我们可以一起交流，最重要的是快乐水群，记得定个小目标，冲击bat