备案控制台
探索云世界
开发者社区 云计算 文章 正文

手把手教你实现GridView中Checkbox全选

2022-01-19 182
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 手把手教你实现GridView中Checkbox全选

image.png

全选效果图

这节讲得相对比较基础的东西，高手请忽略。

首先新建一个GridviewAdapter继承BaseAdapter

public class GridviewAdapter extends BaseAdapter{  
    private ArrayList<Person> list;  
    private static HashMap<Integer,Boolean> isSelected;  
    private Context context;  
    private LayoutInflater inflater = null;  
    public GridviewAdapter(ArrayList<Person> list, Context context) {  
        this.context = context;  
        this.list = list;  
        inflater = LayoutInflater.from(context);  
        isSelected = new HashMap<Integer, Boolean>();  
        initDate();  
    }  
    private void initDate(){  
        for(int i=0; i<list.size();i++) {  
            getIsSelected().put(i,false);  
        }  
    }  
    @Override  
    public int getCount() {  
        return list.size();  
    }  
    @Override  
    public Object getItem(int position) {  
        return list.get(position);  
    }  
    @Override  
    public long getItemId(int position) {  
        return position;  
    }  
    @Override  
    public View getView(final int position, View convertView, ViewGroup parent) {  
        ViewHolder holder = null;  
            if (convertView == null) {  
            holder = new ViewHolder();  
            convertView = inflater.inflate(R.layout.gridviewitem, null);  
            holder.name = (TextView) convertView.findViewById(R.id.item_name);  
            holder.ID = (TextView) convertView.findViewById(R.id.item_ID);  
            holder.cb = (CheckBox) convertView.findViewById(R.id.item_cb);  
            convertView.setTag(holder);  
        } else {  
            holder = (ViewHolder) convertView.getTag();  
            }  
        holder.ID.setText(list.get(position).getId());  
        holder.name.setText(list.get(position).getName());  
        holder.cb.setChecked(getIsSelected().get(position));  
        return convertView;  
    }  
    static class ViewHolder{    
        CheckBox cb;    
        TextView name;    
        TextView ID;    
    }  
    public static HashMap<Integer,Boolean> getIsSelected() {  
        return isSelected;  
    }  
    public static void setIsSelected(HashMap<Integer,Boolean> isSelected) {  
        GridviewAdapter.isSelected = isSelected;  
    }  
}

下面我们新建一个Activity来看看效果：

public class MainActivity extends Activity implements OnClickListener {  
    private GridView gd;  
    private GridviewAdapter mAdapter;  
    private ArrayList<Person> persons;  
    private Button bt_selectall;  
    private Button bt_cancel;  
    private Button bt_deselectall;  
    private Button bt_sumit;  
    private int checkNum; // 记录选中的条目数量  
    private TextView tv_show;// 用于显示选中的条目数量  
    List<String> selectID = new ArrayList<String>(); //选中的ID  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        initView();  
        initData();  
        gd.setOnItemClickListener(new OnItemClickListener() {  
            @Override  
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
                    long arg3) {  
                ViewHolder holder = (ViewHolder) arg1.getTag();  
                holder.cb.toggle();  
                GridviewAdapter.getIsSelected().put(arg2, holder.cb.isChecked());  
                if (holder.cb.isChecked() == true) {  
                    checkNum++;  
                } else {  
                    checkNum--;  
                }  
                tv_show.setText("已选中" + checkNum + "项");  
            }  
        });  
    }  
    /** 
     * 初始化数据 
     */  
    private void initData() {  
        Person mPerson;  
        for (int i = 1; i <= 40; i++) {  
            mPerson = new Person();  
            mPerson.setName("aikaifa" + i);  
            // mPerson.setId(Character.valueOf((char)(i+65))+" ");  
            mPerson.setId(i + "");  
            persons.add(mPerson);  
        }  
        mAdapter = new GridviewAdapter(persons, this);  
        gd.setAdapter(mAdapter);  
    }  
    /** 
     * 刷新 
     */  
    private void dataChanged() {  
        mAdapter.notifyDataSetChanged();  
        tv_show.setText("已选中" + checkNum + "项");  
    }  
    /** 
     * 初始化控件 
     */  
    private void initView() {  
        gd = (GridView) findViewById(R.id.gd);  
        bt_selectall = (Button) findViewById(R.id.bt_selectall);  
        bt_cancel = (Button) findViewById(R.id.bt_cancelselectall);  
        bt_deselectall = (Button) findViewById(R.id.bt_deselectall);  
        bt_sumit = (Button) findViewById(R.id.bt_submit);  
        tv_show = (TextView) findViewById(R.id.tv);  
        persons = new ArrayList<Person>();  
        bt_selectall.setOnClickListener(this);  
        bt_cancel.setOnClickListener(this);  
        bt_deselectall.setOnClickListener(this);  
        bt_sumit.setOnClickListener(this);  
    }  
    /** 
     * 全选 
     */  
    private void selectAll() {  
        for (int i = 0; i < persons.size(); i++) {  
            GridviewAdapter.getIsSelected().put(i, true);  
        }  
        // 数量设为list的长度  
        checkNum = persons.size();  
        dataChanged();  
    }  
    /** 
     * 全不选 
     */  
    private void cancelselectall() {  
        // 遍历list的长度，将已选的按钮设为未选  
        for (int i = 0; i < persons.size(); i++) {  
            if (GridviewAdapter.getIsSelected().get(i)) {  
                GridviewAdapter.getIsSelected().put(i, false);  
                checkNum--;// 数量减1  
            }  
        }  
        dataChanged();  
    }  
    /** 
     * 反选 
     */  
    private void deselectall() {  
        // 遍历list的长度，将已选的设为未选，未选的设为已选  
        for (int i = 0; i < persons.size(); i++) {  
            if (GridviewAdapter.getIsSelected().get(i)) {  
                GridviewAdapter.getIsSelected().put(i, false);  
                checkNum--;  
            } else {  
                GridviewAdapter.getIsSelected().put(i, true);  
                checkNum++;  
            }  
        }  
        dataChanged();  
    }  
    /** 
     * 提交 
     */  
    private void submit() {  
        selectID.clear();  
        for (int i = 0; i < mAdapter.getIsSelected().size(); i++) {  
            if (mAdapter.getIsSelected().get(i)) {  
                selectID.add(persons.get(i).getId());  
            }  
        }  
        if (selectID.size() == 0) {  
            AlertDialog.Builder builder1 = new AlertDialog.Builder(  
                    MainActivity.this);  
            builder1.setMessage("没有选中任何记录");  
            builder1.show();  
        } else {  
            StringBuilder sb = new StringBuilder();  
            for (int i = 0; i < selectID.size(); i++) {  
                sb.append("ID=" + selectID.get(i) + "  ");  
            }  
            AlertDialog.Builder builder2 = new AlertDialog.Builder(MainActivity.this);  
            builder2.setMessage(sb.toString());  
            builder2.show();  
        }  
    }  
    @Override  
    public void onClick(View v) {  
        switch (v.getId()) {  
        case R.id.bt_selectall:  
            selectAll();  
            break;  
        case R.id.bt_cancelselectall:  
            cancelselectall();  
            break;  
        case R.id.bt_deselectall:  
            deselectall();  
            break;  
        case R.id.bt_submit:  
            submit();  
            break;  
        }  
    }  
}

