您好!欢迎来到源码码网

Android多选按钮控件CheckBox使用

  • 源码教程
  • 来源:源码码网
  • 编辑:admin
  • 时间:2021-01-08 19:02
  • 阅读:468

多项选择按钮(CheckBox)属于输入型组件,该组件允许用户一次选择多个选项。当用户不方便在手机屏幕上直接进行输入操作时,该组件的使用显得尤为方便。

下面通过实例讲解 CheckBox 的使用方法。该实例的运行效果如图 1 所示。

CheckBox的应用界面

图 1  CheckBox 的应用界面

工程 WidgetDemo 中的布局文件 main.xml 中增加的代码如下:


  1. <?xml version="1.0" encoding="utf-8"?>

  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  3. xmlns:tools="http://schemas.android.com/tools"

  4. xmlns:app="http://schemas.android.com/apk/res-auto"

  5. android:layout_width="match_parent"

  6. android:layout_height="match_parent"

  7. android:paddingRight="10dp"

  8. android:paddingLeft="@dimen/activity_horizontal_margin"

  9. android:orientation="vertical"

  10. app:layout_behavior="@string/appbar_scrolling_view_behavior"

  11. tools:context=".MainActivity">


  12. <TextView android:text="爱好:"

  13. android:textSize="24sp"

  14. android:layout_width="wrap_content"

  15. android:layout_height="wrap_content"

  16. android:id="@+id/tv" />


  17. <RelativeLayout

  18. android:layout_width="wrap_content"

  19. android:layout_height="wrap_content">

  20. <CheckBox

  21. android:layout_width="wrap_content"

  22. android:layout_height="wrap_content"

  23. android:text="音乐"

  24. android:id="@+id/chb_music"

  25. android:layout_alignParentLeft="true"

  26. android:layout_alignParentStart="true"

  27. android:layout_marginTop="10dp"

  28. android:checked="false" />


  29. <CheckBox

  30. android:layout_width="wrap_content"

  31. android:layout_height="wrap_content"

  32. android:text="游戏"

  33. android:id="@+id/chb_game"

  34. android:layout_below="@+id/chb_music"

  35. android:layout_alignParentLeft="true"

  36. android:layout_alignParentStart="true" />


  37. <CheckBox

  38. android:layout_width="wrap_content"

  39. android:layout_height="wrap_content"

  40. android:text="旅游"

  41. android:id="@+id/chb_trip"

  42. android:layout_alignTop="@+id/chb_music"

  43. android:layout_alignRight="@+id/chb_film"

  44. android:layout_alignLeft="@+id/chb_film" />


  45. <CheckBox

  46. android:layout_width="wrap_content"

  47. android:layout_height="wrap_content"

  48. android:text="看电影"

  49. android:id="@+id/chb_film"

  50. android:layout_below="@+id/chb_trip"

  51. android:layout_alignParentRight="true"

  52. android:layout_alignParentEnd="true" />


  53. </RelativeLayout>

  54. <Button

  55. android:id="@+id/end"

  56. android:text="完成"

  57. android:layout_width="wrap_content"

  58. android:layout_height="wrap_content" />


  59. <TextView

  60. android:paddingTop="10dp"

  61. android:id="@+id/result_tv"

  62. android:layout_width="wrap_content"

  63. android:layout_height="wrap_content"

  64. />

  65. </LinearLayout>

当用户对多项选择按钮进行选择时,为了确定用户选择的是哪几项,需要对每个多项选择按钮进行监听。

CompoundButton.OnCheckedChangedListener 接口可用于对 CheckBox 的状态进行监听。当 CheckBox 的状态在未被选中和被选中之间变化时,该接口的 onCheckedChanged() 方法会被系统调用。CheckBox 通过 setOnCheckedChangeListener() 方法将该接口对象设置为自己的监听器。

MainActivity 代码如下:

package introduction.android.widgetdemo;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;
import java.util.ArrayList;

