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已经学习完成，你都掌握了吗？