先说明接下来要实现的ListView+CheckBox支持的功能:
1. 外部点击“编辑”(长按ListView的某一项也可),出现复选框;
2. 支持全选、复选、全不选
3. 支持获取选中的数据的信息
接下来,带大家看下实现的步骤:
- 定义list_item_data.xml,列表的内容显示,要求其中含有CheckBox
package text.bwie.com.listviewandcheckbox.adapter;
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;
import text.bwie.com.listviewandcheckbox.R;
import text.bwie.com.listviewandcheckbox.bean.DataBean;
/**
* Created by Love_you on 2017/9/10 0010.
*/
public class MyAdapter extends BaseAdapter {
private Context mContext;
private List<DataBean> mDatas;
private LayoutInflater mInflater;
public boolean flage = false;
public MyAdapter(Context mContext, List<DataBean> mDatas) {
this.mContext = mContext;
this.mDatas = mDatas;
mInflater=LayoutInflater.from(this.mContext);
}
@Override
public int getCount() {
return mDatas.size();
}
@Override
public Object getItem(int position) {
return mDatas.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if(convertView==null){
//下拉项布局
convertView=mInflater.inflate(R.layout.list_item_data,null);
holder=new ViewHolder();
//获取布局文件
holder.checkboxOperateData= (CheckBox) convertView.findViewById(R.id.checkbox_operate_data);
holder.textTitle= (TextView) convertView.findViewById(R.id.text_title);
holder.textDesc= (TextView) convertView.findViewById(R.id.text_desc);
convertView.setTag(holder);
}else {
holder= (ViewHolder) convertView.getTag();
}
final DataBean dataBean=mDatas.get(position);
if(dataBean!=null){
holder.textTitle.setText(dataBean.title);
holder.textDesc.setText(dataBean.desc);
//根据isSelected来设置CheckBox的显示显示状况
if(flage){
holder.checkboxOperateData.setVisibility(View.VISIBLE);
}else {
holder.checkboxOperateData.setVisibility(View.GONE);
}
holder.checkboxOperateData.setChecked(dataBean.isCheck);
holder.checkboxOperateData.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(dataBean.isCheck){
dataBean.isCheck=flage;
}else {
dataBean.isCheck=true;
}
}
});
}
return convertView;
}
class ViewHolder {
public CheckBox checkboxOperateData;
public TextView textTitle;
public TextView textDesc;
}
}
2.定义数据显示的Bean
package text.bwie.com.listviewandcheckbox.bean;
/**
* Created by Love_you on 2017/9/10 0010.
*/
public class DataBean {
public String id;
public String title;
public String desc;
public boolean isCheck;
public DataBean(String id, String title, String desc) {
this.id = id;
this.title = title;
this.desc = desc;
}
}
注:databean中含有isCheck属性,该属性主要标志CheckBox是否选中。
3.定义数据显示的Adapter,在该Adapter中,我们需要实现两个重要的功能:控制是否显示CheckBox; 控制CheckBox是否显示
package text.bwie.com.listviewandcheckbox.adapter;
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;
import text.bwie.com.listviewandcheckbox.R;
import text.bwie.com.listviewandcheckbox.bean.DataBean;
/**
* Created by Love_you on 2017/9/10 0010.
*/
public class MyAdapter extends BaseAdapter {
private Context mContext;
private List<DataBean> mDatas;
private LayoutInflater mInflater;
public boolean flage = false;
public MyAdapter(Context mContext, List<DataBean> mDatas) {
this.mContext = mContext;
this.mDatas = mDatas;
mInflater=LayoutInflater.from(this.mContext);
}
@Override
public int getCount() {
return mDatas.size();
}
@Override
public Object getItem(int position) {
return mDatas.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if(convertView==null){
//下拉项布局
convertView=mInflater.inflate(R.layout.list_item_data,null);
holder=new ViewHolder();
//获取布局文件
holder.checkboxOperateData= (CheckBox) convertView.findViewById(R.id.checkbox_operate_data);
holder.textTitle= (TextView) convertView.findViewById(R.id.text_title);
holder.textDesc= (TextView) convertView.findViewById(R.id.text_desc);
convertView.setTag(holder);
}else {
holder= (ViewHolder) convertView.getTag();
}
final DataBean dataBean=mDatas.get(position);
if(dataBean!=null){
holder.textTitle.setText(dataBean.title);
holder.textDesc.setText(dataBean.desc);
//根据isSelected来设置CheckBox的显示显示状况
if(flage){
holder.checkboxOperateData.setVisibility(View.VISIBLE);
}else {
holder.checkboxOperateData.setVisibility(View.GONE);
}
holder.checkboxOperateData.setChecked(dataBean.isCheck);
holder.checkboxOperateData.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(dataBean.isCheck){
dataBean.isCheck=flage;
}else {
dataBean.isCheck=true;
}
}
});
}
return convertView;
}
class ViewHolder {
public CheckBox checkboxOperateData;
public TextView textTitle;
public TextView textDesc;
}
}
注1: flage 字段,用于标志是否显示CheckBox,通过在Activity中改变该值,即可在getView方法中控制是否显示CheckBox。
注2: 定义CheckBox的setOnClickListener方法,而不是onCheckedChangListener,如此使用,可方便控制CheckBox是否选中。
4.定义Activity
package text.bwie.com.listviewandcheckbox.activity;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
import text.bwie.com.listviewandcheckbox.R;
import text.bwie.com.listviewandcheckbox.adapter.MyAdapter;
import text.bwie.com.listviewandcheckbox.bean.DataBean;
public class MainActivity extends AppCompatActivity {
private ArrayList<DataBean> mDatas;
private ListView listView;
private MyAdapter myAdapter;
private Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button = (Button) findViewById(R.id.button);
listView = (ListView) findViewById(R.id.listview);
//数据
mDatas = new ArrayList<>();
for (int i = 0; i < 20; i++) {
DataBean dataBean = new DataBean("" + i, "上邪"+i, "山无棱,天地合,乃敢与君绝");
mDatas.add(dataBean);
}
//添加适配器
myAdapter = new MyAdapter(this,mDatas);
listView.setAdapter(myAdapter);
}
/**
* 编辑、取消编辑
* @param view
*/
public void btnEditList(View view){
myAdapter.flage=!myAdapter.flage;
if(myAdapter.flage){
button.setText("取消");
}else {
button.setText("编辑");
}
myAdapter.notifyDataSetChanged();
}
//全选
public void btnSelectAllList(View view){
if(myAdapter.flage){
for (int i = 0; i < mDatas.size(); i++) {
mDatas.get(i).isCheck=true;
}
myAdapter.notifyDataSetChanged();
}
}
/**
* 全不选
* @param view
*/
public void btnNoLis(View view){
if(myAdapter.flage){
for (int i = 0; i < mDatas.size(); i++) {
mDatas.get(i).isCheck=false;
}
myAdapter.notifyDataSetChanged();
}
}
/**
* 反选
* @param view
*/
public void btnfanxuanList(View view){
if(myAdapter.flage){
for (int i = 0; i < mDatas.size(); i++) {
if(mDatas.get(i).isCheck){
mDatas.get(i).isCheck=false;
}else {
mDatas.get(i).isCheck=true;
}
}
myAdapter.notifyDataSetChanged();
}
}
/**
* 获取选中数据
* @param view
*/
public void btnOperateList(View view) {
List<String> ids = new ArrayList<>();
if (myAdapter.flage) {
for (int i = 0; i < mDatas.size(); i++) {
if (mDatas.get(i).isCheck) {
ids.add(mDatas.get(i).id);
}
}
Toast.makeText(MainActivity.this,ids.toString(), Toast.LENGTH_SHORT).show();
Log.e("TAG", ids.toString());
}
}
}
6.Acitvity的xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal">
<Button
android:id="@+id/button"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="编辑"
android:onClick="btnEditList"/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="全选"
android:onClick="btnSelectAllList"/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="全不选"
android:onClick="btnNoLis"/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="反选"
android:onClick="btnfanxuanList"/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="查看数据"
android:onClick="btnOperateList"/>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
</LinearLayout>