（十三）安卓开发中的输入框、复选框、单选框和开关等表单控件详解

下面介绍一下 Android 开发中常用的表单控件，包括输入框、复选框、单选框和开关，从 XML 布局设计到代码控制，以及如何在实际场景中使用它们，并通过示例代码加以说明。

1. 输入框（EditText）

作用与场景

作用：用于让用户输入文字，可以用于账号、密码、搜索关键字等场景。
场景举例：用户登录时输入用户名与密码、输入搜索内容过滤列表、填写反馈信息等。

XML 布局示例

xml 复制代码

<EditText
    android:id="@+id/et_input"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入内容"
    android:inputType="text" />

说明：

android:hint 用于在输入框为空时给出提示信息。

android:inputType 可以设置输入类型（如文本、数字、密码等）。

Java 代码示例

java 复制代码

EditText etInput = findViewById(R.id.et_input);
// 获取用户输入的文本
String inputText = etInput.getText().toString().trim();

// 设置输入框监听，如：实时监控输入内容
etInput.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {
        // 文本改变之前调用
    }

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        // 正在文本改变时调用，可以实时处理输入的数据
    }

    @Override
    public void afterTextChanged(Editable s) {
        // 文本改变完成后调用
    }
});

2. 复选框（CheckBox）

作用与场景

作用：允许用户在多个选项中进行多个选择，适合需要多项选择时使用。
场景举例：在用户注册或设置中，选择多个感兴趣的类别或功能（比如"喜欢新闻"、"喜欢体育"、"喜欢娱乐"）。

XML 布局示例

xml 复制代码

<CheckBox
    android:id="@+id/cb_option1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="选项 1" />

<CheckBox
    android:id="@+id/cb_option2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="选项 2" />

Java 代码示例

java 复制代码

CheckBox cbOption1 = findViewById(R.id.cb_option1);
CheckBox cbOption2 = findViewById(R.id.cb_option2);

// 设置选项变化的监听
cbOption1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        // 当复选框1状态发生变化时，做出对应的处理
        if(isChecked) {
            // 勾选了选项 1
        } else {
            // 取消了选项 1
        }
    }
});

提示：

复选框适用于不互斥的多项选择，用户可以同时选中多个选项。

3. 单选框（RadioGroup 和 RadioButton）

作用与场景

作用：用于在多个选项中只允许用户选择一个（互斥性选择）。
场景举例：选择性别（男/女）、选择支付方式、选择配送方式等。

XML 布局示例

xml 复制代码

<RadioGroup
    android:id="@+id/rg_options"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <RadioButton
        android:id="@+id/rb_option1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项 1" />

    <RadioButton
        android:id="@+id/rb_option2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项 2" />
</RadioGroup>

Java 代码示例

java 复制代码

RadioGroup rgOptions = findViewById(R.id.rg_options);
rgOptions.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        // 根据选中的 RadioButton 的 id 做出响应
        switch (checkedId) {
            case R.id.rb_option1:
                // 用户选择了选项1
                break;
            case R.id.rb_option2:
                // 用户选择了选项2
                break;
        }
    }
});

// 获取当前选中的 RadioButton
int selectedId = rgOptions.getCheckedRadioButtonId();
if(selectedId != -1) {
    RadioButton selectedRadioButton = findViewById(selectedId);
    String selectedText = selectedRadioButton.getText().toString();
}

说明：

使用 RadioGroup 包裹多个 RadioButton 后，可以确保其中只能选中一个。

通过监听 RadioGroup 的 setOnCheckedChangeListener 来捕捉选择变化事件。

4. 开关（Switch）

作用与场景

作用：用于表示开/关状态，常用于设置项中控制功能的启用状态。
场景举例：打开/关闭消息通知、开启/关闭定位服务、设置夜间模式等。

XML 布局示例

xml 复制代码

<Switch
    android:id="@+id/switch_toggle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="开启/关闭功能" />

补充：
如果需要兼容较低版本设备，建议使用 SwitchCompat，它属于 AndroidX 库的一部分：
xml 复制代码
<androidx.appcompat.widget.SwitchCompat
    android:id="@+id/switch_toggle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="开启/关闭功能" />

Java 代码示例

java 复制代码

