Android开发:实现带图片和checkbox的listview
创始人
2024-07-25 15:00:32
0

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

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

Java代码 

  1. package com.zwq.umeng;    
  2.     
  3. import java.util.ArrayList;    
  4. import java.util.HashMap;    
  5. import java.util.List;    
  6. import java.util.Map;    
  7.     
  8. import android.content.Context;    
  9. import android.view.LayoutInflater;    
  10. import android.view.View;    
  11. import android.view.ViewGroup;    
  12. import android.widget.BaseAdapter;    
  13. import android.widget.CheckBox;    
  14. import android.widget.ImageView;    
  15. import android.widget.TextView;    
  16.     
  17. public class MyAdapter extends BaseAdapter {    
  18.     private LayoutInflater mInflater;    
  19.     private List> mData;    
  20.     public static Map isSelected;    
  21.     
  22.     public MyAdapter(Context context) {    
  23.         mInflater = LayoutInflater.from(context);    
  24.         init();    
  25.     }    
  26.     
  27.     //初始化    
  28.     private void init() {    
  29.         mData=new ArrayList>();    
  30.         for (int i = 0; i < 5; i++) {    
  31.             Map map = new HashMap();    
  32.             map.put("img", R.drawable.icon);    
  33.             map.put("title", "第" + (i + 1) + "行的标题");    
  34.             mData.add(map);    
  35.         }    
  36.         //这儿定义isSelected这个map是记录每个listitem的状态,初始状态全部为false。    
  37.         isSelected = new HashMap();    
  38.         for (int i = 0; i < mData.size(); i++) {    
  39.             isSelected.put(i, false);    
  40.         }    
  41.     }    
  42.     
  43.     @Override    
  44.     public int getCount() {    
  45.         return mData.size();    
  46.     }    
  47.     
  48.     @Override    
  49.     public Object getItem(int position) {    
  50.         return null;    
  51.     }    
  52.     
  53.     @Override    
  54.     public long getItemId(int position) {    
  55.         return 0;    
  56.     }    
  57.     
  58.     @Override    
  59.     public View getView(int position, View convertView, ViewGroup parent) {    
  60.         ViewHolder holder = null;    
  61.         //convertView为null的时候初始化convertView。    
  62.         if (convertView == null) {    
  63.             holder = new ViewHolder();    
  64.             convertView = mInflater.inflate(R.layout.vlist, null);    
  65.             holder.img = (ImageView) convertView.findViewById(R.id.img);    
  66.             holder.title = (TextView) convertView.findViewById(R.id.title);    
  67.             holder.cBox = (CheckBox) convertView.findViewById(R.id.cb);    
  68.             convertView.setTag(holder);    
  69.         } else {    
  70.             holder = (ViewHolder) convertView.getTag();    
  71.         }    
  72.         holder.img.setBackgroundResource((Integer) mData.get(position).get(    
  73.                 "img"));    
  74.         holder.title.setText(mData.get(position).get("title").toString());    
  75.         holder.cBox.setChecked(isSelected.get(position));    
  76.         return convertView;    
  77.     }    
  78.     
  79.     public final class ViewHolder {    
  80.         public ImageView img;    
  81.         public TextView title;    
  82.         public CheckBox cBox;    
  83.     }    
  84. }    

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

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

Java代码 

  1.     
  2.     android:orientation="horizontal"    
  3.     android:layout_width="fill_parent"    
  4.     android:layout_height="fill_parent"    
  5.     >    
  6.     
  7.         android:id="@+id/img"    
  8.         android:layout_width="wrap_content"    
  9.         android:layout_height="wrap_content"    
  10.         android:layout_gravity="center_vertical"/>    
  11.     
  12.         android:id="@+id/title"    
  13.         android:textSize="18dip"    
  14.         android:layout_weight="1"    
  15.         android:layout_width="wrap_content"    
  16.         android:layout_height="wrap_content"/>    
  17.     
  18.         android:id="@+id/cb"    
  19.         android:layout_width="wrap_content"    
  20.         android:layout_height="wrap_content"    
  21.         android:focusable="false"    
  22.         android:focusableInTouchMode="false"    
  23.         android:clickable="false"           
  24.         android:checkMark="?android:attr/listChoiceIndicatorMultiple"/>    
  25.     
  26.  

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

  1. android:focusable="false"   
  2.         android:focusableInTouchMode="false"   
  3.         android:clickable="false"   

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

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

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

Java代码

  1.         android:id="@+id/lv"    
  2.         android:layout_width="fill_parent"     
  3.         android:layout_height="wrap_content"/>    

接下来就是在activity中调用:

Java代码

  1. list=(ListView)findViewById(R.id.lv);    
  2.         MyAdapter adapter=new MyAdapter(this);    
  3.         list.setAdapter(adapter);    
  4.         list.setItemsCanFocus(false);    
  5.         list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);    
  6.     
  7.         list.setOnItemClickListener(new OnItemClickListener(){    
  8.             @Override    
  9.             public void onItemClick(AdapterView parent, View view,    
  10.                     int position, long id) {    
  11.                 ViewHolder vHollder = (ViewHolder) view.getTag();    
  12. //在每次获取点击的item时将对于的checkbox状态改变,同时修改map的值。    
  13.                 vHollder.cBox.toggle();    
  14.                 MyAdapter.isSelected.put(position, vHollder.cBox.isChecked());    
  15.             }    
  16.         });  

***看一下效果图:

效果图

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

Java代码

  1. OnClickListener bPop = new OnClickListener() {    
  2.         @Override    
  3.         public void onClick(View v) {    
  4.             for(int i=0;i
  5.                 if(MyAdapter.isSelected.get(i)){    
  6.                     ViewHolder vHollder = (ViewHolder) list.getChildAt(i).getTag();    
  7. Log.i(TAG, "--onClick --"+vHollder.title.getText());    
  8.                 }    
  9.             }    
  10.         }    
  11.     };   

总结

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

2、对MyAdapter中getview的理解不够,尤其是convertView.setTag(holder),如果您对getview有什么新的使用心得可以发Email:zhousn@51cto.com,51CTO将与您一起分享!

【编辑推荐】

  1. Android 抱怨它还是拥抱它?
  2. Android触屏textview及listview对比验证
  3. Android ListView复杂使用方式简单理解

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...