用ListView自带的多选模式完成多选功能

说到用ListView完成这个功能,很多人的第一想法是,通过维护一个被选中的集合,然后在adapter中通过判断是否被选中来改变不同的显示方式(我不止一次的看到用这种方式实现的多选)。
但是很多人不知道的是,ListView其实自带多选模式,使用这个模式可以很轻松的完成多选功能,先上效果图。
这里写图片描述
ListView在设计之初就考虑到了多选,所以ListView其实有四种模式,分别是CHOICE_MODE_NONE、CHOICE_MODE_SINGLE、CHOICE_MODE_MULTIPLE、CHOICE_MODE_MULTIPLE_MODAL,其中CHOICE_MODE_NONE是普通模式,CHOICE_MODE_SINGLE是单选模式,CHOICE_MODE_MULTIPLE、CHOICE_MODE_MULTIPLE_MODAL则都是多选模式,但是这两种有个区别,就是当模式为CHOICE_MODE_MULTIPLE_MODAL时,用户必须通过长按任意一个列表项来进入多选模式,否则不能进行多选。当然你也可以通过调用ListView的setItemChecked(int position, boolean value)的方式将他的某个列表项设置为选中来开启这个状态。我们选用的是CHOICE_MODE_MULTIPLE这个模式。
上代码,首先是用于标识列表选中与未选中状态的选择器lv_item_selecter.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/lv_checked" android:state_activated="true"></item>
    <item android:drawable="@color/lv_unchecked" android:state_activated="false"></item>

</selector>

然后是对应的颜色值color.xml

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

    <color name="lv_unchecked">#00ff00</color>
    <color name="lv_checked">#ff0000</color>

</resources>

需要注意的是因为ListView中被选中的item的状态标识是activated,所以我们的选择器设置的状态是state_activated,用state_selected或者state_pressed啥的都是无效的。
接着,我们将这个selector设置给我们ListView的item的布局
item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/lv_item_selecter"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/txt"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:gravity="center" />

</LinearLayout>

布局文件activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

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

        <Button
            android:id="@+id/btn_multichoice"
            android:layout_width="120dp"
            android:layout_height="60dp"
            android:text="开启多选" />

        <Button
            android:id="@+id/btn_selectall"
            android:layout_width="120dp"
            android:layout_height="60dp"
            android:text="全选" />

        <Button
            android:id="@+id/btn_unselectall"
            android:layout_width="120dp"
            android:layout_height="60dp"
            android:text="取消全选" />
    </LinearLayout>

    <TextView
        android:id="@+id/txt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp" />

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ListView>

</LinearLayout>

然后是适配器MyAdapter.java

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

/**
 * @author lhq
 */
public class MyAdapter extends BaseAdapter {
    private List<String> list;
    private LayoutInflater inflater;

    public MyAdapter(List<String> list, Context context) {
        super();
        this.list = list;
        this.inflater = LayoutInflater.from(context);
    }

    @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(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (null == convertView) {
            holder = new ViewHolder();
            convertView = inflater.inflate(R.layout.item, null);
            holder.txt = (TextView) convertView.findViewById(R.id.txt);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        holder.txt.setText(list.get(position));
        return convertView;
    }

    class ViewHolder {
        TextView txt;
    }

}

接下来就是我们的activity

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.util.SparseBooleanArray;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.Button;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
    private ListView lv;
    private Button multiChoiceBtn, selectAllBtn, unSelectAllBtn;
    private TextView txt;
    private List<String> list = new ArrayList<String>();
    /**
     * 标记当前是否处于多选状态
     */
    private boolean isMultiChoice = false;
    private MyAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initVariables();
        initView();
        initEvent();

    }

    /**
     * 初始化数据
     */
    private void initVariables() {
        for (int i = 0; i < 20; i++) {
            list.add("我是条目" + i);
        }

        adapter = new MyAdapter(list, MainActivity.this);
    }

    /**
     * 初始化控件
     */
    private void initView() {
        lv = (ListView) findViewById(R.id.lv);
        multiChoiceBtn = (Button) findViewById(R.id.btn_multichoice);
        selectAllBtn = (Button) findViewById(R.id.btn_selectall);
        unSelectAllBtn = (Button) findViewById(R.id.btn_unselectall);
        txt = (TextView) findViewById(R.id.txt);

        lv.setAdapter(adapter);
    }

    /**
     * 设置控件的事件
     */
    private void initEvent() {
        lv.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                if (isMultiChoice) {
                    updateTxt();
                } else {
                    Toast.makeText(MainActivity.this, "点击了" + arg2, Toast.LENGTH_SHORT).show();
                }

            }

        });

        selectAllBtn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                for (int i = 0; i < adapter.getCount(); i++) {
                    lv.setItemChecked(i, true);
                    updateTxt();
                }
            }
        });

        unSelectAllBtn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                // 清除所有选中的数据
                lv.clearChoices();
                // 更新ListView
                adapter.notifyDataSetInvalidated();
                updateTxt();
            }
        });
        multiChoiceBtn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View view) {
                if (isMultiChoice) {
                    // 退出多选模式
                    Toast.makeText(MainActivity.this, "退出多选", Toast.LENGTH_SHORT).show();
                    multiChoiceBtn.setText("开启多选");
                    // 清除所有选中的数据
                    lv.clearChoices();
                    updateTxt();
                    // 更新ListView
                    adapter.notifyDataSetInvalidated();
                    lv.postDelayed(new Runnable() {

                        @Override
                        public void run() {
                            // 将ListView的模式改成普通模式
                            lv.setChoiceMode(ListView.CHOICE_MODE_NONE);
                        }
                    }, 100);
                    isMultiChoice = false;
                } else {
                    // 切换到多选模式
                    Toast.makeText(MainActivity.this, "切换到多选", Toast.LENGTH_SHORT).show();
                    multiChoiceBtn.setText("退出多选");
                    // 开启多选模式
                    lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
                    isMultiChoice = true;
                }
            }
        });
    }

    /**
     * 更新TextView上的内容
     */
    private void updateTxt() {
        SparseBooleanArray array = lv.getCheckedItemPositions();
        if (null != array && array.size() > 0) {
            String str = "";
            // 遍历选中的结果集
            for (int i = 0; i < array.size(); i++) {
                int key = array.keyAt(i);
                if (array.get(key)) {
                    str += key + ",";
                }
            }
            txt.setText("选中了" + str);
        } else {
            txt.setText("没有选中任何项目");
        }
    }

}

