Android 快速开发系列 打造万能的ListView GridView 适配器

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38902805 ,本文出自【张鸿洋的博客】

1、概述

相信做Android开发的写得最多的就是ListView,GridView的适配器吧,记得以前开发一同事开发项目,一个项目下来基本就一直在写ListView的Adapter都快吐了~~~对于Adapter一般都继承BaseAdapter复写几个方法,getView里面使用ViewHolder模式,其实大部分的代码基本都是类似的。

本篇博客为快速开发系列的第一篇,将一步一步带您封装出一个通用的Adapter。

2、常见的例子

首先看一个最常见的案例,大家一目十行的扫一眼

1、布局文件

主布局文件:

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     xmlns:tools="http://schemas.android.com/tools" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="match_parent" > 
  5.  
  6.     <ListView 
  7.         android:id="@+id/id_lv_main" 
  8.         android:layout_width="fill_parent" 
  9.         android:layout_height="fill_parent" /> 
  10.  
  11. </RelativeLayout> 
<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" >

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

</RelativeLayout>

Item的布局文件:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <TextView xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:id="@+id/id_tv_title" 
  4.     android:layout_width="match_parent" 
  5.     android:layout_height="50dp" 
  6.     android:background="#aa111111" 
  7.     android:gravity="center_vertical" 
  8.     android:paddingLeft="15dp" 
  9.     android:textColor="#ffffff" 
  10.     android:text="hello" 
  11.     android:textSize="20sp" 
  12.     android:textStyle="bold" > 
  13.  
  14. </TextView> 
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/id_tv_title"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#aa111111"
    android:gravity="center_vertical"
    android:paddingLeft="15dp"
    android:textColor="#ffffff"
    android:text="hello"
    android:textSize="20sp"
    android:textStyle="bold" >

</TextView>

2、Adapter

  1. package com.example.zhy_baseadapterhelper; 
  2.  
  3. import java.util.List; 
  4.  
  5. import android.content.Context; 
  6. import android.view.LayoutInflater; 
  7. import android.view.View; 
  8. import android.view.ViewGroup; 
  9. import android.widget.BaseAdapter; 
  10. import android.widget.TextView; 
  11.  
  12. public class MyAdapter extends BaseAdapter 
  13.     private LayoutInflater mInflater; 
  14.     private Context mContext; 
  15.     private List<String> mDatas; 
  16.  
  17.     public MyAdapter(Context context, List<String> mDatas) 
  18.     { 
  19.         mInflater = LayoutInflater.from(context); 
  20.         this.mContext = context; 
  21.         this.mDatas = mDatas; 
  22.     } 
  23.  
  24.     @Override 
  25.     public int getCount() 
  26.     { 
  27.         return mDatas.size(); 
  28.     } 
  29.  
  30.     @Override 
  31.     public Object getItem(int position) 
  32.     { 
  33.         return mDatas.get(position); 
  34.     } 
  35.  
  36.     @Override 
  37.     public long getItemId(int position) 
  38.     { 
  39.         return position; 
  40.     } 
  41.  
  42.     @Override 
  43.     public View getView(int position, View convertView, ViewGroup parent) 
  44.     { 
  45.         ViewHolder viewHolder = null
  46.         if (convertView == null
  47.         { 
  48.             convertView = mInflater.inflate(R.layout.item_single_str, parent, 
  49.                     false); 
  50.             viewHolder = new ViewHolder(); 
  51.             viewHolder.mTextView = (TextView) convertView 
  52.                     .findViewById(R.id.id_tv_title); 
  53.             convertView.setTag(viewHolder); 
  54.         } else 
  55.         { 
  56.             viewHolder = (ViewHolder) convertView.getTag(); 
  57.         } 
  58.         viewHolder.mTextView.setText(mDatas.get(position)); 
  59.         return convertView; 
  60.     } 
  61.  
  62.     private final class ViewHolder 
  63.     { 
  64.         TextView mTextView; 
  65.     } 
  66.  
package com.example.zhy_baseadapterhelper;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public class MyAdapter extends BaseAdapter
{
	private LayoutInflater mInflater;
	private Context mContext;
	private List<String> mDatas;

	public MyAdapter(Context context, List<String> mDatas)
	{
		mInflater = LayoutInflater.from(context);
		this.mContext = context;
		this.mDatas = mDatas;
	}

	@Override
	public int getCount()
	{
		return mDatas.size();
	}

	@Override
	public Object getItem(int position)
	{
		return mDatas.get(position);
	}

	@Override
	public long getItemId(int position)
	{
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
		ViewHolder viewHolder = null;
		if (convertView == null)
		{
			convertView = mInflater.inflate(R.layout.item_single_str, parent,
					false);
			viewHolder = new ViewHolder();
			viewHolder.mTextView = (TextView) convertView
					.findViewById(R.id.id_tv_title);
			convertView.setTag(viewHolder);
		} else
		{
			viewHolder = (ViewHolder) convertView.getTag();
		}
		viewHolder.mTextView.setText(mDatas.get(position));
		return convertView;
	}

	private final class ViewHolder
	{
		TextView mTextView;
	}

}

3、Activity

  1. package com.example.zhy_baseadapterhelper; 
  2.  
  3. import java.util.ArrayList; 
  4. import java.util.Arrays; 
  5. import java.util.List; 
  6.  
  7. import android.app.Activity; 
  8. import android.os.Bundle; 
  9. import android.widget.ListView; 
  10.  
  11. public class MainActivity extends Activity 
  12.  
  13.     private ListView mListView; 
  14.     private List<String> mDatas = new ArrayList<String>(Arrays.asList("Hello"
  15.             "World", "Welcome")); 
  16.     private MyAdapter mAdapter; 
  17.  
  18.     @Override 
  19.     protected void onCreate(Bundle savedInstanceState) 
  20.     { 
  21.         super.onCreate(savedInstanceState); 
  22.         setContentView(R.layout.activity_main); 
  23.         mListView = (ListView) findViewById(R.id.id_lv_main); 
  24.         mListView.setAdapter(mAdapter = new MyAdapter(this, mDatas)); 
  25.  
  26.     } 
  27.  
package com.example.zhy_baseadapterhelper;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

public class MainActivity extends Activity
{

	private ListView mListView;
	private List<String> mDatas = new ArrayList<String>(Arrays.asList("Hello",
			"World", "Welcome"));
	private MyAdapter mAdapter;

	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mListView = (ListView) findViewById(R.id.id_lv_main);
		mListView.setAdapter(mAdapter = new MyAdapter(this, mDatas));

	}

}

