ToggleButton和Switch使用大全
上期学习了CheckBox和RadioButton,那么本期来学习Button的另外两个子控件ToggleButton和Switch,在开发中同样比较重要。
一、ToggleButton
ToggleButton(开关按钮)是Android系统中比较简单的一个组件,是一个具有选中和未选中双状态的按钮,并且需要为不同的状态设置不同的显示文本。当用户在两种状态间进行切换时会触发一个OnCheckedChange事件。
ToggleButton所支持的XML属性和相关方法如下表所示。
XML属性 |
相关方法 |
说明 |
---|---|---|
android:checked |
setChecked(boolean) |
设置该按钮是否被选中 |
android:textOff |
设置当该按钮的状态关闭时显示的文本 |
|
android:textOn |
设置当该按钮的状态打开时显示的文本 |
接下来通过一个简单的示例程序来学习ToggleButton的使用用法。
同样使用WidgetSample工程,在app/main/res/layout/目录下创建一个togglebutton_layout.xml文件,然后在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="你喜欢学习Android开发吗?"
android:textSize="22sp"/>
<ToggleButton
android:id="@+id/like_tb"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOn="喜欢"
android:textOff="不喜欢" />
</LinearLayout>
然后修改一下app/src/java/MainActivity.java文件中加载的布局文件为新建的togglebutton_layout.xml文件。为了监听按钮的切换事件,在Java代码中为其添加事件监听器,具体代码如下:
public class MainActivity extends AppCompatActivity {
private ToggleButton mLikeTb = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.togglebutton_layout);
// 获取界面组件
mLikeTb = (ToggleButton) findViewById(R.id.like_tb);
// 为开关按钮设置OnCheckedChangeListener监听器
mLikeTb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
// 消息提示
if (compoundButton.isChecked()) {
Toast.makeText(MainActivity.this,
"喜欢Android开发", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(MainActivity.this,
"不喜欢Android开发", Toast.LENGTH_SHORT).show();
}
}
});
}
}
运行程序,可以看到下图所示界面效果。
二、Switch
Switch是一个可以在两种状态切换之间切换的开关控件。用户可以拖动来选择,也可以像选择复选框一样点击切换Switch的状态。状态改变时,会触发一个OnCheckedChange事件。
Switch所支持的XML属性和相关方法如下表所示。
XML属性 |
相关方法 |
说明 |
---|---|---|
android:checked |
setChecked(boolean) |
设置该开关是否被选中 |
android:switchMinWidth |
setSwitchMinWidth(int) |
设置该开关的最小宽度 |
android:switchPadding |
setSwitchPadding(int) |
设置开关与标题文本之间的空白 |
android:switchTextAppearance |
setSwitchTextAppearance(Context, int) |
设置该开关图标上的文本样式 |
android:textOff |
setTextOff(CharSequence) |
设置该开关的状态关闭时显示的文本 |
android:textOn |
setTextOn(CharSequence) |
设置该开关的文本的风格 |
android:textStyle |
setSwitchTypeface(Typeface) |
设置该开关的文本的风格 |
android:thumb |
setThumbResource(int) |
指定使用自定义Drawable绘制该开关的开关按钮 |
android:track |
setTrackResource(int) |
指定使用自定义Drawable绘制该开关的开关轨道 |
android:typeface |
setSwitchTypeface(Typeface) |
设置该开关的文本的字体风格 |
接下来通过一个简单的示例程序来学习Switch的使用用法。
同样使用WidgetSample工程,在app/main/res/layout/目录下创建一个switch_layout.xml文件,然后在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="打开/关闭蓝牙"
android:textSize="22sp"/>
<Switch
android:id="@+id/bluetooth_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
然后修改一下app/src/java/MainActivity.java文件中加载的布局文件为新建的switch_layout.xml文件。为了监听开关按钮的点击事件,在Java代码中为其添加开关事件监听器,具体代码如下:
public class MainActivity extends AppCompatActivity {
private Switch mBluetoothSwitch = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.switch_layout);
// 获取界面组件
mBluetoothSwitch = (Switch) findViewById(R.id.bluetooth_switch);
// 为开关按钮绑定OnCheckedChangeListener监听器
mBluetoothSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
if(compoundButton.isChecked()) {
Toast.makeText(MainActivity.this, "打开蓝牙", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(MainActivity.this, "关闭蓝牙", Toast.LENGTH_SHORT).show();
}
}
});
}
}
运行程序,切换开关状态,可以看到下图所示界面效果。
到此,这两个Button子组件ToggleButton和Switch已经学习完成,你都掌握了吗?
- ssm整合Redis
- 前端魔法堂——调用栈,异常实例中的宝藏
- 开启MySQL的binlog日志
- C#解析JSON
- 动手写个数字输入框1:input[type=number]的遗憾
- 小猪农场获百万天使轮,六声域名源自运营主体
- Intellij idea 的maven项目自动下载jar包
- python3和python2共存
- 揭密微信跳一跳小游戏那些外挂
- 特斯拉出现人才流失潮,竟因为一些工程师认为Autopilot自动驾驶技术并不安全
- 微信又更新了,这次放出年度大招!新变化让不少人拍手叫好!
- “JINAN”:未来电动汽车边跑边充电
- Bagging算法
- 基于Region Proposal的深度学习目标检测简述(一)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Spring Boot 2.4 配置文件将加载机制大变化
- 「性能提升」扩展 Spring Cache 支持多级缓存
- OAuth 2.0 单元测试解决方案
- 聊一聊如何搭建高性能网站哪一些事
- Spring Cloud netflix ribbon源码分析
- 抽奖摇号系统随机性算法介绍
- 翻了翻element-ui源码,发现一个很实用的指令clickoutside
- 自研网关:限流功能的开发
- 如果JSP中无法自动提示EL表达式的解决方法(针对普通项目和maven有不同的方法)
- Android通过ExifInterface判断Camera图片方向的方法
- Python PyQt5整理介绍
- django API 中接口的互相调用实例
- Python Numpy中数据的常用保存与读取方法
- python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
- Django Admin设置应用程序及模型顺序方法详解