可以看到,我们是通过调用ListView的setChoiceMode这个方法来切换多选状态和普通状态的。通过clearChoices()这个方法来清除所有选中的item,记得清空以后要调用adapter的notifyDataSetInvalidated()来更新ListView的状态,因为clearChoices()只是清除了选中的item的状态,并没有去更新item的view,之前选中的item的选中效果会依旧存在,需要我们主动去更新。
我们可以通过getCheckedItemPositions()方法来获取一个SparseBooleanArray,我们可以遍历他获取所有被选中item的坐标
还有一个注意点,大家可以看到,当我退出多选模式的时候,我是在通过postDelayed的方式让setChoiceMode方法延时执行

if (isMultiChoice) {
                    // 退出多选模式
                    Toast.makeText(MainActivity.this, "退出多选", Toast.LENGTH_SHORT).show();
                    multiChoiceBtn.setText("开启多选");
                    // 清除所有选中的数据
                    lv.clearChoices();
                    updateTxt();
                    // 更新ListView
                    adapter.notifyDataSetInvalidated();
                    lv.postDelayed(new Runnable() {

                        @Override
                        public void run() {
                            // 将ListView的模式改成普通模式
                            lv.setChoiceMode(ListView.CHOICE_MODE_NONE);
                        }
                    }, 100);
                    isMultiChoice = false;

这是因为我在实际使用中发现,如果你在notifyDataSetInvalidated(),或者是setChecked()等代码后面直接调用setChoiceMode(ListView.CHOICE_MODE_NONE);ListView的界面将不会更新。所以我这边用了个比较取巧的方式,让这段代码延迟执行,等到界面更新完成后才调用,就不会出现这种问题了(如果有更好的方式欢迎提出,这个问题纠结了我好久)。
ps:在这个模式下,item的点击事件也能正常执行,所以在处理点击事件的时候要考虑到这一点

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何实现? 您好!针对您的问题,可以通过以下步骤实现ListView中的CheckBox多选功能: 1. 在ListView的适配器中添加一个记录CheckBox状态的列表,并初始化为false: ```java List<Boolean> isCheckedList = new ArrayList<>(); for (int i = 0; i < dataList.size(); i++) { isCheckedList.add(false); } ``` 2. 在getView()方法中,为每个CheckBox设置标记,以便它们可以相应地被选中或取消选中并设置相应的监听器: ```java public View getView(int position, View convertView, ViewGroup parent) { View view = convertView; ViewHolder holder; if (view == null) { view = LayoutInflater.from(mContext).inflate(R.layout.list_item, parent, false); holder = new ViewHolder(); holder.checkBox = view.findViewById(R.id.checkbox); holder.textView = view.findViewById(R.id.textview); view.setTag(holder); } else { holder = (ViewHolder) view.getTag(); } holder.textView.setText(dataList.get(position)); holder.checkBox.setTag(position); holder.checkBox.setChecked(isCheckedList.get(position)); holder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { int pos = (int) buttonView.getTag(); isCheckedList.set(pos, isChecked); } }); return view; } ``` 3. 确定哪些项目被选中,可以通过遍历已选中的项目列表来完成,并执行相应的操作: ```java // 获取已选中项目的位置 List<Integer> selectedPositions = new ArrayList<>(); for (int i = 0; i < dataList.size(); i++) { if (isCheckedList.get(i)) { selectedPositions.add(i); } } // 获取已选中的项目 List<String> selectedDataList = new ArrayList<>(); for (int i : selectedPositions) { selectedDataList.add(dataList.get(i)); } // 执行相应操作 ... ``` 希望以上方法能帮到您!如果您有任何其他问题,请继续问我吧。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值