上面这个例子大家应该都写了无数遍了,MyAdapter集成BaseAdapter,然后getView里面使用ViewHolder模式;一般情况下,我们的写法是这样的:对于不同布局的ListView,我们会有一个对应的Adapter,在Adapter中又会有一个ViewHolder类来提高效率。

这样出现ListView就会出现与之对于的Adapter类、ViewHolder类;那么有没有办法减少我们的编码呢?

下面首先拿ViewHolder开刀~

3、通用的ViewHolder

首先分析下ViewHolder的作用,通过convertView.setTag与convertView进行绑定,然后当convertView复用时,直接从与之对于的ViewHolder(getTag)中拿到convertView布局中的控件,省去了findViewById的时间~

也就是说,实际上们每个convertView会绑定一个ViewHolder对象,这个viewHolder主要用于帮convertView存储布局中的控件。

那么我们只要写出一个通用的ViewHolder,然后对于任意的convertView,提供一个对象让其setTag即可;

既然是通用,那么我们这个ViewHolder就不可能含有各种控件的成员变量了,因为每个Item的布局是不同的,最好的方式是什么呢?

提供一个容器,专门存每个Item布局中的所有控件,而且还要能够查找出来;既然需要查找,那么ListView肯定是不行了,需要一个键值对进行保存,键为控件的Id,值为控件的引用,相信大家立刻就能想到Map;但是我们不用Map,因为有更好的替代类,就是我们android提供的SparseArray这个类,和Map类似,但是比Map效率,不过键只能为Integer.

