Android--ListView实现所有Item的全选和未选

前些日子公司有这样的一个需求，在购物车的ListView中的列表实现全选状态和取消全选状态。后来在网上查了一些资料后个人总结如下。由于第一次写博客，希望对各位能够帮助，同时！希望大家多多包涵！

一、先给大家看看效果图：

二、在ListView中，我们一般为了实现添加数据，都必须要用到Adapter适配器。适配器是我们与数据的一个桥梁，所以我们要把每个数据添加到列表的item上面。话不多说，直接动手了。首先我们先看主布局文件(activity_main.xml)

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.soft0754.listview.MainActivity">

    <ListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:dividerHeight="1px"
        android:scrollbars="none" />

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

        <Button
            android:id="@+id/all_sel"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="全选" />

        <Button
            android:id="@+id/all_unsel"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="全部取消" />
    </LinearLayout>
</LinearLayout>

以上就是主布局文件(activity_main.xml)，里面主要包含了一个ListView控件和底部的两个按钮。

下面我们再看看ListView的item布局文件。(check_list.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="match_parent">

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp">

        <LinearLayout
            android:gravity="center_vertical"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:paddingLeft="10dp"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="1"
                android:textSize="16sp" />

            <TextView
                android:id="@+id/subtitle"
                android:textSize="12sp"
                android:text="2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
        </LinearLayout>

        <CheckBox
            android:id="@+id/checkbox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="false"
            android:focusable="false" />


    </LinearLayout>
</LinearLayout>

以上是我们的item布局文件，这个布局就是这样的，左边是一个垂直布局的LinearLayout，然后里面一个主标题，一个副标题；右边是一个CheckBox。但这里有个地方要注意： CheckBox一定要添加两个属性：android:clickable="false"android:focusable="false"。

首先将CheckBox设置为不可点击，这样就不会造成ListView无法捕捉当前CheckBox状态的尴尬局面，如果不理解，把这个参数删除，看看代码运行效果就清楚了。另外要把Checbox的获取焦点的属性取消，不然ListView是无法点击的，因为焦点都在CheckBox那了。

三、先创建一个ListView数据的构造类，方便下面我们在ListView中对数据进行填充。构造类方法里面主要定义了标题，内容，和checkbox的一个状态。

public class DataHolder{
    public String titleStr;
    public String subTitleStr;
    public boolean checked;

    public DataHolder(String title,String subTitle,boolean check){
        titleStr = title;
        subTitleStr = subTitle;
        checked=check;
    }
}

四、创建一个 ListitemAdapter作为ListView的适配器。

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

import java.util.List;

/**
 * Created by Administrator on 2017/7/13.
 */

public class ListitemAdapter  extends BaseAdapter {

    private List<DataHolder> mList;
    private Context mContext;
    private LayoutInflater mInflater;

    public ListitemAdapter(Context context,List<DataHolder> list){
        mList = list;
        mContext = context;
        mInflater = LayoutInflater.from(context);
    }
    @Override
    public int getCount() {
        return mList.size();
    }

    @Override
    public Object getItem(int position) {
        return mList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            holder=new ViewHolder();
            convertView = mInflater.inflate(R.layout.check_list_item, null);
            holder.mTitle = (TextView)convertView.findViewById(R.id.title);
            holder.mSubTitile = (TextView)convertView.findViewById(R.id.subtitle);
            holder.mCheckBox = (CheckBox)convertView.findViewById(R.id.checkbox);
            convertView.setTag(holder);
        }else {
            holder = (ViewHolder)convertView.getTag();
        }

        holder.mTitle.setText((String)mList.get(position).titleStr);
        holder.mSubTitile.setText((String)mList.get(position).subTitleStr);
        holder.mCheckBox.setChecked(mList.get(position).checked);
        return convertView;
    }

    public class ViewHolder{
        public TextView mTitle;
        public TextView mSubTitile;
        public CheckBox mCheckBox;
    };

}

五、最后是我们的MainActivity文件，文中已经给予注释。

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.ListView;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener{


    private ListView listView;
    private Button all_sel;
    private Button all_unsel;
    private ListitemAdapter  adapter;
    private List<DataHolder> datalist;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView= (ListView) this.findViewById(R.id.list);
        all_sel= (Button) this.findViewById(R.id.all_sel);
        all_unsel= (Button) this.findViewById(R.id.all_unsel);
        all_sel.setOnClickListener(this);
        all_unsel.setOnClickListener(this);

        //初始化数据
        datalist=new ArrayList<DataHolder>();
        for (int i = 0; i <10 ; i++) {
            datalist.add(new DataHolder("今日头条:"+i,"内容:"+i,false));
        }

        //创建数据适配器并且绑定数据
        adapter=new ListitemAdapter(MainActivity.this,datalist);
        listView.setAdapter(adapter);

        //设置列表点击事件
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                //记录选中item
                boolean checked = datalist.get(position).checked;
                if (!checked) {
                    datalist.get(position).checked = true;
                }else {
                    datalist.get(position).checked = false;
                }
                adapter.notifyDataSetChanged();
            }
        });
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            //设置全部选中
            case R.id.all_sel:
                for (int i = 0; i <datalist.size() ; i++) {
                    datalist.get(i).checked=true;
                }
                adapter.notifyDataSetChanged();
                break;
            //取消全部选中
            case R.id.all_unsel:
                for (int i = 0; i <datalist.size() ; i++) {
                    datalist.get(i).checked=false;
                }
                adapter.notifyDataSetChanged();
                break;
        }
    }
}

至此，整篇文章就讲完了。代码注释文中已经写了，希望对大家有帮助！

秒客网

Android--ListView实现所有Item的全选和未选

相关文章