带有CheckBox的ListView，实现删除和选中功能

Android实现带有CheckBox的ListView

[html] view plain copy

packagecom.zwq.umeng;
importjava.util.ArrayList;
importjava.util.HashMap;
importjava.util.List;
importjava.util.Map;
importandroid.content.Context;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.BaseAdapter;
importandroid.widget.CheckBox;
importandroid.widget.ImageView;
importandroid.widget.TextView;
publicclassMyAdapterextendsBaseAdapter{
privateLayoutInflatermInflater;
privateList<Map<String,Object>>mData;
publicstaticMap<Integer,Boolean>isSelected;
publicMyAdapter(Contextcontext){
mInflater=LayoutInflater.from(context);
init();
}
//初始化
privatevoidinit(){
mData=newArrayList<Map<String,Object>>();
for(inti=0;i<5;i++){
Map<String,Object>map=newHashMap<String,Object>();
map.put("img",R.drawable.icon);
map.put("title","第"+(i+1)+"行的标题");
mData.add(map);
}
//这儿定义isSelected这个map是记录每个listitem的状态，初始状态全部为false。
isSelected=newHashMap<Integer,Boolean>();
for(inti=0;i<mData.size();i++){
isSelected.put(i,false);
}
}
@Override
publicintgetCount(){
returnmData.size();
}
@Override
publicObjectgetItem(intposition){
returnnull;
}
@Override
publiclonggetItemId(intposition){
return0;
}
@Override
publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
ViewHolderholder=null;
//convertView为null的时候初始化convertView。
if(convertView==null){
holder=newViewHolder();
convertView=mInflater.inflate(R.layout.vlist,null);
holder.img=(ImageView)convertView.findViewById(R.id.img);
holder.title=(TextView)convertView.findViewById(R.id.title);
holder.cBox=(CheckBox)convertView.findViewById(R.id.cb);
convertView.setTag(holder);
}else{
holder=(ViewHolder)convertView.getTag();
}
holder.img.setBackgroundResource((Integer)mData.get(position).get(
"img"));
holder.title.setText(mData.get(position).get("title").toString());
holder.cBox.setChecked(isSelected.get(position));
returnconvertView;
}
publicfinalclassViewHolder{
publicImageViewimg;
publicTextViewtitle;
publicCheckBoxcBox;
}
}

项目要用到一个listview，要求是可以显示图片，后面还有有复选框。

先新建一个MyAdapter类，继承自BaseAdapter。在MyAdapter中实现对数据的绑定，我这儿由于是测试的，所以把数据写死了。

Java代码

上面类中要注意getView()方法中对数据的处理。

接下要新建一个list.xml文件，这个就是布局image、textview、checkbox。

[html] view plain copy

<TextView
android:id="@+id/title"
android:textSize="18dip"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<CheckBox
android:id="@+id/cb"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:focusable="false"
android:focusableInTouchMode="false"
android:clickable="false"
android:checkMark="?android:attr/listChoiceIndicatorMultiple"/>
</LinearLayout>

android:layout_weight="1"这一句可以使中间的textview权重增大，从而后面的checkbok可以居右显示。

[html] view plain copy

android:focusable="false"
android:focusableInTouchMode="false"
android:clickable="false"

这三句很重要，如果不加就会出现错误。

由于checkbox的点击事件优先级比listview的高，所以要在checkbox中添加android:focusable="false"，使得checkbox初始的时候没有获取焦点。

接下来在main.xml中添加Listview组件

Java代码

[html] view plain copy

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

接下来就是在activity中调用：

Java代码

[html] view plain copy

list=(ListView)findViewById(R.id.lv);
MyAdapteradapter=newMyAdapter(this);
list.setAdapter(adapter);
list.setItemsCanFocus(false);
list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
list.setOnItemClickListener(newOnItemClickListener(){
@Override
publicvoidonItemClick(AdapterView<?>parent,Viewview,
intposition,longid){
ViewHoldervHollder=(ViewHolder)view.getTag();
//在每次获取点击的item时将对于的checkbox状态改变，同时修改map的值。
vHollder.cBox.toggle();
MyAdapter.isSelected.put(position,vHollder.cBox.isChecked());
}
});

最新看一下效果图：

带有CheckBox的ListView，实现删除和选中功能_第1张图片

要获取哪些项目被选择了，可以这样测试：

Java代码

[html] view plain copy

OnClickListenerbPop=newOnClickListener(){
@Override
publicvoidonClick(Viewv){
for(inti=0;i<list.getCount();i++){
if(MyAdapter.isSelected.get(i)){
ViewHoldervHollder=(ViewHolder)list.getChildAt(i).getTag();
Log.i(TAG,"--onClick--"+vHollder.title.getText());
}
}
}
};

