章节索引 :

本节要学的两个控件是我们在使用 Android 手机时经常会用到的,相信大家对它并不陌生,甚至是非常熟悉,但是现实是很多开发者并不了解开关控件,所以会花不少功夫通过 TextView 或 Button 来实现开关功能,殊不知 Android 系统已经为我们提供了非常友好的控件—— ToggleButton 和 Switch。

1. 开关控件的功能

首先我们来看一张图感受一下开关控件是啥:

ToggleButton

没错,Android 系统的下拉菜单里“WLAN”、“蓝牙”、“4G”、“飞行模式”等等所有的开关都可以用开关控件来实现。所以它的功能就很好理解,如同名字一样帮我们完成一个开关控制。

2. 开关控件的属性

这两个开关控件和 RadioButton、Checkbox 的继承关系一样,都是由 Button 派生而来,所以 Button 所有的属性及功能开关控件都有。这里只列举 ToggleButton / Switch 的重要及常用属性,当然还有很多比较特殊和罕见的属性及方法可以通过第六节中给出的中文官网查阅到。

2.1 ToggleButton 的属性

  • android:disabledAlpha:
    设置当开关关闭的时候,ToggleButton 的透明度值,用来更好的区分开关状态。
  • android:textOff:
    开关关闭的时候控件展示的文本提示。
  • android:textOn:
    开关打开的时候控件展示的文本提示。

ToggleButton 比较简单,这 3 个属性也很好理解,相比之下 Switch 会更复杂一些。

2.2 Switch 的属性

  • android:textOff: 开关关闭的时候控件展示的文本提示,同 ToggleButton。
  • android:textOn: 开关打开的时候控件展示的文本提示,同 ToggleButton。
  • android:showText: 设置是否显示文本提示。
  • android:splitTrack: 是否在滑块和文本之间保留间隙。
  • android:switchMinWidth: 设置开关的最小宽度。
  • android:switchPadding: 设置文本和开关的间距。
  • android:switchTextAppearance: 设置开关的文字样式。
  • android:textStyle: 文本字体风格。
  • android:track: 开关底部的图片。
  • android:thumb: 开关滑块的图片。

3. 开关控件的用法

其实可以发现,开关控件和上一节讲到的选择框很类似,每一个选择框也是有两种状态——“选中、未选中”。开关控件的“开、关”状态和它非常类似,我们可以借鉴 RadioButton 及 Checkbox 的例子。
首先按照第 2 小节介绍的属性编写布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ToggleButton
        android:id="@+id/toggle_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textOff=""
        android:textOn="" />

    <Switch
        android:id="@+id/switch_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:switchMinWidth="56dp"
        android:showText="true"
        android:text="WLAN"
        android:switchPadding="10dp"
        android:textOff="OFF"
        android:textOn="ON" />

    <Button
        android:id="@+id/getBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="获取状态" />

</LinearLayout>

我们在布局中放置了 3 个控件,前两个分别是本节的主角——ToggleButton 和 Switch,用来控制两个开关值,而第三个是一个Button控件,用来随时获取开关的状态。
接着编写 Java 代码,通过两种方式来接收开关状态,一种是开关变化的时候主动回调,另一种是点击 Button 去查询开关状态:

package com.emercy.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CompoundButton;
import android.widget.Switch;
import android.widget.Toast;
import android.widget.ToggleButton;

public class MainActivity extends Activity implements CompoundButton.OnCheckedChangeListener, View.OnClickListener {

    ToggleButton mToggleButton;
    Switch mSwitchButton;
    Button mButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mToggleButton = findViewById(R.id.toggle_button);
        mSwitchButton = findViewById(R.id.switch_button);
        mButton = findViewById(R.id.getBtn);

        mToggleButton.setOnCheckedChangeListener(this);
        mSwitchButton.setOnCheckedChangeListener(this);
        mButton.setOnClickListener(this);
    }

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        switch (buttonView.getId()) {
            case R.id.toggle_button:
                Toast.makeText(this, "toggle state changed : " + isChecked, Toast.LENGTH_SHORT).show();
                break;
            case R.id.switch_button:
                Toast.makeText(this, "wlan state changed : " + isChecked, Toast.LENGTH_SHORT).show();
                break;
            default:
                Toast.makeText(this, "no state changed", Toast.LENGTH_SHORT).show();

        }
    }

    @Override
    public void onClick(View v) {
        String toggle = (mToggleButton.isChecked() ?
                mToggleButton.getTextOn() : mToggleButton.getTextOff()).toString();
        String wlan = (mSwitchButton.isChecked() ?
                mSwitchButton.getTextOn() : mSwitchButton.getTextOff()).toString();

        Toast.makeText(this, "toggle is : " + toggle + "\n" + "wlan is :" + wlan, Toast.LENGTH_SHORT).show();
    }
}

我们的 Activity 实现了OnCheckedChangeListenerOnClickListener,前者用来接收 ToggleButton / Switch 的切换回调,后者用来监听 Button 的点击从而获取开关状态。例子比较简单,效果如下:

开关控件的用法

4. 小结

本节介绍了两个实用的开关控件,非常适合于在开关切换的场景下使用,其中 ToggleButton 的属性比较简洁,Switch 相对更复杂、属性也丰富一些。

其实第 3 和 4 这两节所学的控件都是从 Button 派生而来,都是在 Button 的基础上做了一些定制化,涉及的业务比较具体,只要掌握了 Button,相信这些都不在话下。

下一节我们将介绍一个全新的控件,它和 TextView 一样是一个基础控件,很多控件都是从它派生而来,大家要重点掌握哦!

环境搭建,开发相关
Android 系统背景及结构概述 Android 开发环境搭建 Genymotion 的安装与使用 Android 工程解析及使用 Android 程序签名打包
常用 UI 布局
Android 的 UI 根基 View与View Android 线性布局 LinearLayout Android相对布局RelativeLayout Android 表格布局 TableLayout Android 网格布局 GridLayout Android 帧布局 FrameLayout Android绝对布局AbsoluteLayout
基础控件
Android 文本框 TextView Android 文本输入框 EditText 按钮 Button/ImageButton 选择框 RadioButton/Check 开关控件ToggleButton/Switch Android 图片控件 ImageView Android 进度条 ProgressBar Android 拖动条 SeekBar Android 评分条 RatingBar Android 滚动条 ScrollView 轮播滚动视图 ViewFlipper
Adapter 相关控件
Android 适配器 Adapter Android 列表控件 ListView Android 网格视图 GridView Android 下拉选择框 Spinner 自动补全文本框 AutoCompleteText 折叠列表 ExpandableListView
提示类控件
吐司提示:Toast 的使用方法 状态栏通知:Notification 对话框:AlertDialog 悬浮窗:PopupWindow
菜单类控件
菜单:Menu
其他控件
视频页面:ViewPager 侧滑菜单:DrawerLayout
事件处理机制
基于监听的事件处理机制 Handler 消息传递机制 触摸事件分发处理 AsyncTask:异步任务 Android 手势处理
Android 四大组件
活动:Activity 服务:Service 广播接收器:Broadcast Receiver 内容提供者 - Content Provider
数据存储
文件存储 SharedPreferences 存储 数据库:SQLite 的使用
网络编程
HTTP 使用详解 xml 数据解析 JSON 数据解析 网页视图:WebView Socket 网络接口
绘图与动画
图片资源:Drawable 位图:Bitmap
多媒体开发
媒体播放器:MediaPlayer 相机:Camera 音频录制:MediaRecorder
并发编程
多线程