Android ToggleButton 使用 详解 togglebutton用法

ToggleButton是一个开关按钮，Switch是一个可以在两种状态切换之间切换的开关控件，也都是Button非常重要的子控件。

上期学习了CheckBox和RadioButton，那么本期来学习Button的另外两个子控件ToggleButton和Switch，在开发中同样比较重要。

 

 

一、ToggleButton

 

ToggleButton（开关按钮）是Android系统中比较简单的一个组件，是一个具有选中和未选中双状态的按钮，并且需要为不同的状态设置不同的显示文本。当用户在两种状态间进行切换时会触发一个OnCheckedChange事件。

ToggleButton所支持的XML属性和相关方法如下表所示。

接下来通过一个简单的示例程序来学习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代码中为其添加事件监听器，具体代码如下：

package com.jinyu.cqkxzsxy.android.widgetsample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.CompoundButton;
import android.widget.Toast;
import android.widget.ToggleButton;

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属性和相关方法如下表所示。

接下来通过一个简单的示例程序来学习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代码中为其添加开关事件监听器，具体代码如下：

package com.jinyu.cqkxzsxy.android.widgetsample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.CompoundButton;
import android.widget.Switch;
import android.widget.Toast;

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

-----------------------------------------