下面看我们的ViewHolder类:

  1. package com.example.zhy_baseadapterhelper; 
  2.  
  3. import android.content.Context; 
  4. import android.util.Log; 
  5. import android.util.SparseArray; 
  6. import android.view.LayoutInflater; 
  7. import android.view.View; 
  8. import android.view.ViewGroup; 
  9.  
  10. public class ViewHolder 
  11.     private final SparseArray<View> mViews; 
  12.     private View mConvertView; 
  13.  
  14.     private ViewHolder(Context context, ViewGroup parent, int layoutId, 
  15.             int position) 
  16.     { 
  17.         this.mViews = new SparseArray<View>(); 
  18.         mConvertView = LayoutInflater.from(context).inflate(layoutId, parent, 
  19.                 false); 
  20.         //setTag 
  21.         mConvertView.setTag(this); 
  22.          
  23.          
  24.     } 
  25.  
  26.     /**
  27.      * 拿到一个ViewHolder对象
  28.      * @param context
  29.      * @param convertView
  30.      * @param parent
  31.      * @param layoutId
  32.      * @param position
  33.      * @return
  34.      */ 
  35.     public static ViewHolder get(Context context, View convertView, 
  36.             ViewGroup parent, int layoutId, int position) 
  37.     { 
  38.      
  39.         if (convertView == null
  40.         { 
  41.             return new ViewHolder(context, parent, layoutId, position); 
  42.         } 
  43.         return (ViewHolder) convertView.getTag(); 
  44.     } 
  45.  
  46.  
  47.     /**
  48.      * 通过控件的Id获取对于的控件,如果没有则加入views
  49.      * @param viewId
  50.      * @return
  51.      */ 
  52.     public <T extends View> T getView(int viewId) 
  53.     { 
  54.          
  55.         View view = mViews.get(viewId); 
  56.         if (view == null
  57.         { 
  58.             view = mConvertView.findViewById(viewId); 
  59.             mViews.put(viewId, view); 
  60.         } 
  61.         return (T) view; 
  62.     } 
  63.  
  64.     public View getConvertView() 
  65.     { 
  66.         return mConvertView; 
  67.     } 
  68.  
  69.      
  70.  
package com.example.zhy_baseadapterhelper;

import android.content.Context;
import android.util.Log;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class ViewHolder
{
	private final SparseArray<View> mViews;
	private View mConvertView;

	private ViewHolder(Context context, ViewGroup parent, int layoutId,
			int position)
	{
		this.mViews = new SparseArray<View>();
		mConvertView = LayoutInflater.from(context).inflate(layoutId, parent,
				false);
		//setTag
		mConvertView.setTag(this);
		
		
	}

	/**
	 * 拿到一个ViewHolder对象
	 * @param context
	 * @param convertView
	 * @param parent
	 * @param layoutId
	 * @param position
	 * @return
	 */
	public static ViewHolder get(Context context, View convertView,
			ViewGroup parent, int layoutId, int position)
	{
	
		if (convertView == null)
		{
			return new ViewHolder(context, parent, layoutId, position);
		}
		return (ViewHolder) convertView.getTag();
	}


	/**
	 * 通过控件的Id获取对于的控件,如果没有则加入views
	 * @param viewId
	 * @return
	 */
	public <T extends View> T getView(int viewId)
	{
		
		View view = mViews.get(viewId);
		if (view == null)
		{
			view = mConvertView.findViewById(viewId);
			mViews.put(viewId, view);
		}
		return (T) view;
	}

	public View getConvertView()
	{
		return mConvertView;
	}

	

}


与传统的ViewHolder不同,我们使用了一个SparseArray<View>用于存储与之对于的convertView的所有的控件,当需要拿这些控件时,通过getView(id)进行获取;

下面看使用该ViewHolder的MyAdapter;

  1. @Override 
  2.     public View getView(int position, View convertView, ViewGroup parent) 
  3.     { 
  4.         //实例化一个viewHolder 
  5.         ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent, 
  6.                 R.layout.item_single_str, position); 
  7.         //通过getView获取控件 
  8.         TextView tv = viewHolder.getView(R.id.id_tv_title); 
  9.         //使用 
  10.         tv.setText(mDatas.get(position)); 
  11.         return viewHolder.getConvertView(); 
  12.     } 
@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
		//实例化一个viewHolder
		ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent,
				R.layout.item_single_str, position);
		//通过getView获取控件
		TextView tv = viewHolder.getView(R.id.id_tv_title);
		//使用
		tv.setText(mDatas.get(position));
		return viewHolder.getConvertView();
	}

只看getView,其他方法都一样;首先调用ViewHolder的get方法,如果convertView为null,new一个ViewHolder实例,通过使用mInflater.inflate加载布局,然后new一个SparseArray用于存储View,最后setTag(this);

如果存在那么直接getTag

最后通过getView(id)获取控件,如果存在则直接返回,否则调用findViewById,返回存储,返回。

好了,一个通用的ViewHolder写好了,以后一个项目几十个Adapter一个ViewHolder直接hold住全场~~大家可以省点时间斗个小地主了~~

4、打造通用的Adapter

有了通用的ViewHolder大家肯定不能满足,怎么也得省出dota的时间,人在塔在~~

下面看如何打造一个通过的Adapter,我们叫做CommonAdapter

继续分析,Adapter一般需要保持一个List对象,存储一个Bean的集合,不同的ListView,Bean肯定是不同的,这个CommonAdapter肯定需要支持泛型,内部维持一个List<T>,就解决我们的问题了;

