带CheckBox的ListView
来源:互联网 发布:leaflet.js 离线地图 编辑:程序博客网 时间:2024/05/19 12:13
ListView嵌套CheckBox在应用中很常见,比如es文件管理器中多选文件。
下面就自己来实现一下。看最终效果。
首先来看两个布局文件:
主布局文件:
<RelativeLayout 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" tools:context=".ListActivity" > <ListView android:id="@+id/main_list" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#ffffff" /></RelativeLayout>
很简单,就一个listiew。
item布局文件:
<?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" android:orientation="vertical" > <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <ImageView android:id="@+id/item_iv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/item_tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@id/item_iv" android:layout_weight="1" android:layout_margin="20dip" android:textSize="18dip" android:textColor="#000000"/> <CheckBox android:id="@+id/item_cb" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginRight="30dip" android:clickable="false" android:focusable="false" android:focusableInTouchMode="false" /> </RelativeLayout></LinearLayout>
每项都有一个图片,一个textiew和CheckBox。
再自己创建一个Adapter类,继承BaseAdapter。
package com.empty.adaptertest;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;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.ImageView;import android.widget.TextView;public class MyListAdapter extends BaseAdapter{// 填充数据的listprivate ArrayList<String> mList;// 用来控制CheckBox的选中状况private static HashMap<Integer,Boolean> isSelected;// 上下文private Context mContext;// 用来导入布局private LayoutInflater inflater = null;private List<Map<String, Object>> mData; // 构造器public MyListAdapter(ArrayList<String> list, Context context) {this.mContext = context;this.mList = list;inflater = LayoutInflater.from(context);// 初始化数据initDate();}// 初始化isSelected的数据private void initDate(){//这儿定义isSelected这个map是记录每个listitem的状态,初始状态全部为false。 isSelected = new HashMap<Integer, Boolean>(); for (int i = 0; i < mList.size(); i++) { isSelected.put(i, false); } }@Overridepublic int getCount() {return mList.size();//return mData.size(); }@Overridepublic Object getItem(int position) {return mList.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder holder = null;if (convertView == null) {// 获得ViewHolder对象holder = new ViewHolder();// 导入布局并赋值给convertviewconvertView = inflater.inflate(R.layout.list_item, null);holder.iv = (ImageView)convertView.findViewById(R.id.item_iv);holder.tv = (TextView)convertView.findViewById(R.id.item_tv);holder.cb = (CheckBox)convertView.findViewById(R.id.item_cb);// 为view设置标签convertView.setTag(holder);} else {// 取出holderholder = (ViewHolder) convertView.getTag();}// 设置list中TextView的显示holder.iv.setImageDrawable(mContext.getResources().getDrawable(R.drawable.smile));holder.tv.setText(mList.get(position));// 根据isSelected来设置checkbox的选中状况holder.cb.setChecked(getIsSelected().get(position));//holder.cb.setChecked(false);return convertView;}public static HashMap<Integer,Boolean> getIsSelected() {return isSelected;}public static void setIsSelected(HashMap<Integer,Boolean> isSelected) {MyListAdapter.isSelected = isSelected;}public final class ViewHolder{ public ImageView iv; public TextView tv; public CheckBox cb; }}
主Activity:
package com.empty.adaptertest;import java.util.ArrayList;import android.os.Bundle;import android.app.Activity;import android.app.AlertDialog;import android.app.AlertDialog.Builder;import android.app.ListActivity;import android.view.Menu;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.ListView;import android.widget.Toast;import com.empty.adaptertest.*;import com.empty.adaptertest.MyListAdapter.ViewHolder;public class TestActivity extends Activity{private ListView mListView;private MyListAdapter mAdapter;private ArrayList<String> list;private int checkNum;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_list);mListView=(ListView)findViewById(R.id.main_list);list = new ArrayList<String>();// 为Adapter准备数据initDate();// 实例化自定义的MyAdaptermAdapter = new MyListAdapter(list, this);mListView.setAdapter(mAdapter);mListView.setOnItemClickListener(new OnItemClickListenerImpl());}private class OnItemClickListenerImpl implements OnItemClickListener{@Overridepublic void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) {// TODO Auto-generated method stub// 取得ViewHolder对象,这样就省去了通过层层的findViewById去实例化我们需要的cb实例的步骤 ViewHolder holder = (ViewHolder) arg1.getTag(); // 改变CheckBox的状态 holder.cb.toggle(); // 将CheckBox的选中状况记录下来 mAdapter.getIsSelected().put(arg2, holder.cb.isChecked()); // 调整选定条目 if (holder.cb.isChecked() == true) { checkNum++; } else { checkNum--; } // 用TextView显示 Toast.makeText(getApplicationContext(), "You choose "+checkNum+"items.", Toast.LENGTH_SHORT).show();}};private void initDate(){for (int i = 0; i < 15; i++) {list.add("data" + " " + i);}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.activity_list, menu);return true;}}
这样就完成了。动过initDate可以动态地控制listiew的大小,在OnItemClickListenerImpl,通过holder.cb.toggle();来选定CheckBox。
扩展
这种界面在很多情况下并不能提供一个很好的体验,因为listiew大部分的情况是用于呈现内容,单击是用于选择查看,而checkbox并不是一直需要显示,所以我们需要对其进行改进。
改进的效果:正常模式下checkbox不显示。单击item弹出对话框,长按item进入多选模式,checkbox出现,单击item则可选中checkbox。
同时在菜单中显示添加全选与反选。
实现思路就是在主Activity和MyListAdapter中添加一个boolean的状态变量,然后通过OnItemLongClickListener来设置点击的模式。代码如下:
修改后的MyListAdapter
package com.empty.adaptertest;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;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.ImageView;import android.widget.TextView;public class MyListAdapter extends BaseAdapter{// 填充数据的listprivate ArrayList<String> mList;// 用来控制CheckBox的选中状况private static HashMap<Integer,Boolean> isSelected;// 上下文private Context mContext;// 用来导入布局private LayoutInflater inflater = null;private List<Map<String, Object>> mData;private boolean isMultiChoose;// 构造器public MyListAdapter(ArrayList<String> list, Context context) {this.mContext = context;this.mList = list;inflater = LayoutInflater.from(context);isMultiChoose=false;// 初始化数据initDate();}// 初始化isSelected的数据private void initDate(){//这儿定义isSelected这个map是记录每个listitem的状态,初始状态全部为false。 isSelected = new HashMap<Integer, Boolean>(); for (int i = 0; i < mList.size(); i++) { isSelected.put(i, false); } }@Overridepublic int getCount() {return mList.size();//return mData.size(); }@Overridepublic Object getItem(int position) {return mList.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder holder = null;if (convertView == null) {// 获得ViewHolder对象holder = new ViewHolder();// 导入布局并赋值给convertviewconvertView = inflater.inflate(R.layout.list_item, null);holder.iv = (ImageView)convertView.findViewById(R.id.item_iv);holder.tv = (TextView)convertView.findViewById(R.id.item_tv);holder.cb = (CheckBox)convertView.findViewById(R.id.item_cb);if(isMultiChoose){System.out.println("isMultiChoose");holder.cb.setVisibility(View.VISIBLE);}else{System.out.println("isNotMultiChoose");holder.cb.setVisibility(View.GONE);}// 为view设置标签convertView.setTag(holder);} else {// 取出holderholder = (ViewHolder) convertView.getTag();}// 设置list中TextView的显示holder.iv.setImageDrawable(mContext.getResources().getDrawable(R.drawable.smile));holder.tv.setText(mList.get(position));// 根据isSelected来设置checkbox的选中状况holder.cb.setChecked(getIsSelected().get(position));return convertView;}public static HashMap<Integer,Boolean> getIsSelected() {return isSelected;}public static void setIsSelected(HashMap<Integer,Boolean> isSelected) {MyListAdapter.isSelected = isSelected;}public void setIsMultiChoose(Boolean b){isMultiChoose=b;}public final class ViewHolder{ public ImageView iv; public TextView tv; public CheckBox cb; }}
修改后的TestActivity
package com.empty.adaptertest;import java.util.ArrayList;import android.os.Bundle;import android.app.Activity;import android.app.AlertDialog;import android.app.AlertDialog.Builder;import android.app.ListActivity;import android.view.KeyEvent;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.AdapterView.OnItemLongClickListener;import android.widget.ListView;import android.widget.Toast;import com.empty.adaptertest.*;import com.empty.adaptertest.MyListAdapter.ViewHolder;public class TestActivity extends Activity{private ListView mListView;private MyListAdapter mAdapter;private ArrayList<String> list;private int checkNum;private boolean isMultiChoose;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_list);mListView=(ListView)findViewById(R.id.main_list);list = new ArrayList<String>();// 为Adapter准备数据initDate();// 实例化自定义的MyAdaptermAdapter = new MyListAdapter(list, this);mListView.setAdapter(mAdapter);mListView.setOnItemClickListener(new OnItemClickListenerImpl());mListView.setOnItemLongClickListener(new OnItemLongClickListenerImpl());isMultiChoose=false;}private class OnItemClickListenerImpl implements OnItemClickListener{@Overridepublic void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) {// TODO Auto-generated method stub/**/// 取得ViewHolder对象,这样就省去了通过层层的findViewById去实例化我们需要的cb实例的步骤 if(isMultiChoose){ViewHolder holder = (ViewHolder) arg1.getTag(); // 改变CheckBox的状态 holder.cb.toggle(); // 将CheckBox的选中状况记录下来 mAdapter.getIsSelected().put(arg2, holder.cb.isChecked()); // 调整选定条目 if (holder.cb.isChecked() == true) { checkNum++; } else { checkNum--; } // 用TextView显示 Toast.makeText(getApplicationContext(), "You choose "+checkNum+"items.", Toast.LENGTH_SHORT).show();}else{AlertDialog.Builder builder = new Builder(TestActivity.this);builder.setMessage("You Clicked Me!");builder.setTitle("Warning");builder.setPositiveButton("Ok",null);builder.show();}}};private class OnItemLongClickListenerImpl implements OnItemLongClickListener{@Overridepublic boolean onItemLongClick(AdapterView<?> arg0, View arg1,int arg2, long arg3) {// TODO Auto-generated method stubisMultiChoose=true;mAdapter.setIsMultiChoose(isMultiChoose);mListView.setAdapter(mAdapter);return false;}}private void initDate(){for (int i = 0; i < 15; i++) {list.add("data" + " " + i);}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.//getMenuInflater().inflate(R.menu.activity_list, menu);menu.add(0,1,1,"Select All"); menu.add(0,2,2,"Select Invert");menu.add(0,3,3,"Exit");//getMenuInflater().inflate(R.menu.activity_gtd, menu); return true; }@Override public boolean onMenuItemSelected(int featureId, MenuItem item) { // TODO Auto-generated method stub if(item.getItemId()==1) {isMultiChoose=true;mAdapter.setIsMultiChoose(isMultiChoose);mListView.setAdapter(mAdapter);for (int i = 0; i < list.size(); i++) { mAdapter.getIsSelected().put(i, true); } // 数量设为list的长度 checkNum = list.size(); // 刷新listview和TextView的显示 dataChanged(); }if(item.getItemId()==2) {for (int i = 0; i < list.size(); i++) { if (mAdapter.getIsSelected().get(i)) { mAdapter.getIsSelected().put(i, false); checkNum--; } else { mAdapter.getIsSelected().put(i, true); checkNum++; } } // 刷新listview和TextView的显示 dataChanged(); }if(item.getItemId()==3) finish(); return super.onMenuItemSelected(featureId, item); } @Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {// TODO Auto-generated method stubif (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) {// do something on back.if(isMultiChoose){isMultiChoose=false;mAdapter.setIsMultiChoose(isMultiChoose);mListView.setAdapter(mAdapter);// 遍历list的长度,将已选的按钮设为未选 for (int i = 0; i < list.size(); i++) { if (mAdapter.getIsSelected().get(i)) { mAdapter.getIsSelected().put(i, false); checkNum--;// 数量减1 } } // 刷新listview和TextView的显示 dataChanged();}return true;}return super.onKeyDown(keyCode, event);}// 刷新listview和TextView的显示 private void dataChanged() { // 通知listView刷新 mAdapter.notifyDataSetChanged(); }}
参考: android UI进阶之实现listview中checkbox的多选与记录-http://blog.csdn.net/notice520/article/details/7266896
- 带checkBox的ListView
- 带CheckBox的ListView
- 带CheckBox的ListView
- 实现带图片和checkbox的listview
- 如何自定义带checkbox的Android ListView
- Android---自定义带CheckBox的ListView实现
- 实现带图片和checkbox的listview
- 带checkBox的ListView全选和取消。
- Android带CheckBox的ListView,全选,CheckBox和ListView事件分离
- Android关于ListView的item中带checkBox的解决方案
- Android开发:实现带图片和checkbox的listview
- Android开发:实现带图片和checkbox的listview
- Android开发:实现带图片和checkbox的listview
- Android:实现带图片和CheckBox的ListView
- Android开发:实现带图片和checkbox的listview
- Android开发:实现带图片和checkbox的listview
- Android开发:实现带图片和checkbox的listview
- Android开发:实现带图片和checkbox的listview
- Google开源库ZXing的使用
- assert()函数用法总结
- 按钮事件覆盖单击手势事件,userInteractionEnabled
- MFC的秘密:它的静态库和动态库所在何处
- SAX和DOM的区别
- 带CheckBox的ListView
- fatal error: mysql.h: No such file or directory
- 直接选择排序
- linux vim命令详解
- DataLab实验解析
- 你所不知道的冰冷的经济真相 flp713
- sizeof 和 结构体
- 获取linux的CPU,内存,磁盘的C源代码
- linux多网口下将网卡设置成桥模式工作