总结：

1、数据可以在Activity中获取，在初始化Adapter的时候当做参数传递过去，这样就可以是list编程动态的。

2、对MyAdapter中getview的理解不够，尤其是convertView.setTag(holder),

ListView结合Checkbox实现删除功能

带有CheckBox的ListView，实现删除和选中功能_第2张图片

效果图

实现要点：

1Listview是一个动态的组件，实现监听Listview里的动作需要用到BaseAdapter类

2 数据存储结构ArrayList<HashMap<String, String>> list，第一个string存放flag，用以判断是否选中；第二个string存放msg

3 一旦数据有变，必须使用mAdapter.notifyDataSetChanged(); 否则view无法得知数据变化，从而会报错

一共由以下文件组成（仅核心部分，参考慎用）

JAVA

[java] view plain copy

ButtonbtnDelete;
ListViewlv;
ContextmContext;
MyListAdapteradapter;
privateArrayList<HashMap<String,String>>list;
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_carton_no_main);
SysApplication.getInstance().addActivity(this);
btnDelete=(Button)findViewById(R.id.ctn_no_scan_delete_btn);
lv=(ListView)findViewById(R.id.carton_no_list);
list=newArrayList<HashMap<String,String>>();
mAdapter=newMyListAdapter(list,this);
lv.setAdapter(mAdapter);
//insertsomething
HashMap<String,String>map=newHashMap<String,String>();
map.put("content",'test');
map.put("flag","false");
list.add(map);
btnDelete.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
Iterator<HashMap<String,String>>iterator=list.iterator();
while(iterator.hasNext()){
HashMap<String,String>temp=iterator.next();
if(temp.get("flag").equals("true")){
iterator.remove();
}
}
checkNum=0;
//ifyouhavechangedlist,pleaseexcutemAdapter.notifyDataSetChanged();
dataChanged();
}
});
lv.setOnItemClickListener(newOnItemClickListener(){
@Override
publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,
longarg3){
ViewHolderholder=(ViewHolder)arg1.getTag();
holder.cb.toggle();
//storecheckbox'sstatus
if(holder.cb.isChecked()==true){
list.get(arg2).put("flag","true");
checkNum++;
}else{
list.get(arg2).put("flag","false");
checkNum--;
}
}
});
}
publicclassMyListAdapterextendsBaseAdapter{
privateArrayList<HashMap<String,String>>list;
privateContextcontext;
privateLayoutInflaterinflater=null;
publicMyListAdapter(ArrayList<HashMap<String,String>>list,Contextcontext){
this.context=context;
this.list=list;
inflater=LayoutInflater.from(context);
}
@Override
publicintgetCount(){
returnlist.size();
}
@Override
publicObjectgetItem(intposition){
returnlist.get(position);
}
@Override
publiclonggetItemId(intposition){
returnposition;
}
@Override
publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
ViewHolderholder=null;
if(convertView==null){
holder=newViewHolder();
convertView=inflater.inflate(R.layout.activity_carton_no_list,null);
holder.tv=(TextView)convertView.findViewById(R.id.carton_no_list_name);
holder.cb=(CheckBox)convertView.findViewById(R.id.carton_no_list_checked);
convertView.setTag(holder);
}else{
holder=(ViewHolder)convertView.getTag();
}
//initview
holder.tv.setText(list.get(position).get("content").toString());
holder.cb.setChecked(list.get(position).get("flag").equals("true"));
returnconvertView;
}
finalclassViewHolder{
TextViewtv;
CheckBoxcb;
}
}
privatevoiddataChanged(){
mAdapter.notifyDataSetChanged();
}

XML

1/2

[html] view plain copy

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/white"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:descendantFocusability="blocksDescendants">
<CheckBox
android:id="@+id/carton_no_list_checked"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="false"
android:focusable="false"
android:focusableInTouchMode="false"
android:gravity="center_vertical"/>
<TextView
android:id="@+id/carton_no_list_name"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="10dp"
android:layout_weight="1"
android:text="Name"
android:textColor="@color/viewfinder_mask"
android:textSize="20dp"/>
</LinearLayout>
</LinearLayout>

2/2

[html] view plain copy

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
android:orientation="vertical">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.1">
<ListView
android:id="@+id/carton_no_list"
android:layout_width="match_parent"
android:layout_height="fill_parent"/>
</LinearLayout>
<LinearLayout
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.7"
android:orientation="horizontal">
<Button
android:id="@+id/ctn_no_scan_delete_btn"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_weight="0.1"
android:text="Delete"/>
</LinearLayout>
</LinearLayout>

同理，实现radiobox，也是一样的道理。

更多相关文章

随机推荐