Android Studio:单选按钮和复选框

这篇具有很好参考价值的文章主要介绍了Android Studio:单选按钮和复选框。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、导入新课

  • 安卓应用中,常常需要用户从若干选项中进行选择,有时要求只能选择一个,那么就要使用单选按钮(RadioButton),有时要求用户可以选择多个,那么就要使用复选框(CheckBox)。

二、新课讲解

android 单选按钮组,android studio,android,ide

(一)单选按钮组

1、继承关系图

  • RadioGroup是LinearLayout的子类
    android 单选按钮组,android studio,android,ide

2、常用属性

android 单选按钮组,android studio,android,ide

3、设置事件监听器

android 单选按钮组,android studio,android,ide
android 单选按钮组,android studio,android,ide

4、注意事项

  • 导入android.widget.RadioGroup.OnCheckedChangeListener接口

5、重要方法

android 单选按钮组,android studio,android,ide
android 单选按钮组,android studio,android,ide

(二)单选按钮

1、继承关系图

  • RadioButton是CompoundButton的子类
    android 单选按钮组,android studio,android,ide

2、常用方法

android 单选按钮组,android studio,android,ide

3、设置事件监听器

|设置监听器|作用
setOnCheckedChangeListener|监听单选按钮选中状态的变化
setOnClickListener|监听单选按钮是否被单击了

4、注意事项

  • 导入android.widget.CompoundButton.OnCheckedChangeListener接口

(三)复选框

1、继承关系图

  • CheckBox是CompoundButton的子类
    android 单选按钮组,android studio,android,ide

2、常用方法

android 单选按钮组,android studio,android,ide

3、设置事件监听器

|设置监听器|作用
setOnCheckedChangeListener|监听单选按钮选中状态的变化
setOnClickListener|监听单选按钮是否被单击了

  • 三个控件的继承关系图
    android 单选按钮组,android studio,android,ide

(四)教学案例:设置基本信息

1、创建安卓应用

  • 基于Empty Activity模板创建安卓应用 - SetBasicInformation
    android 单选按钮组,android studio,android,ide

2、准备图像素材

  • 将背景图片拷贝到drawable目录
    android 单选按钮组,android studio,android,ide

3、字符串资源文件

  • 字符串资源文件 - strings.xml
    android 单选按钮组,android studio,android,ide
<resources>
    <string name="app_name">设置基本信息</string>
    <string name="set_information">设置基本信息</string>
    <string name="name">姓名:</string>
    <string name="input_name">请输入姓名</string>
    <string name="gender">性别:</string>
    <string name="male"></string>
    <string name="female"></string>
    <string name="hobby">爱好:</string>
    <string name="music">音乐</string>
    <string name="read">阅读</string>
    <string name="food">美食</string>
    <string name="ok">确定</string>
    <string name="clear">清除</string>
    <string name="exit">退出</string>
</resources>


4、主布局资源文件

  • 主布局资源文件 - activity_main.xml
    android 单选按钮组,android studio,android,ide
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background"
    android:orientation="vertical"
    android:paddingLeft="20dp"
    android:paddingTop="50dp"
    android:paddingRight="20dp">

    <TextView
        android:id="@+id/tv_set_information"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginBottom="30dp"
        android:text="@string/set_information"
        android:textColor="#0000ff"
        android:textSize="30sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/name"
            android:textColor="#000000"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/et_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:hint="@string/input_name"
            android:singleLine="true" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv_gender"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/gender"
            android:textColor="#000000"
            android:textSize="16sp" />

        <RadioGroup
            android:id="@+id/rg_gender"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/rb_male"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:text="@string/male" />

            <RadioButton
                android:id="@+id/rb_female"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:text="@string/female" />
        </RadioGroup>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv_hobby"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/hobby"
            android:textColor="#000000"
            android:textSize="16sp" />

        <CheckBox
            android:id="@+id/cb_music"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/music" />

        <CheckBox
            android:id="@+id/cb_read"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/read" />

        <CheckBox
            android:id="@+id/cb_food"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/food" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp">

        <Button
            android:id="@+id/btn_ok"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:layout_weight="1"
            android:onClick="doOK"
            android:text="@string/ok" />

        <Button
            android:id="@+id/bt_clear"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:layout_weight="1"
            android:onClick="doClear"
            android:text="@string/clear" />

        <Button
            android:id="@+id/btn_exit"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="doExit"
            android:text="@string/exit" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginTop="10dp"
        android:background="#dddddd" />

    <TextView
        android:id="@+id/tv_result"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_marginTop="30dp"
        android:textSize="15sp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginTop="10dp"
        android:background="#dddddd" />
