支持多选的ListView实现方法(不需要CheckBox)

今天在项目中需要实现一个支持多选的ListView,以前的做法是通过给每个列表项添加CheckBox来解决,但是总觉得这样破坏了列表整体的美观。

还是自己摸索下吧。先看看ListView的API,木有发现能用的,在往上看看父类AbsListView,找到一个貌似能用的

public void setItemChecked (int position, boolean value)
Added in  API level 1

Sets the checked state of the specified position. The is only valid if the choice mode has been set to CHOICE_MODE_SINGLE or CHOICE_MODE_MULTIPLE.

Parameters
position The item whose checked state is to be checked
value The new checked state for the item

就是说,只要把ListView的choiceMode设置为单选或者多选而不是不能选择的话,就可以通过这个来设置某个列表项的选中状态?
还有一个对应的方法是获取列表项选中状态
public boolean isItemChecked (int position)
Added in  API level 1

Returns the checked state of the specified position. The result is only valid if the choice mode has been set to CHOICE_MODE_SINGLE or CHOICE_MODE_MULTIPLE.

Parameters
position The item whose checked state to return
Returns
  • The item's checked state or false if choice mode is invalid
好了,看到这里,我激动的以为问题解决了。于是开始写测试代码。
private ListView lv_contacts;
lv_contacts.setChoiceMode(AbsListView.CHOICE_MODE_MULTIPLE);
lv_contacts = (ListView) findViewById(R.id.lv_contacts);
/**
* 中间省略设置Adapter等初始化代码
*/
lv_contacts.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                boolean isChecked = isItemChecked(position);
                Log.i(TAG, "checked state= "+isChecked);
		lv_contacts.setItemChecked(position, !isChecked);
            }
});
然后开始测试,看Log输出。
我点,我再点,我再再点。。。
为毛一直输出
checked state= true
一番测试无果,在API doc上也没找到原因,这不靠谱的文档啊。
还是自己想办法吧,咱自己定义一个数组专门来保存选中状态不行么!列表项选中就让它变色,取消选中就变回去,一目了然。
如果直接这么做,我们一定会遇到一个问题,就是当列表项一个屏幕显示不下的时候,你上下一拖动,发现问题了,表示列表项选中状态的颜色显示乱掉了。比如你在头上选中两个,然后一拖动,下面怎么出来两个变了颜色的列表项目?
其实呢,这是因为列表在显示的时候,为了提高运行效率,是对列表项进行复用的,我们查看源代码就可以知道,如果getView的时候发现convertview不为null,那么就直接复用这个convertview了。好了,问题就出来这里,如果我们直接使用现成的Adapter例如ArrayAdapter,SimpleAdapter的话,它们是只处理显示的数据的,也就是在bindView里面仅仅对列表的数据进行了更新,我们自己改变颜色这种事情,它当然是不去修改的,于是就出现了被复用的view颜色也被不恰当的复用了的情况。
分析完毕,下面开始修正,以SimpleAdapter为例吧,其实很简单,继承它之后复写父类的getView方法就行了。不多说,上代码:
public class ContactsChooserActivity extends Activity {

    private static final String TAG = "ContactsChooserActivity";

    private ListView lv_contacts;
    private List<Map<String, String>> list_data;
    private boolean[] bCheckStatesArray;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_contacts_chooser);
        lv_contacts = (ListView) findViewById(R.id.lv_contacts);
        // 初始化列表数据
        list_data = initListData();
        bCheckStatesArray = new boolean[list_data.size()];
        ContactsAdapter adapter = new ContactsAdapter(this, list_data, R.layout.item_contacts_list,
                new String[]{"NAME", "NUMBER"}, new int[]{R.id.tv_item_name, R.id.tv_item_number});
        lv_contacts.setAdapter(adapter);
        lv_contacts.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                boolean isChecked = bCheckStatesArray[position];
                if (isChecked) {
                    view.setBackgroundColor(Color.TRANSPARENT);
                    bCheckStatesArray[position] = false;
                } else {
                    view.setBackgroundColor(Color.BLUE);
                    bCheckStatesArray[position] = true;
                }
            }
        });
        // 把选中状态记录数组初始化一下
        for (int i = 0; i < bCheckStatesArray.length; i++) {
                bCheckStatesArray[i] = false;
        }
    }


    /**
     * 在getView方法中,如果不对view进行处理,就会导致上下拉动列表之后,列表项被选中的颜色状态混乱。
     */
    private class ContactsAdapter extends SimpleAdapter {

        public ContactsAdapter(Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to) {
            super(context, data, resource, from, to);
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            //return super.getView(position, convertView, parent);
            View v = super.getView(position, convertView, parent);
            //根据选中状态设置好颜色,防止拖动后出现混乱。
            if (bCheckStatesArray[position]) {
                v.setBackgroundColor(Color.BLUE);
            } else {
                v.setBackgroundColor(Color.TRANSPARENT);
            }
            return v;
        }
    }
}

列表项的布局xml
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:paddingTop="@dimen/item_vertical_margin"
    android:paddingBottom="@dimen/item_vertical_margin"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="NAME"
        android:layout_weight="1"
        android:id="@+id/tv_item_name" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:text="NUMBER"
        android:id="@+id/tv_item_number" />
</LinearLayout>

主要的代码就是这些,关于实现列表多选的其它更好方法,还希望大家多多指教和交流。







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值