public class MainActivity extends AppCompatActivity implements 
    CompoundButton.OnCheckedChangeListener {
    private CheckBox musicCkb;
    private CheckBox tripCkb;
    private CheckBox filmCkb;
    private CheckBox gameCkb;
    private TextView result_tv;
    private Button endBtn;
    //爱好数组
    ArrayList<String> hobbies=new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化控件
        musicCkb = (CheckBox) findViewById(R.id.chb_music);
        tripCkb = (CheckBox) findViewById(R.id.chb_trip);
        filmCkb = (CheckBox) findViewById(R.id.chb_film);
        gameCkb = (CheckBox) findViewById(R.id.chb_game);
        result_tv = (TextView) findViewById(R.id.result_tv);
        endBtn= (Button) findViewById(R.id.end);
        //设置监听器
        musicCkb.setOnCheckedChangeListener(this);
        tripCkb.setOnCheckedChangeListener(this);
        filmCkb.setOnCheckedChangeListener(this);
        gameCkb.setOnCheckedChangeListener(this);
        //为button设置监听器
        endBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                StringBuilder sb=new StringBuilder();
              for (int i =0;i<hobbies.size();i++) {
                  //把选择的爱好添加到string尾部
                  if(i==(hobbies.size()-1))
                  {
                      sb.append(hobbies.get(i));
                  }else {
                      sb.append(hobbies.get(i)+",");
                  }
              }
                //显示选择结果
                result_tv.setText("你选择了:"+sb);
            }
        });
    }

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked){
            //添加到爱好数组
            hobbies.add(buttonView.getText().toString().trim());
        }else {
            //从数组中移除
            hobbies.remove(buttonView.getText().toString().trim());
        }

    }
}

当 CheckBox 的状态发生改变时,通过 Checkbox.isChecked() 方法可以获取当前 CheckBox 按钮的选中状态,进而进行处理。

特别声明:
1、如无特殊说明,内容均为本站原创发布,转载请注明出处;
2、部分转载文章已注明出处,转载目的为学习和交流,如有侵犯,请联系客服删除;
3、编辑非《源码码网》的文章均由用户编辑发布,不代表本站立场,如涉及侵犯,请联系删除;
全部评论(0)
推荐阅读
  • js实现一键复制的几种方法
  • js实现一键复制的几种方法
  • JS实现一键复制可以使用以下方法:1、使用document.execCommand()方法实现复制:function copyTextToClipboard(text) {  var textarea = document.createElement(”textarea”);  textarea.value =
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-05-18 13:44
  • 阅读:146
  • bootstrap ui框架能用在uniapp中吗?
  • bootstrap ui框架能用在uniapp中吗?
  • BootstrapUI框架通常是前端开发中的一种工具,它提供了一套预定义的CSS样式和组件,用于快速构建响应式布局的网页。然而,UniApp是一个使用Vue.js开发跨平台应用的框架,它可以用来开发iOS、Android、以及各种小程序和H5应用。
  • 互动社区
  • 来源:源码码网
  • 编辑:热度建站
  • 时间:2024-04-12 00:04
  • 阅读:297
  • css实现banner图由中心点动态放大效果
  • css实现banner图由中心点动态放大效果
  • 在日常的网页设计中,为了让网页增加一定的特效以达到交互的目的,我们尝尝会在网页中使用一些动画效果。今天来说说实现banner图由中心点动态放大效果,实现这个效果需要用到css中的动画:animation​和关键帧:@keyframes,具体示例如下:
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-11 18:52
  • 阅读:303
  • countUp.js实现鼠标滑动到某个位置数字自动滚动增加的效果
  • countUp.js实现鼠标滑动到某个位置数字自动滚动增加的效果
  • 在网页开发中为了提升网页的交互效果,经常会用到使用js给网页增加一定的特效,下边就来说说使用js实现鼠标滑动到某个位置数字自动滚动增加的效果。其实这种效果有很多中解决办法,自己也可以去写,下边我们借助countUp.js来实现,关于这个js文件,我放在末尾:
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-08 09:20
  • 阅读:398
  • 响应式网页设计思路及注意事项
  • 响应式网页设计思路及注意事项
  • 一、什么是响应式网页响应式网页设计就是让网页具有根据设备类型应用CSS样式的能力。设计:设想、计划。设计就是把想法实现。网页设计:按照一定的设计思路布局网页内容。传统网页设计:都是针对PC端浏览器而设计的,不具备查询设备的能力,更不能对多种访问设备做出响应。传统网页设计的弊端:在移动互联网时代,传统的网页设计不适合多屏幕时代。响应式网页设计应运而生。响应式网页设计是一种设计网页的思想/方法。响应:指让我们的网页能够自动查询用户的访问设备
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-02 11:24
  • 阅读:286
联系客服
源码代售 源码咨询 素材咨询 联系客服
029-84538663
手机版

扫一扫进手机版
返回顶部