现在的位置: 首页 > 综合 > 正文

android ListView使用

2014年02月26日 ⁄ 综合 ⁄ 共 9694字 ⁄ 字号 评论关闭

 

项目要用到一个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<Map<String, Object>> mData;   
  20.     public static Map<Integer, Boolean> 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<Map<String, Object>>();   
  30.         for (int i = 0; i < 5; i++) {   
  31.             Map<String, Object> map = new HashMap<String, Object>();   
  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<Integer, Boolean>();   
  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()方法中对数据的处理。
convertView可以认为是元素的缓存,因为元素本身没有变化,因此可以判断如果非空,就可以复用。减少重复new新对象,系统不断回收所带来的内存消耗!
具体可以参考这儿的文章:http://marshal.easymorse.com/archives/3944

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

Java代码
复制代码
 收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="horizontal"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >   
  7.     <ImageView   
  8.         android:id="@+id/img"  
  9.         android:layout_width="wrap_content"  
  10.         android:layout_height="wrap_content"  
  11.         android:layout_gravity="center_vertical"/>   
  12.     <TextView    
  13.         android:id="@+id/title"  
  14.         android:textSize="18dip"  
  15.         android:layout_weight="1"  
  16.         android:layout_width="wrap_content"  
  17.         android:layout_height="wrap_content"/>   
  18.     <CheckBox   
  19.         android:id="@+id/cb"  
  20.         android:layout_width="wrap_content"  
  21.         android:layout_height="wrap_content"  
  22.         android:focusable="false"  
  23.         android:focusableInTouchMode="false"  
  24.         android:clickable="false"          
  25.         android:checkMark="?android:attr/listChoiceIndicatorMultiple"/>   
  26. </LinearLayout>  

android:layout_weight="1"这一句可以使中间的textview权重增大,从而后面的checkbok可以居右显示。
android:focusable="false"
        android:focusableInTouchMode="false"
        android:clickable="false"
这三句很重要,如果不加就会出现错误。
由于checkbox的点击事件优先级比listview的高,所以要在checkbox中添加android:focusable="false",使得checkbox初始的时候没有获取焦点。

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

Java代码
复制代码
 收藏代码
  1. <ListView   
  2.         android:id="@+id/lv"  
  3.         android:layout_width="fill_parent"    
  4.         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<list.getCount();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、ListView的android:cacheColorHint="#00000000"会消除listview拖动时的全选效果。
2、ListView的getView()方法只获取当前屏幕可以显示出的view,对隐藏的,就是拖动可以看见的不会绘制,只有需要显示的时候才绘制。
3、数据可以在activity中获取,在初始化adapter的时候当做参数传递过去,这样就可以是list变成动态的。
4、给checkbox添加OnClickListener才会优先响应list item里面的checkbox。checkbox的OnClickListener监听实现方法要写在getview方法里面,否则获取不到position。如果不需要对checkbox做优先响应,不需要给checkbox添加OnClickListener。

5、如果要多选或全选需要新建一个list:

Java代码
复制代码
 收藏代码
  1. public static Map<Integer, Boolean> isSelected;  

在点击listview 的item或者checkbox时将isSelected的值做相应改变。
6、如果不指定listview的分割线则会有些粗有些细,我指定了之后可以均匀显示。给listview添加下面属性:

Java代码
复制代码
 收藏代码
  1. android:divider="#8B8B00"  
  2. android:dividerHeight="1px"  
【上篇】
【下篇】

抱歉!评论已关闭.