ListView(2)——自定义Adapter

来源:互联网 发布:网络手机卡资费对比 编辑:程序博客网 时间:2024/05/22 08:25

之前介绍了三种adapter:ArrayAdapter<T>SimpleAdapter和SimpleCursorAdapter。

使用android提供的adapter来绘制列表的话,列表的每一项的显示都是一样的。为了实现ListView的单双行不同颜色显示,需要自定义adapter的子类。adapter的常用子类有BaseAdapter、ArrayAdapter、SimpleAdapter等,下面介绍自定义BaseAdapter和ArrayAdapter的实现。


1.自定义BaseAdapter

效果图如下:

    

在上一篇《ListView(1)——各种Adapter的使用》的基础上,为了实现ListView的单双行不同颜色显示,需要自定义adapter的子类,而activity_main.xml文件和list_item.xml文件都不需要更改,MainActivity.java代码修改如下:

[java] view plaincopy
  1. @Override  
  2. protected void onCreate(Bundle savedInstanceState) {  
  3.     super.onCreate(savedInstanceState);  
  4.     setContentView(R.layout.activity_main);  
  5.   
  6.     // 图片资源的ID  
  7.     int[] images = new int[] { R.drawable.item_img_a,  
  8.             R.drawable.item_img_b, R.drawable.item_img_c,  
  9.             R.drawable.item_img_d, R.drawable.item_img_e };  
  10.   
  11.     List<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();  
  12.     for (int i = 0; i < 5; i++) {  
  13.         HashMap<String, Object> map = new HashMap<String, Object>();  
  14.         map.put("ItemImage", images[i]);  
  15.         map.put("ItemTitle""This is Title " + i);  
  16.         map.put("ItemText""This is text " + i);  
  17.         data.add(map);  
  18.     }  
  19.   
  20.     // 绑定XML中的ListView,作为Item的容器  
  21.     ListView listView = (ListView) findViewById(R.id.list);  
  22.   
  23.     MyBaseAdapter adapter = new MyBaseAdapter(MainActivity.this, data);  
  24.     listView.setAdapter(adapter);  
  25. }  

下面我们实现自定义的MyBaseAdapter类。MyBaseAdapter类继承自BaseAdapter类,BaseAdapter为抽象类,继承它需要实现如下方法,因此具有较高的灵活性。

[java] view plaincopy
  1. public class MyBaseAdapter extends BaseAdapter {  
  2.   
  3.     @Override  
  4.     public int getCount() {  
  5.         // TODO Auto-generated method stub  
  6.         return 0;  
  7.     }  
  8.   
  9.     @Override  
  10.     public Object getItem(int arg0) {  
  11.         // TODO Auto-generated method stub  
  12.         return null;  
  13.     }  
  14.   
  15.     @Override  
  16.     public long getItemId(int position) {  
  17.         // TODO Auto-generated method stub  
  18.         return 0;  
  19.     }  
  20.   
  21.     @Override  
  22.     public View getView(int position, View convertView, ViewGroup parent) {  
  23.         // TODO Auto-generated method stub  
  24.         return null;  
  25.     }  
  26.   
  27. }  

ListView在绘制时首先会调用getCount()方法得到绘制次数,然后通过getView()方法一层一层进行绘制,所以我们可以在getView()方法中根据position(当前绘制的ID)来的修改绘制内容。而getItem()和getItemId()则在需要处理和取得Adapter中的数据时调用。

[java] view plaincopy
  1. public class MyBaseAdapter extends BaseAdapter {  
  2.     private int[] colors = new int[] { 0xff3cb3710xffa0a0a0 };  
  3.     private Context mContext;  
  4.     private List<HashMap<String, Object>> dataList;  
  5.   
  6.     public MyBaseAdapter(Context context, List<HashMap<String, Object>> dataList) {  
  7.         this.mContext = context;  
  8.         this.dataList = dataList;  
  9.     }  
  10.   
  11.     @Override  
  12.     public int getCount() {  
  13.         return dataList.size();  
  14.     }  
  15.   
  16.     @Override  
  17.     public HashMap<String, Object> getItem(int position) {  
  18.         return dataList.get(position);  
  19.     }  
  20.   
  21.     @Override  
  22.     public long getItemId(int position) {  
  23.         return position;  
  24.     }  
  25.   
  26.     @Override  
  27.     public View getView(int position, View convertView, ViewGroup parent) {  
  28.         ViewHolder holder = null;  
  29.         if (convertView == null) {  
  30.             holder = new ViewHolder();  
  31.             convertView = LayoutInflater.from(mContext).inflate(  
  32.                     R.layout.list_item, null);  
  33.             holder.image = (ImageView) convertView.findViewById(R.id.ItemImage);  
  34.             holder.title = (TextView) convertView.findViewById(R.id.ItemTitle);  
  35.             holder.text = (TextView) convertView.findViewById(R.id.ItemText);  
  36.   
  37.             // 将holder绑定到convertView  
  38.             convertView.setTag(holder);  
  39.         } else {  
  40.             holder = (ViewHolder) convertView.getTag();  
  41.         }  
  42.   
  43.         // 向ViewHolder中填入的数据  
  44.         holder.image.setImageResource((Integer) getItem(position).get(  
  45.                 "ItemImage"));  
  46.         holder.title.setText((String) getItem(position).get("ItemTitle"));  
  47.         holder.text.setText((String) getItem(position).get("ItemText"));  
  48.   
  49.         int colorPos = position % colors.length;  
  50.         convertView.setBackgroundColor(colors[colorPos]);  
  51.   
  52.         return convertView;  
  53.     }  
  54.   
  55.     /** 
  56.      * ViewHolder类用以储存item中控件的引用 
  57.      */  
  58.     final class ViewHolder {  
  59.         ImageView image;  
  60.         TextView title;  
  61.         TextView text;  
  62.     }  
  63. }  