于是我们初步打造我们的CommonAdapter

  1. package com.example.zhy_baseadapterhelper; 
  2.  
  3. import java.util.List; 
  4.  
  5. import android.content.Context; 
  6. import android.view.LayoutInflater; 
  7. import android.view.View; 
  8. import android.view.ViewGroup; 
  9. import android.widget.BaseAdapter; 
  10. import android.widget.TextView; 
  11.  
  12. public abstract class CommonAdapter<T> extends BaseAdapter 
  13.     protected LayoutInflater mInflater; 
  14.     protected Context mContext; 
  15.     protected List<T> mDatas; 
  16.  
  17.     public CommonAdapter(Context context, List<T> mDatas) 
  18.     { 
  19.         mInflater = LayoutInflater.from(context); 
  20.         this.mContext = context; 
  21.         this.mDatas = mDatas; 
  22.     } 
  23.  
  24.     @Override 
  25.     public int getCount() 
  26.     { 
  27.         return mDatas.size(); 
  28.     } 
  29.  
  30.     @Override 
  31.     public Object getItem(int position) 
  32.     { 
  33.         return mDatas.get(position); 
  34.     } 
  35.  
  36.     @Override 
  37.     public long getItemId(int position) 
  38.     { 
  39.         return position; 
  40.     } 
  41.  
package com.example.zhy_baseadapterhelper;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public abstract class CommonAdapter<T> extends BaseAdapter
{
	protected LayoutInflater mInflater;
	protected Context mContext;
	protected List<T> mDatas;

	public CommonAdapter(Context context, List<T> mDatas)
	{
		mInflater = LayoutInflater.from(context);
		this.mContext = context;
		this.mDatas = mDatas;
	}

	@Override
	public int getCount()
	{
		return mDatas.size();
	}

	@Override
	public Object getItem(int position)
	{
		return mDatas.get(position);
	}

	@Override
	public long getItemId(int position)
	{
		return position;
	}

}
我们的CommonAdapter依然是一个抽象类,除了getView以外我们把其他的代码都实现了,这样的话,在使用我们的Adapter只要实现一个getView,然后getView里面再使用我们打造的通过的ViewHolder是不是感觉还不错~

现在我们的MyAdapter是这样的:

  1. package com.example.zhy_baseadapterhelper; 
  2.  
  3. import java.util.List; 
  4.  
  5. import android.content.Context; 
  6. import android.view.View; 
  7. import android.view.ViewGroup; 
  8. import android.widget.TextView; 
  9.  
  10. public class MyAdapter<T> extends CommonAdapter<T> 
  11.     public MyAdapter(Context context, List<T> mDatas) 
  12.     { 
  13.         super(context, mDatas); 
  14.     } 
  15.  
  16.     @Override 
  17.     public View getView(int position, View convertView, ViewGroup parent) 
  18.     { 
  19.         ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent, 
  20.                 R.layout.item_single_str, position); 
  21.         TextView mTitle = viewHolder.getView(R.id.id_tv_title); 
  22.         mTitle.setText((String) mDatas.get(position)); 
  23.         return viewHolder.getConvertView(); 
  24.     } 
  25.  
package com.example.zhy_baseadapterhelper;

import java.util.List;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class MyAdapter<T> extends CommonAdapter<T>
{
	public MyAdapter(Context context, List<T> mDatas)
	{
		super(context, mDatas);
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
		ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent,
				R.layout.item_single_str, position);
		TextView mTitle = viewHolder.getView(R.id.id_tv_title);
		mTitle.setText((String) mDatas.get(position));
		return viewHolder.getConvertView();
	}

}

所有的代码加起来也就10行左右,是不是神清气爽~~稍等,我先去dota一把~

但是我们是否就这样满足了呢?显然还可以简化。

5、进一步铸造

注意我们的getView里面的代码,虽然只有4行,但是我觉得所有的Adapter的

第一行(ViewHolder viewHolder = getViewHolder(position, convertView,parent);)和

最后一行:return viewHolder.getConvertView();一定是一样的。

那么我们可以这样做:我们把第一行和最后一行写死,把中间变化的部分抽取出来,这不就是OO的设计原则嘛。现在CommonAdapter是这样的:

  1. package com.example.zhy_baseadapterhelper; 
  2.  
  3. import java.util.List; 
  4.  
  5. import android.content.Context; 
  6. import android.view.LayoutInflater; 
  7. import android.view.View; 
  8. import android.view.ViewGroup; 
  9. import android.widget.BaseAdapter; 
  10.  
  11. public abstract class n<T> extends BaseAdapter 
  12.     protected LayoutInflater mInflater; 
  13.     protected Context mContext; 
  14.     protected List<T> mDatas; 
  15.     protected final int mItemLayoutId; 
  16.  
  17.     public CommonAdapter(Context context, List<T> mDatas, int itemLayoutId) 
  18.     { 
  19.         this.mContext = context; 
  20.         this.mInflater = LayoutInflater.from(mContext); 
  21.         this.mDatas = mDatas; 
  22.         this.mItemLayoutId = itemLayoutId; 
  23.     } 
  24.  
  25.     @Override 
  26.     public int getCount() 
  27.     { 
  28.         return mDatas.size(); 
  29.     } 
  30.  
  31.     @Override 
  32.     public T getItem(int position) 
  33.     { 
  34.         return mDatas.get(position); 
  35.     } 
  36.  
  37.     @Override 
  38.     public long getItemId(int position) 
  39.     { 
  40.         return position; 
  41.     } 
  42.  
  43.     @Override 
  44.     public View getView(int position, View convertView, ViewGroup parent) 
  45.     { 
  46.         final ViewHolder viewHolder = getViewHolder(position, convertView, 
  47.                 parent); 
  48.         convert(viewHolder, getItem(position)); 
  49.         return viewHolder.getConvertView(); 
  50.  
  51.     } 
  52.  
  53.     public abstract void convert(ViewHolder helper, T item); 
  54.  
  55.     private ViewHolder getViewHolder(int position, View convertView, 
  56.             ViewGroup parent) 
  57.     { 
  58.         return ViewHolder.get(mContext, convertView, parent, mItemLayoutId, 
  59.                 position); 
  60.     } 
  61.  