</LinearLayout>


预览效果
android 单选按钮组,android studio,android,ide文章来源地址https://www.toymoban.com/news/detail-740124.html

5、主界面类实现功能

  • 主界面类 - MainActivity
    android 单选按钮组,android studio,android,ide
  • 定义变量
    android 单选按钮组,android studio,android,ide
  • 通过资源标识符获取控件实例
    android 单选按钮组,android studio,android,ide
  • 编写确定按钮单击事件处理方法
    android 单选按钮组,android studio,android,ide
  • 编写清除按钮单击事件处理方法
    android 单选按钮组,android studio,android,ide
  • 编写退出按钮单击事件处理方法
    android 单选按钮组,android studio,android,ide
package net.lxd.set_basic_information;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private EditText etName; // 姓名编辑框
    private RadioGroup rgGender; // 性别单选按钮组
    private RadioButton rbMale; // 男性单选按钮
    private RadioButton rbFemale; // 女性单选按钮
    private CheckBox cbMusic; // 音乐复选框
    private CheckBox cbRead; // 阅读复选框
    private CheckBox cbFood; // 美食复选框
    private TextView tvResult; // 结果标签

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);

        // 通过资源标识符获取控件实例
        etName = findViewById(R.id.et_name);
        rgGender = findViewById(R.id.rg_gender);
        rbMale = findViewById(R.id.rb_male);
        rbFemale = findViewById(R.id.rb_female);
        cbMusic = findViewById(R.id.cb_music);
        cbRead = findViewById(R.id.cb_read);
        cbFood = findViewById(R.id.cb_food);
        tvResult = findViewById(R.id.tv_result);
    }

    /**
     * 确定按钮单击事件处理方法
     *
     * @param view
     */
    public void doOK(View view) {
        // 获取姓名
        String name = etName.getText().toString().trim();

        // 获取性别
        String gender = "";
        // 判断用户选中哪个单选按钮
        switch(rgGender.getCheckedRadioButtonId()) {
            case R.id.rb_male: // 选中男性单选按钮
                gender = rbMale.getText().toString();
                break;
            case R.id.rb_female: // 选中女性单选按钮
                gender = rbFemale.getText().toString();
                break;
        }

        // 获取爱好
        StringBuilder builder = new StringBuilder();
        // 判断用户是否选中了音乐复选框
        if (cbMusic.isChecked()) {
            builder.append(cbMusic.getText().toString() + " ");
        }
        // 判断用户是否选中了阅读复选框
        if (cbRead.isChecked()) {
            builder.append(cbRead.getText().toString() + " ");
        }
        // 判断用户是否选中了美食复选框
        if (cbFood.isChecked()) {
            builder.append(cbFood.getText().toString() + " ");
        }
        String hobbies = builder.toString().trim();

        // 通过标签显示基本信息
        String result = "姓名:" + name + "\n"
                + "性别:" + gender + "\n"
                + "爱好:" + hobbies;
        tvResult.setText(result);
    }

    /**
     * 清除按钮单击事件处理方法
     *
     * @param view
     */
    public void doClear(View view) {
        etName.setText("");
        rbMale.setChecked(true);
        cbMusic.setChecked(false);
        cbRead.setChecked(false);
        cbFood.setChecked(false);
        tvResult.setText("");
    }

    /**
     * 退出按钮单击事件处理方法
     *
     * @param view
     */
    public void doExit(View view) {
       finish(); // 关闭当前窗口
    }
}


6、启动应用,查看效果

  • 输入和设置基本信息
    android 单选按钮组,android studio,android,ide
    单击【确定】按钮
    android 单选按钮组,android studio,android,ide

到了这里,关于Android Studio:单选按钮和复选框的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包