getView()方法用来获得绘制每个item的View对象,如果每次getView()被执行都new出一个View对象,长此以往会产生很大的消耗,特别当item中还有Bitmap等,甚至会造成OOM的错误导致程序崩溃。从上面的代码可以看到getView()有一个convertView参数,这个参数用来缓存View对象。当ListView滑动的过程中,会有item被滑出屏幕而不再被使用,这时候Android会回收这个item的view,这个view也就是这里的convertView。这样如果convertView不为null,就不用new出一个新的View对象,只用往convertView中填充新的item,这样就省去了new View的大量开销。

在上面的代码中,在缓存convertView减少new View开销的同时,通过setTag()方法将数据结构ViewHolder绑定到convertView,从而利用ViewHolder存储convertView中控件对象的引用,这样避免每次调用findViewById()方法。


2.自定义ArrayAdapter<T>

在开发中需要将对象显示在listview中,这时候使用ArrayAdapter<T>来显示指定对象类型。下面自定义ArrayAdapter<T>实现上一节中自定义BaseAdapter实现的同样的效果,首先定义要显示的对象,代码如下ItemBean.java。

[java] view plaincopy
  1. public class ItemBean {  
  2.     private int image;  
  3.     private String title;  
  4.     private String text;  
  5.   
  6.     public ItemBean(int image, String title, String text) {  
  7.         this.image = image;  
  8.         this.title = title;  
  9.         this.text = text;  
  10.     }  
  11.   
  12.     public int getImage() {  
  13.         return image;  
  14.     }  
  15.   
  16.     public String getTitle() {  
  17.         return title;  
  18.     }  
  19.   
  20.     public String getText() {  
  21.         return text;  
  22.     }  
  23. }  
和上一节一样,为了实现ListView的单双行不同颜色显示,需要自定义adapter的子类,而activity_main.xml文件和list_item.xml文件都不需要更改,MainActivity.java代码修改如下:

[java] view plaincopy
  1. @Override  
  2. protected void onCreate(Bundle savedInstanceState) {  
  3.     super.onCreate(savedInstanceState);  
  4.     setContentView(R.layout.activity_main);  
  5.   
  6.     // 图片资源的ID  
  7.     int[] images = new int[] { R.drawable.item_img_a,  
  8.             R.drawable.item_img_b, R.drawable.item_img_c,  
  9.             R.drawable.item_img_d, R.drawable.item_img_e };  
  10.   
  11.     ArrayList<ItemBean> data = new ArrayList<ItemBean>();  
  12.     for (int i = 0; i < 5; i++) {  
  13.         ItemBean itemBean = new ItemBean(images[i], "This is Title " + i,  
  14.                 "This is text " + i);  
  15.         data.add(itemBean);  
  16.     }  
  17.   
  18.     // 绑定XML中的ListView,作为Item的容器  
  19.     ListView listView = (ListView) findViewById(R.id.list);  
  20.   
  21.     MyArrayAdapter adapter = new MyArrayAdapter(MainActivity.this,  
  22.             R.layout.list_item, data);  
  23.     listView.setAdapter(adapter);  
  24. }  
接下来自定义继承自ArrayAdapter<ItemBean>MyArrayAdapter类,继承ArrayAdapter<ItemBean>只需要重写getView()方法就可以实现与上一节相同的效果,并且不用保存List<ItemBean>对象引用。

[java] view plaincopy
  1. public class MyArrayAdapter extends ArrayAdapter<ItemBean> {  
  2.     private int[] colors = new int[] { 0xff3cb3710xffa0a0a0 };  
  3.     private Context mContext;  
  4.     private int resource;  
  5.   
  6.     public MyArrayAdapter(Context context, int resource, List<ItemBean> data) {  
  7.         super(context, resource, data);  
  8.         this.mContext = context;  
  9.         this.resource = resource;  
  10.     }  
  11.   
  12.     @Override  
  13.     public View getView(int position, View convertView, ViewGroup parent) {  
  14.         ViewHolder holder = null;  
  15.         if (convertView == null) {  
  16.             holder = new ViewHolder();  
  17.             convertView = LayoutInflater.from(mContext).inflate(resource, null);  
  18.             holder.image = (ImageView) convertView.findViewById(R.id.ItemImage);  
  19.             holder.title = (TextView) convertView.findViewById(R.id.ItemTitle);  
  20.             holder.text = (TextView) convertView.findViewById(R.id.ItemText);  
  21.   
  22.             // 将holder绑定到convertView  
  23.             convertView.setTag(holder);  
  24.         } else {  
  25.             holder = (ViewHolder) convertView.getTag();  
  26.         }  
  27.   
  28.         // 向ViewHolder中填入的数据  
  29.         holder.image.setImageResource(getItem(position).getImage());  
  30.         holder.title.setText(getItem(position).getTitle());  
  31.         holder.text.setText(getItem(position).getText());  
  32.   
  33.         int colorPos = position % colors.length;  
  34.         convertView.setBackgroundColor(colors[colorPos]);  
  35.   
  36.         return convertView;  
  37.     }  
  38.   
  39.     /** 
  40.      * ViewHolder类用以储存item中控件的引用 
  41.      */  
  42.     final class ViewHolder {  
  43.         ImageView image;  
  44.         TextView title;  
  45.         TextView text;  
  46.     }  
  47. }  

参考文章:

http://www.open-open.com/lib/view/open1339485728006.html


0 0