package com.example.zhy_baseadapterhelper;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;

public abstract class n<T> extends BaseAdapter
{
	protected LayoutInflater mInflater;
	protected Context mContext;
	protected List<T> mDatas;
	protected final int mItemLayoutId;

	public CommonAdapter(Context context, List<T> mDatas, int itemLayoutId)
	{
		this.mContext = context;
		this.mInflater = LayoutInflater.from(mContext);
		this.mDatas = mDatas;
		this.mItemLayoutId = itemLayoutId;
	}

	@Override
	public int getCount()
	{
		return mDatas.size();
	}

	@Override
	public T getItem(int position)
	{
		return mDatas.get(position);
	}

	@Override
	public long getItemId(int position)
	{
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
		final ViewHolder viewHolder = getViewHolder(position, convertView,
				parent);
		convert(viewHolder, getItem(position));
		return viewHolder.getConvertView();

	}

	public abstract void convert(ViewHolder helper, T item);

	private ViewHolder getViewHolder(int position, View convertView,
			ViewGroup parent)
	{
		return ViewHolder.get(mContext, convertView, parent, mItemLayoutId,
				position);
	}

}

对外公布了一个convert方法,并且还把viewHolder和本Item对于的Bean对象给传出去,现在convert方法里面需要干嘛呢?

通过ViewHolder把View找到,通过Item设置值;

现在我觉得代码简化到这样,我已经不需要单独写一个Adapter了,直接MainActivity匿名内部类走起~

  1. @Override 
  2.     protected void onCreate(Bundle savedInstanceState) 
  3.     { 
  4.         super.onCreate(savedInstanceState); 
  5.         setContentView(R.layout.activity_main); 
  6.         mListView = (ListView) findViewById(R.id.id_lv_main); 
  7.  
  8.         //设置适配器 
  9.         mListView.setAdapter(mAdapter = new CommonAdapter<String>( 
  10.                 getApplicationContext(), mDatas, R.layout.item_single_str) 
  11.         { 
  12.             @Override 
  13.             public void convert(ViewHolder c, String item) 
  14.             { 
  15.                 TextView view = viewHolder.getView(R.id.id_tv_title); 
  16.                 view.setText(item); 
  17.             } 
  18.  
  19.         }); 
  20.  
  21.     } 
@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mListView = (ListView) findViewById(R.id.id_lv_main);

		//设置适配器
		mListView.setAdapter(mAdapter = new CommonAdapter<String>(
				getApplicationContext(), mDatas, R.layout.item_single_str)
		{
			@Override
			public void convert(ViewHolder c, String item)
			{
				TextView view = viewHolder.getView(R.id.id_tv_title);
				view.setText(item);
			}

		});

	}

可以看到效果咋样,不错吧。你觉得还能简化么?我觉得还能改善。

6、Adapter最后的封魔

我们现在在convertView里面需要这样:

@Override
public void convert(ViewHolder viewHolder, String item)
{
TextView view = viewHolder.getView(R.id.id_tv_title);
view.setText(item);
}

我们细想一下,其实布局里面的View常用也就那么几种:ImageView,TextView,Button,CheckBox等等;

那么我觉得ViewHolder还可以封装一些常用的方法,比如setText(id,String);setImageResource(viewId, resId);setImageBitmap(viewId, bitmap);