Switch switchToggle = findViewById(R.id.switch_toggle);
switchToggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if(isChecked) {
            // 开关处于开启状态，例如启用某项服务
        } else {
            // 关闭该服务或功能
        }
    }
});

// 也可以通过代码手动设置状态
switchToggle.setChecked(true);

5. 综合使用场景举例

假设我们需要开发一个用户设置页面，页面包含：

一个 EditText 用于输入用户昵称
多个 CheckBox 用于选择用户感兴趣的领域
一个 RadioGroup 用于选择用户性别
一个 Switch 用于控制是否接收推送通知

XML 布局示例（activity_settings.xml）

xml 复制代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"    
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <!-- 用户昵称输入 -->
    <EditText
        android:id="@+id/et_nickname"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入昵称"
        android:inputType="textPersonName" />

    <!-- 感兴趣领域：复选框 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="请选择感兴趣的领域：" 
        android:layout_marginTop="20dp"/>
    <CheckBox
        android:id="@+id/cb_news"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="新闻" />
    <CheckBox
        android:id="@+id/cb_sports"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="体育" />
    <CheckBox
        android:id="@+id/cb_entertainment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="娱乐" />

    <!-- 性别选择：单选框 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="请选择性别："
        android:layout_marginTop="20dp"/>
    <RadioGroup
        android:id="@+id/rg_gender"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <RadioButton
            android:id="@+id/rb_male"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="男" />
        <RadioButton
            android:id="@+id/rb_female"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="女" />
    </RadioGroup>

    <!-- 接收推送通知开关 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="接收推送通知："
        android:layout_marginTop="20dp"/>
    <Switch
        android:id="@+id/switch_notification"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

Java 代码示例

java 复制代码

public class SettingsActivity extends AppCompatActivity {

    private EditText etNickname;
    private CheckBox cbNews, cbSports, cbEntertainment;
    private RadioGroup rgGender;
    private Switch switchNotification;

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

        // 初始化控件
        etNickname = findViewById(R.id.et_nickname);
        cbNews = findViewById(R.id.cb_news);
        cbSports = findViewById(R.id.cb_sports);
        cbEntertainment = findViewById(R.id.cb_entertainment);
        rgGender = findViewById(R.id.rg_gender);
        switchNotification = findViewById(R.id.switch_notification);

        // 设置监听示例：开关状态变化
        switchNotification.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                // 根据开关状态保存用户的通知偏好
                if (isChecked) {
                    // 用户打开了推送通知
                } else {
                    // 用户关闭了推送通知
                }
            }
        });
    }

    // 假设在用户点击保存按钮后，收集所有设置
    private void saveSettings() {
        String nickname = etNickname.getText().toString().trim();

        // 收集兴趣领域
        List<String> interests = new ArrayList<>();
        if (cbNews.isChecked()) interests.add("新闻");
        if (cbSports.isChecked()) interests.add("体育");
        if (cbEntertainment.isChecked()) interests.add("娱乐");

        // 获取性别选项
        int selectedGenderId = rgGender.getCheckedRadioButtonId();
        String gender = "";
        if (selectedGenderId != -1) {
            RadioButton rbGender = findViewById(selectedGenderId);
            gender = rbGender.getText().toString();
        }

        boolean receiveNotification = switchNotification.isChecked();

        // 这里可以将设置保存到 SharedPreferences 或提交给服务器
    }
}

使用说明：

用户在界面中输入昵称、选择多个兴趣领域、选择性别以及决定是否接收通知。

最后在保存时，将所有的数据提取出来进行相应的业务逻辑处理。

总结

在 Android 开发中，这些常用的表单控件各有特点，能够满足不同的用户交互需求：

输入框（EditText）：适用于各种文本数据输入；
复选框（CheckBox）：允许多项选择，适合兴趣爱好、偏好选择等场景；
单选框（RadioButton + RadioGroup）：保证互斥选择，适用于性别、支付方式等单选需求；
开关（Switch/ SwitchCompat）：直观地展现开关状态，用于快速设置启用或停用某个功能。

通过结合 XML 布局和 Java（或 Kotlin）代码，可以实现高度灵活且用户友好的表单界面，使应用在交互性和易用性上得到提升。