对应的activity_main.xml布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:id="@+id/LinearLayout1"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="vertical"  
>  
 <LinearLayout  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:orientation="horizontal"  
        >  
        <Button  
            android:id="@+id/bt_selectall"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="全选" />  
        <Button  
            android:id="@+id/bt_cancelselectall"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="全不选" />  
        <Button  
            android:id="@+id/bt_deselectall"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="反选" />  
        <Button  
            android:id="@+id/bt_submit"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="提交" />  
    </LinearLayout>  
    <TextView  
        android:id="@+id/tv"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="TextView" />  
    <GridView  
        android:id="@+id/gd"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:numColumns="2" />  
</LinearLayout>

其中有个实体类

public class Person {  
    private String name;  
    private String Id;  
    public String getName() {  
        return name;  
    }  
    public void setName(String name) {  
        this.name = name;  
    }  
    public String getId() {  
        return Id;  
    }  
    public void setId(String id) {  
        Id = id;  
    }     
}

gridviewitem.xml布局

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    android:orientation="horizontal" >  
    <TextView  
        android:id="@+id/item_ID"  
        android:layout_width="0dp"  
        android:layout_height="wrap_content"  
        android:layout_weight="1"  
        android:gravity="center_vertical"  
        android:visibility="gone" />  
    <TextView  
        android:id="@+id/item_name"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:gravity="center_vertical" />  
    <CheckBox  
        android:id="@+id/item_cb"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:clickable="false"  
        android:focusable="false"  
        android:focusableInTouchMode="false"  
        android:gravity="center_vertical" />  
</LinearLayout>


再见孙悟空_
目录
相关文章
lyshark
|
4月前
|
C++
C++ Qt开发：CheckBox多选框组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`CheckBox`单行输入框组件的常用方法及灵活运用。`QCheckBox` 是 Qt 中用于实现复选框的组件，它提供了丰富的功能和灵活性。与之前文章中的`RadioButton`组件不同，`CheckBox`组件支持多项选择以及三态支持，即可以是选中、未选中或半选中的状态。
lyshark
42 0
C++ Qt开发：CheckBox多选框组件
好名字0821
|
4月前
|
Python
uniapp实现checkbox全选
本文讲述uniapp的checkbox如何复选
好名字0821
58 0
刘金玉编程
|
11月前
零基础VB教程039期：如何使用单选按钮optionbutton以及多选框checkbox
零基础VB教程039期：如何使用单选按钮optionbutton以及多选框checkbox
刘金玉编程
185 0
AI浩
WinForm——CheckBox总结
WinForm——CheckBox总结
AI浩
255 0
老朱教授
|
.NET C# 开发框架
DataGrid 完全攻略之三（实现删除全选或者全不选）
老朱教授
1234 0
嗯哼9925
|
JavaScript .NET C#
C#基础回顾：GridView全选演示
嗯哼9925
1025 0
技术小甜
fastreport如何设置checkbox
技术小甜
1683 0
技术小胖子
|
.NET 开发框架
在gridview控件添加checkbox
技术小胖子
827 0
寒凝雪
GridView全选
寒凝雪
630 0
mr_伍先生
|
索引
easyui datagrid checkbox的相关属性整理
DataGrid其中与选择，勾选相关 DataGrid属性： singleSelect boolean 如果为true，则只允许选择一行。 false ctrlSelect boolean 在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作。
mr_伍先生
1670 0