那么现在ViewHolder是:

  1. package com.example.zhy_baseadapterhelper; 
  2.  
  3. import android.content.Context; 
  4. import android.graphics.Bitmap; 
  5. import android.util.SparseArray; 
  6. import android.view.LayoutInflater; 
  7. import android.view.View; 
  8. import android.view.ViewGroup; 
  9. import android.widget.ImageView; 
  10. import android.widget.TextView; 
  11.  
  12. import com.example.zhy_baseadapterhelper.ImageLoader.Type; 
  13.  
  14. public class ViewHolder 
  15.     private final SparseArray<View> mViews; 
  16.     private int mPosition; 
  17.     private View mConvertView; 
  18.  
  19.     private ViewHolder(Context context, ViewGroup parent, int layoutId, 
  20.             int position) 
  21.     { 
  22.         this.mPosition = position; 
  23.         this.mViews = new SparseArray<View>(); 
  24.         mConvertView = LayoutInflater.from(context).inflate(layoutId, parent, 
  25.                 false); 
  26.         // setTag 
  27.         mConvertView.setTag(this); 
  28.     } 
  29.  
  30.     /**
  31.      * 拿到一个ViewHolder对象
  32.      *
  33.      * @param context
  34.      * @param convertView
  35.      * @param parent
  36.      * @param layoutId
  37.      * @param position
  38.      * @return
  39.      */ 
  40.     public static ViewHolder get(Context context, View convertView, 
  41.             ViewGroup parent, int layoutId, int position) 
  42.     { 
  43.         if (convertView == null
  44.         { 
  45.             return new ViewHolder(context, parent, layoutId, position); 
  46.         } 
  47.         return (ViewHolder) convertView.getTag(); 
  48.     } 
  49.  
  50.     public View getConvertView() 
  51.     { 
  52.         return mConvertView; 
  53.     } 
  54.  
  55.     /**
  56.      * 通过控件的Id获取对于的控件,如果没有则加入views
  57.      *
  58.      * @param viewId
  59.      * @return
  60.      */ 
  61.     public <T extends View> T getView(int viewId) 
  62.     { 
  63.         View view = mViews.get(viewId); 
  64.         if (view == null
  65.         { 
  66.             view = mConvertView.findViewById(viewId); 
  67.             mViews.put(viewId, view); 
  68.         } 
  69.         return (T) view; 
  70.     } 
  71.  
  72.     /**
  73.      * 为TextView设置字符串
  74.      *
  75.      * @param viewId
  76.      * @param text
  77.      * @return
  78.      */ 
  79.     public ViewHolder setText(int viewId, String text) 
  80.     { 
  81.         TextView view = getView(viewId); 
  82.         view.setText(text); 
  83.         return this
  84.     } 
  85.  
  86.     /**
  87.      * 为ImageView设置图片
  88.      *
  89.      * @param viewId
  90.      * @param drawableId
  91.      * @return
  92.      */ 
  93.     public ViewHolder setImageResource(int viewId, int drawableId) 
  94.     { 
  95.         ImageView view = getView(viewId); 
  96.         view.setImageResource(drawableId); 
  97.  
  98.         return this
  99.     } 
  100.  
  101.     /**
  102.      * 为ImageView设置图片
  103.      *
  104.      * @param viewId
  105.      * @param drawableId
  106.      * @return
  107.      */ 
  108.     public ViewHolder setImageBitmap(int viewId, Bitmap bm) 
  109.     { 
  110.         ImageView view = getView(viewId); 
  111.         view.setImageBitmap(bm); 
  112.         return this
  113.     } 
  114.  
  115.     /**
  116.      * 为ImageView设置图片
  117.      *
  118.      * @param viewId
  119.      * @param drawableId
  120.      * @return
  121.      */ 
  122.     public ViewHolder setImageByUrl(int viewId, String url) 
  123.     { 
  124.         ImageLoader.getInstance(3, Type.LIFO).loadImage(url, 
  125.                 (ImageView) getView(viewId)); 
  126.         return this
  127.     } 
  128.  
  129.     public int getPosition() 
  130.     { 
  131.         return mPosition; 
  132.     } 
  133.  
package com.example.zhy_baseadapterhelper;

import android.content.Context;
import android.graphics.Bitmap;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.zhy_baseadapterhelper.ImageLoader.Type;

public class ViewHolder
{
	private final SparseArray<View> mViews;
	private int mPosition;
	private View mConvertView;

	private ViewHolder(Context context, ViewGroup parent, int layoutId,
			int position)
	{
		this.mPosition = position;
		this.mViews = new SparseArray<View>();
		mConvertView = LayoutInflater.from(context).inflate(layoutId, parent,
				false);
		// setTag
		mConvertView.setTag(this);
	}

	/**
	 * 拿到一个ViewHolder对象
	 * 
	 * @param context
	 * @param convertView
	 * @param parent
	 * @param layoutId
	 * @param position
	 * @return
	 */
	public static ViewHolder get(Context context, View convertView,
			ViewGroup parent, int layoutId, int position)
	{
		if (convertView == null)
		{
			return new ViewHolder(context, parent, layoutId, position);
		}
		return (ViewHolder) convertView.getTag();
	}

	public View getConvertView()
	{
		return mConvertView;
	}

	/**
	 * 通过控件的Id获取对于的控件,如果没有则加入views
	 * 
	 * @param viewId
	 * @return
	 */
	public <T extends View> T getView(int viewId)
	{
		View view = mViews.get(viewId);
		if (view == null)
		{
			view = mConvertView.findViewById(viewId);
			mViews.put(viewId, view);
		}
		return (T) view;
	}

	/**
	 * 为TextView设置字符串
	 * 
	 * @param viewId
	 * @param text
	 * @return
	 */
	public ViewHolder setText(int viewId, String text)
	{
		TextView view = getView(viewId);
		view.setText(text);
		return this;
	}

	/**
	 * 为ImageView设置图片
	 * 
	 * @param viewId
	 * @param drawableId
	 * @return
	 */
	public ViewHolder setImageResource(int viewId, int drawableId)
	{
		ImageView view = getView(viewId);
		view.setImageResource(drawableId);

		return this;
	}

	/**
	 * 为ImageView设置图片
	 * 
	 * @param viewId
	 * @param drawableId
	 * @return
	 */
	public ViewHolder setImageBitmap(int viewId, Bitmap bm)
	{
		ImageView view = getView(viewId);
		view.setImageBitmap(bm);
		return this;
	}

	/**
	 * 为ImageView设置图片
	 * 
	 * @param viewId
	 * @param drawableId
	 * @return
	 */
	public ViewHolder setImageByUrl(int viewId, String url)
	{
		ImageLoader.getInstance(3, Type.LIFO).loadImage(url,
				(ImageView) getView(viewId));
		return this;
	}

	public int getPosition()
	{
		return mPosition;
	}

}

现在的MainActivity只需要这么写:

  1. mAdapter = new CommonAdapter<String>(getApplicationContext(), 
  2.                 R.layout.item_single_str, mDatas) 
  3.         { 
  4.             @Override 
  5.             protected void convert(ViewHolder viewHolder, String item) 
  6.             { 
  7.                 viewHolder.setText(R.id.id_tv_title, item); 
  8.             } 
  9.         }; 
mAdapter = new CommonAdapter<String>(getApplicationContext(),
				R.layout.item_single_str, mDatas)
		{
			@Override
			protected void convert(ViewHolder viewHolder, String item)
			{
				viewHolder.setText(R.id.id_tv_title, item);
			}
		};

convertView里面只要一行代码了~~~

好了,到此我们的通用的Adapter已经一步一步铸造完毕~咋样,以后写项目省下来的时间是不是可以陪我切磋dota了(ps:11昵称:血魔哥404)~~

注:关于ViewHolder里面的setText,setImageResource这类的方法,大家可以在使用的过程中不断的完善,今天发现这个控件可以这么设置值,好,放进去;时间长了,基本就完善了。还有那个ImageLoader是我另一篇博客里的,大家可以使用UIL,Volley或者自己写个图片加载器;

7、实践

说了这么多,还是得拿出来让我们的实践检验检验,顺便来几张套图,俗话说,没图没正相。

1、我们的实例代码的图是这样的:

关于Adapter和ViewHolder的代码是这样的:

  1. // 设置适配器 
  2.         mListView.setAdapter(mAdapter = new CommonAdapter<String>( 
  3.                 getApplicationContext(), mDatas, R.layout.item_single_str) 
  4.         { 
  5.             @Override 
  6.             public void convert(ViewHolder helper, String item) 
  7.             { 
  8.                 helper.setText(R.id.id_tv_title,item); 
  9.             } 
  10.  
  11.         }); 
// 设置适配器
		mListView.setAdapter(mAdapter = new CommonAdapter<String>(
				getApplicationContext(), mDatas, R.layout.item_single_str)
		{
			@Override
			public void convert(ViewHolder helper, String item)
			{
				helper.setText(R.id.id_tv_title,item);
			}

		});

哎哟,我是不是只要贴一行;

2、来个复杂点的布局

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="wrap_content" 
  5.     android:background="#ffffff" 
  6.     android:orientation="vertical" 
  7.     android:padding="10dp" > 
  8.  
  9.     <TextView 
  10.         android:id="@+id/tv_title" 
  11.         android:layout_width="match_parent" 
  12.         android:layout_height="wrap_content" 
  13.         android:singleLine="true" 
  14.         android:text="红色钱包" 
  15.         android:textSize="16sp" 
  16.         android:textColor="#444444" > 
  17.     </TextView> 
  18.  
  19.     <TextView 
  20.         android:id="@+id/tv_describe" 
  21.         android:layout_width="match_parent" 
  22.         android:layout_height="wrap_content" 
  23.         android:layout_below="@id/tv_title" 
  24.         android:layout_marginTop="10dp" 
  25.         android:maxLines="2" 
  26.         android:minLines="1" 
  27.         android:text="周三早上丢失了红色钱包,在食堂二楼" 
  28.         android:textColor="#898989" 
  29.         android:textSize="16sp" > 
  30.     </TextView> 
  31.  
  32.     <TextView 
  33.         android:id="@+id/tv_time" 
  34.         android:layout_width="wrap_content" 
  35.         android:layout_height="wrap_content" 
  36.         android:layout_below="@id/tv_describe" 
  37.         android:layout_marginTop="10dp" 
  38.         android:text="20130240122" 
  39.         android:textColor="#898989" 
  40.         android:textSize="12sp" > 
  41.     </TextView> 
  42.  
  43.     <TextView 
  44.         android:id="@+id/tv_phone" 
  45.         android:layout_width="wrap_content" 
  46.         android:layout_height="wrap_content" 
  47.         android:layout_alignParentRight="true" 
  48.         android:layout_below="@id/tv_describe" 
  49.         android:layout_marginTop="10dp" 
  50.         android:background="#5cbe6c" 
  51.         android:drawableLeft="@drawable/icon_photo" 
  52.         android:drawablePadding="5dp" 
  53.         android:paddingBottom="3dp" 
  54.         android:paddingLeft="5dp" 
  55.         android:paddingRight="5dp" 
  56.         android:paddingTop="3dp" 
  57.         android:text="138024249542" 
  58.         android:textColor="#ffffff" 
  59.         android:textSize="12sp" > 
  60.     </TextView> 
  61.  
  62. </RelativeLayout> 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ffffff"
    android:orientation="vertical"
    android:padding="10dp" >

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:text="红色钱包"
        android:textSize="16sp"
        android:textColor="#444444" >
    </TextView>

    <TextView
        android:id="@+id/tv_describe"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_title"
        android:layout_marginTop="10dp"
        android:maxLines="2"
        android:minLines="1"
        android:text="周三早上丢失了红色钱包,在食堂二楼"
        android:textColor="#898989"
        android:textSize="16sp" >
    </TextView>

    <TextView
        android:id="@+id/tv_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_describe"
        android:layout_marginTop="10dp"
        android:text="20130240122"
        android:textColor="#898989"
        android:textSize="12sp" >
    </TextView>

    <TextView
        android:id="@+id/tv_phone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@id/tv_describe"
        android:layout_marginTop="10dp"
        android:background="#5cbe6c"
        android:drawableLeft="@drawable/icon_photo"
        android:drawablePadding="5dp"
        android:paddingBottom="3dp"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:paddingTop="3dp"
        android:text="138024249542"
        android:textColor="#ffffff"
        android:textSize="12sp" >
    </TextView>

</RelativeLayout>

效果图是这样的:


布局是不是挺复杂的了~~

但是代码是这样的:

  1. // 设置适配器 
  2.         mListView.setAdapter(mAdapter = new CommonAdapter<Bean>( 
  3.                 getApplicationContext(), mDatas, R.layout.item_list) 
  4.         { 
  5.             @Override 
  6.             public void convert(ViewHolder helper, Bean item) 
  7.             { 
  8.                 helper.setText(R.id.tv_title, item.getTitle()); 
  9.                 helper.setText(R.id.tv_describe, item.getDesc()); 
  10.                 helper.setText(R.id.tv_phone, item.getPhone()); 
  11.                 helper.setText(R.id.tv_time, item.getTime()); 
  12.                  
  13. //              helper.getView(R.id.tv_title).setOnClickListener(l) 
  14.             } 
  15.  
  16.         }); 
// 设置适配器
		mListView.setAdapter(mAdapter = new CommonAdapter<Bean>(
				getApplicationContext(), mDatas, R.layout.item_list)
		{
			@Override
			public void convert(ViewHolder helper, Bean item)
			{
				helper.setText(R.id.tv_title, item.getTitle());
				helper.setText(R.id.tv_describe, item.getDesc());
				helper.setText(R.id.tv_phone, item.getPhone());
				helper.setText(R.id.tv_time, item.getTime());
				
//				helper.getView(R.id.tv_title).setOnClickListener(l)
			}

		});

从一个字符串的布局到这样的布局,Adapter加ViewHolder的改变就这么多,加起来3行左右代码~~~


到此,Android 快速开发系列 打造万能的ListView GridView 适配器结束;


最后给大家推荐一个gitHub项目:https://github.com/JoanZapata/base-adapter-helper ,这个项目所做的,和我上面写的基本一致。

还有上面的布局文件来自网络,感谢Bmob的提供~

好了,我要去快乐的玩耍了~~


源码点击下载


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值