android studio创建android项目(6)——CheckBox复选框和toast的混合使用

女爷i 2022-02-22 04:36 386阅读 0赞

### 文章目录 ###

*   *   *   *  1、项目需求
             *  2、项目分析
             *  3、布局文件
             *  4、Activity
             *  5、运行结果

#### 1、项目需求 ####

1.  本项目是一个安卓项目，启动页面有多个复选框和一个TextView
2.  复选框分别显示为北京、上海、广州；TextView的文字为：已经勾选的城市；
3.  点击每个复选框时，toast提示复选框的内容和选中状态（true和false)
4.  点击文字时，toast提示选中的城市有哪些

#### 2、项目分析 ####

1.  checkbox的勾选监听  
    （1）循环取出checkbox，对每个checkbox设置勾选监听器
2.  TextView的点击监听  
    （1）TextView需要设置点击监听器，监听器的作用是发一个toast  
    （2）遍历复选框列表，判断复选框的选中状态，如果选中，就将文本添加到结果字符串中  
    （3）显示toast  
    （4）清除toast内容，还原到初始状态

#### 3、布局文件 ####

<?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:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:orientation="vertical"
        tools:context="com.example.gui.checkbox1.MainActivity">
        <LinearLayout
            android:id="@+id/checklist"
            android:orientation="horizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="北京"/>
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="上海"/>
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="广州"/>
    
        </LinearLayout>
        <TextView
            android:id="@+id/textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="已经勾选的城市"/>
    
    </LinearLayout>

#### 4、Activity ####

package com.example.gui.checkbox1;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.CheckBox;
    import android.widget.CompoundButton;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    import android.widget.Toast;
    
    public class MainActivity extends AppCompatActivity {
    
        //声明checkbox所在的布局
        LinearLayout checklist;
        //checkbox个数
        int count;
        //保存选中的checkbox
        StringBuffer stringBuffer=new StringBuffer();
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            /*1、监听每个checkbox*/
            checklist=(LinearLayout)findViewById(R.id.checklist);
            count=checklist.getChildCount();
            for(int i=0;i<count;i++){
                CheckBox box=(CheckBox)checklist.getChildAt(i);
                box.setOnCheckedChangeListener(new CheckBox.OnCheckedChangeListener(){
                    @Override
                    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                        Toast.makeText(getApplicationContext(),buttonView.getText().toString()+isChecked,Toast.LENGTH_SHORT).show();
                    }
                });
            }
            /*2、监听textview*/
    
            TextView textView=(TextView)findViewById(R.id.textview);
            textView.setOnClickListener(new TextView.OnClickListener(){
                @Override
                public void onClick(View v) {
                    stringBuffer.append("已经勾选的城市有：");
                    for(int i=0;i<count;i++){
                        CheckBox box=(CheckBox)checklist.getChildAt(i);
                        if(box.isChecked()){
                            stringBuffer.append(box.getText().toString());
                        }
                    }
                    Toast.makeText(getApplicationContext(),stringBuffer,Toast.LENGTH_SHORT).show();
                    //清除内容，还原到初始状态
                    stringBuffer=new StringBuffer();
                }
            });
        }
    }

#### 5、运行结果 ####

apk下载链接：[https://pan.baidu.com/s/1Ze5qDFiS97k4OOqF7v\_nsQ][https_pan.baidu.com_s_1Ze5qDFiS97k4OOqF7v_nsQ]  
提取码：l93q

**运行结果：**  
1、启动页：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70]  
2、选中北京  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 1]  
3、取消选中北京  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 2]  
4、只选中上海、广州，点击提交按钮，toast提示如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 3]

[https_pan.baidu.com_s_1Ze5qDFiS97k4OOqF7v_nsQ]: https://pan.baidu.com/s/1Ze5qDFiS97k4OOqF7v_nsQ
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70]: /images/20220222/337d569e5a774c51a41d6b4ace73744c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 1]: /images/20220222/34443d3c37d74f64b7cdec3c67987161.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 2]: /images/20220222/6e71f19324694cbb91546d08535c0f18.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 3]: /images/20220222/f6f27fabf67e4f43a00e6f822c3e70b5.png