ListView GridView 适配器(终极模板)

本文介绍了一种封装通用ListView适配器的方法,通过抽象CommonAdapter类和ViewHolder模式,大幅减少代码重复并提高开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

!加入的自己的测试代码,以后要用可以直接拿过来用

1,CommonAdapter

package utils;
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 CommonAdapter<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);
}


}
2,ImageLoader用于ViewHoler中加载网络图片使用
package utils;
import java.lang.reflect.Field;
import java.util.LinkedList;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;
import java.util.concurrent.Semaphore;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.os.Looper;
import android.os.Message;
import android.support.v4.util.LruCache;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.ViewGroup.LayoutParams;
import android.widget.ImageView;
public class ImageLoader
{
/**
* 图片缓存的核心类
*/
private LruCache<String, Bitmap> mLruCache;
/**
* 线程池
*/
private ExecutorService mThreadPool;
/**
* 线程池的线程数量,默认为1
*/
private int mThreadCount = 1;
/**
* 队列的调度方式
*/
private Type mType = Type.LIFO;
/**
* 任务队列
*/
private LinkedList<Runnable> mTasks;
/**
* 轮询的线程
*/
private Thread mPoolThread;
private Handler mPoolThreadHander;


/**
* 运行在UI线程的handler,用于给ImageView设置图片
*/
private Handler mHandler;


/**
* 引入一个值为1的信号量,防止mPoolThreadHander未初始化完成
*/
private volatile Semaphore mSemaphore = new Semaphore(1);


/**
* 引入一个值为1的信号量,由于线程池内部也有一个阻塞线程,防止加入任务的速度过快,使LIFO效果不明显
*/
private volatile Semaphore mPoolSemaphore;


private static ImageLoader mInstance;


/**
* 队列的调度方式

* @author zhy

*/
public enum Type
{
FIFO, LIFO
}




/**
* 单例获得该实例对象

* @return
*/
public static ImageLoader getInstance()
{


if (mInstance == null)
{
synchronized (ImageLoader.class)
{
if (mInstance == null)
{
mInstance = new ImageLoader(1, Type.LIFO);
}
}
}
return mInstance;
}


private ImageLoader(int threadCount, Type type)
{
init(threadCount, type);
}


private void init(int threadCount, Type type)
{
// loop thread
mPoolThread = new Thread()
{
@Override
public void run()
{
try
{
// 请求一个信号量
mSemaphore.acquire();
} catch (InterruptedException e)
{
}
Looper.prepare();


mPoolThreadHander = new Handler()
{
@Override
public void handleMessage(Message msg)
{
mThreadPool.execute(getTask());
try
{
mPoolSemaphore.acquire();
} catch (InterruptedException e)
{
}
}
};
// 释放一个信号量
mSemaphore.release();
Looper.loop();
}
};
mPoolThread.start();


// 获取应用程序最大可用内存
int maxMemory = (int) Runtime.getRuntime().maxMemory();
int cacheSize = maxMemory / 8;
mLruCache = new LruCache<String, Bitmap>(cacheSize)
{
@Override
protected int sizeOf(String key, Bitmap value)
{
return value.getRowBytes() * value.getHeight();
};
};


mThreadPool = Executors.newFixedThreadPool(threadCount);
mPoolSemaphore = new Semaphore(threadCount);
mTasks = new LinkedList<Runnable>();
mType = type == null ? Type.LIFO : type;


}


/**
* 加载图片

* @param path
* @param imageView
*/
public void loadImage(final String path, final ImageView imageView)
{
// set tag
imageView.setTag(path);
// UI线程
if (mHandler == null)
{
mHandler = new Handler()
{
@Override
public void handleMessage(Message msg)
{
ImgBeanHolder holder = (ImgBeanHolder) msg.obj;
ImageView imageView = holder.imageView;
Bitmap bm = holder.bitmap;
String path = holder.path;
if (imageView.getTag().toString().equals(path))
{
imageView.setImageBitmap(bm);
}
}
};
}


Bitmap bm = getBitmapFromLruCache(path);
if (bm != null)
{
ImgBeanHolder holder = new ImgBeanHolder();
holder.bitmap = bm;
holder.imageView = imageView;
holder.path = path;
Message message = Message.obtain();
message.obj = holder;
mHandler.sendMessage(message);
} else
{
addTask(new Runnable()
{
@Override
public void run()
{


ImageSize imageSize = getImageViewWidth(imageView);


int reqWidth = imageSize.width;
int reqHeight = imageSize.height;


Bitmap bm = decodeSampledBitmapFromResource(path, reqWidth,
reqHeight);
addBitmapToLruCache(path, bm);
ImgBeanHolder holder = new ImgBeanHolder();
holder.bitmap = getBitmapFromLruCache(path);
holder.imageView = imageView;
holder.path = path;
Message message = Message.obtain();
message.obj = holder;
// Log.e("TAG", "mHandler.sendMessage(message);");
mHandler.sendMessage(message);
mPoolSemaphore.release();
}
});
}


}

/**
* 添加一个任务

* @param runnable
*/
private synchronized void addTask(Runnable runnable)
{
try
{
// 请求信号量,防止mPoolThreadHander为null
if (mPoolThreadHander == null)
mSemaphore.acquire();
} catch (InterruptedException e)
{
}
mTasks.add(runnable);
mPoolThreadHander.sendEmptyMessage(0x110);
}


/**
* 取出一个任务

* @return
*/
private synchronized Runnable getTask()
{
if (mType == Type.FIFO)
{
return mTasks.removeFirst();
} else if (mType == Type.LIFO)
{
return mTasks.removeLast();
}
return null;
}

/**
* 单例获得该实例对象

* @return
*/
public static ImageLoader getInstance(int threadCount, Type type)
{


if (mInstance == null)
{
synchronized (ImageLoader.class)
{
if (mInstance == null)
{
mInstance = new ImageLoader(threadCount, type);
}
}
}
return mInstance;
}




/**
* 根据ImageView获得适当的压缩的宽和高

* @param imageView
* @return
*/
private ImageSize getImageViewWidth(ImageView imageView)
{
ImageSize imageSize = new ImageSize();
final DisplayMetrics displayMetrics = imageView.getContext()
.getResources().getDisplayMetrics();
final LayoutParams params = imageView.getLayoutParams();


int width = params.width == LayoutParams.WRAP_CONTENT ? 0 : imageView
.getWidth(); // Get actual image width
if (width <= 0)
width = params.width; // Get layout width parameter
if (width <= 0)
width = getImageViewFieldValue(imageView, "mMaxWidth"); // Check
// maxWidth
// parameter
if (width <= 0)
width = displayMetrics.widthPixels;
int height = params.height == LayoutParams.WRAP_CONTENT ? 0 : imageView
.getHeight(); // Get actual image height
if (height <= 0)
height = params.height; // Get layout height parameter
if (height <= 0)
height = getImageViewFieldValue(imageView, "mMaxHeight"); // Check
// maxHeight
// parameter
if (height <= 0)
height = displayMetrics.heightPixels;
imageSize.width = width;
imageSize.height = height;
return imageSize;


}


/**
* 从LruCache中获取一张图片,如果不存在就返回null。
*/
private Bitmap getBitmapFromLruCache(String key)
{
return mLruCache.get(key);
}


/**
* 往LruCache中添加一张图片

* @param key
* @param bitmap
*/
private void addBitmapToLruCache(String key, Bitmap bitmap)
{
if (getBitmapFromLruCache(key) == null)
{
if (bitmap != null)
mLruCache.put(key, bitmap);
}
}


/**
* 计算inSampleSize,用于压缩图片

* @param options
* @param reqWidth
* @param reqHeight
* @return
*/
private int calculateInSampleSize(BitmapFactory.Options options,
int reqWidth, int reqHeight)
{
// 源图片的宽度
int width = options.outWidth;
int height = options.outHeight;
int inSampleSize = 1;


if (width > reqWidth && height > reqHeight)
{
// 计算出实际宽度和目标宽度的比率
int widthRatio = Math.round((float) width / (float) reqWidth);
int heightRatio = Math.round((float) width / (float) reqWidth);
inSampleSize = Math.max(widthRatio, heightRatio);
}
return inSampleSize;
}


/**
* 根据计算的inSampleSize,得到压缩后图片

* @param pathName
* @param reqWidth
* @param reqHeight
* @return
*/
private Bitmap decodeSampledBitmapFromResource(String pathName,
int reqWidth, int reqHeight)
{
// 第一次解析将inJustDecodeBounds设置为true,来获取图片大小
final BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeFile(pathName, options);
// 调用上面定义的方法计算inSampleSize值
options.inSampleSize = calculateInSampleSize(options, reqWidth,
reqHeight);
// 使用获取到的inSampleSize值再次解析图片
options.inJustDecodeBounds = false;
Bitmap bitmap = BitmapFactory.decodeFile(pathName, options);

return bitmap;
}


private class ImgBeanHolder
{
Bitmap bitmap;
ImageView imageView;
String path;
}


private class ImageSize
{
int width;
int height;
}


/**
* 反射获得ImageView设置的最大宽度和高度

* @param object
* @param fieldName
* @return
*/
private static int getImageViewFieldValue(Object object, String fieldName)
{
int value = 0;
try
{
Field field = ImageView.class.getDeclaredField(fieldName);
field.setAccessible(true);
int fieldValue = (Integer) field.get(object);
if (fieldValue > 0 && fieldValue < Integer.MAX_VALUE)
{
value = fieldValue;


Log.e("TAG", value + "");
}
} catch (Exception e)
{
}
return value;
}


}
3,ViewHolder
package utils;
import utils.ImageLoader.Type;
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;

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;
}

}
4,Bean
package com.example.adpterdemo.domain;
import android.graphics.Bitmap;
public class Bean {
public Bitmap bitmap;
public String textString;
public Bean(Bitmap bitmap, String textString) {
super();
this.bitmap = bitmap;
this.textString = textString;
}

}
5,activity中的测试
package com.example.adpterdemo;
import java.util.ArrayList;
import java.util.List;
import com.example.adpterdemo.domain.Bean;
import utils.CommonAdapter;
import utils.ViewHolder;
import android.os.Bundle;
import android.preference.PreferenceActivity.Header;
import android.app.Activity;
import android.graphics.BitmapFactory;
import android.view.Menu;
import android.widget.ListView;


public class MainActivity extends Activity {
private CommonAdapter<Bean>  mAdapter;
private List<Bean> lists;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ListView listView=(ListView) findViewById(R.id.lv);
initdata();
listView.setAdapter(mAdapter=new CommonAdapter<Bean>(this,lists , R.layout.list_item) {
@Override
public void convert(ViewHolder helper, Bean item) {
helper.setImageBitmap(R.id.iv,item.bitmap );
helper.setText(R.id.tv, item.textString);
}
});
}
private void initdata() {
lists = new ArrayList<Bean>();
lists.add(new Bean(BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher), "nihao"));
lists.add(new Bean(BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher), "nihao"));
lists.add(new Bean(BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher), "nihao"));
}

}

----------------------------------------------------------------------------------------------------------------

1、概述

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

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

2、常见的例子

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

1、布局文件

主布局文件:

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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>  

Item的布局文件:

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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>  

2、Adapter

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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. {  
  14.     private LayoutInflater mInflater;  
  15.     private Context mContext;  
  16.     private List<String> mDatas;  
  17.   
  18.     public MyAdapter(Context context, List<String> mDatas)  
  19.     {  
  20.         mInflater = LayoutInflater.from(context);  
  21.         this.mContext = context;  
  22.         this.mDatas = mDatas;  
  23.     }  
  24.   
  25.     @Override  
  26.     public int getCount()  
  27.     {  
  28.         return mDatas.size();  
  29.     }  
  30.   
  31.     @Override  
  32.     public Object 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.         ViewHolder viewHolder = null;  
  47.         if (convertView == null)  
  48.         {  
  49.             convertView = mInflater.inflate(R.layout.item_single_str, parent,  
  50.                     false);  
  51.             viewHolder = new ViewHolder();  
  52.             viewHolder.mTextView = (TextView) convertView  
  53.                     .findViewById(R.id.id_tv_title);  
  54.             convertView.setTag(viewHolder);  
  55.         } else  
  56.         {  
  57.             viewHolder = (ViewHolder) convertView.getTag();  
  58.         }  
  59.         viewHolder.mTextView.setText(mDatas.get(position));  
  60.         return convertView;  
  61.     }  
  62.   
  63.     private final class ViewHolder  
  64.     {  
  65.         TextView mTextView;  
  66.     }  
  67.   
  68. }  

3、Activity

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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.   
  14.     private ListView mListView;  
  15.     private List<String> mDatas = new ArrayList<String>(Arrays.asList("Hello",  
  16.             "World""Welcome"));  
  17.     private MyAdapter mAdapter;  
  18.   
  19.     @Override  
  20.     protected void onCreate(Bundle savedInstanceState)  
  21.     {  
  22.         super.onCreate(savedInstanceState);  
  23.         setContentView(R.layout.activity_main);  
  24.         mListView = (ListView) findViewById(R.id.id_lv_main);  
  25.         mListView.setAdapter(mAdapter = new MyAdapter(this, mDatas));  
  26.   
  27.     }  
  28.   
  29. }  

上面这个例子大家应该都写了无数遍了,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类:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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. {  
  12.     private final SparseArray<View> mViews;  
  13.     private View mConvertView;  
  14.   
  15.     private ViewHolder(Context context, ViewGroup parent, int layoutId,  
  16.             int position)  
  17.     {  
  18.         this.mViews = new SparseArray<View>();  
  19.         mConvertView = LayoutInflater.from(context).inflate(layoutId, parent,  
  20.                 false);  
  21.         //setTag  
  22.         mConvertView.setTag(this);  
  23.           
  24.           
  25.     }  
  26.   
  27.     /** 
  28.      * 拿到一个ViewHolder对象 
  29.      * @param context 
  30.      * @param convertView 
  31.      * @param parent 
  32.      * @param layoutId 
  33.      * @param position 
  34.      * @return 
  35.      */  
  36.     public static ViewHolder get(Context context, View convertView,  
  37.             ViewGroup parent, int layoutId, int position)  
  38.     {  
  39.       
  40.         if (convertView == null)  
  41.         {  
  42.             return new ViewHolder(context, parent, layoutId, position);  
  43.         }  
  44.         return (ViewHolder) convertView.getTag();  
  45.     }  
  46.   
  47.   
  48.     /** 
  49.      * 通过控件的Id获取对于的控件,如果没有则加入views 
  50.      * @param viewId 
  51.      * @return 
  52.      */  
  53.     public <T extends View> T getView(int viewId)  
  54.     {  
  55.           
  56.         View view = mViews.get(viewId);  
  57.         if (view == null)  
  58.         {  
  59.             view = mConvertView.findViewById(viewId);  
  60.             mViews.put(viewId, view);  
  61.         }  
  62.         return (T) view;  
  63.     }  
  64.   
  65.     public View getConvertView()  
  66.     {  
  67.         return mConvertView;  
  68.     }  
  69.   
  70.       
  71.   
  72. }  


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

下面看使用该ViewHolder的MyAdapter;

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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.     }  

只看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

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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. {  
  14.     protected LayoutInflater mInflater;  
  15.     protected Context mContext;  
  16.     protected List<T> mDatas;  
  17.   
  18.     public CommonAdapter(Context context, List<T> mDatas)  
  19.     {  
  20.         mInflater = LayoutInflater.from(context);  
  21.         this.mContext = context;  
  22.         this.mDatas = mDatas;  
  23.     }  
  24.   
  25.     @Override  
  26.     public int getCount()  
  27.     {  
  28.         return mDatas.size();  
  29.     }  
  30.   
  31.     @Override  
  32.     public Object 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. }  
我们的CommonAdapter依然是一个抽象类,除了getView以外我们把其他的代码都实现了,这样的话,在使用我们的Adapter只要实现一个getView,然后getView里面再使用我们打造的通过的ViewHolder是不是感觉还不错~

现在我们的MyAdapter是这样的:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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. {  
  12.     public MyAdapter(Context context, List<T> mDatas)  
  13.     {  
  14.         super(context, mDatas);  
  15.     }  
  16.   
  17.     @Override  
  18.     public View getView(int position, View convertView, ViewGroup parent)  
  19.     {  
  20.         ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent,  
  21.                 R.layout.item_single_str, position);  
  22.         TextView mTitle = viewHolder.getView(R.id.id_tv_title);  
  23.         mTitle.setText((String) mDatas.get(position));  
  24.         return viewHolder.getConvertView();  
  25.     }  
  26.   
  27. }  

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

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

5、进一步铸造

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

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

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

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

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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 CommonAdapter<T> extends BaseAdapter  
  12. {  
  13.     protected LayoutInflater mInflater;  
  14.     protected Context mContext;  
  15.     protected List<T> mDatas;  
  16.     protected final int mItemLayoutId;  
  17.   
  18.     public CommonAdapter(Context context, List<T> mDatas, int itemLayoutId)  
  19.     {  
  20.         this.mContext = context;  
  21.         this.mInflater = LayoutInflater.from(mContext);  
  22.         this.mDatas = mDatas;  
  23.         this.mItemLayoutId = itemLayoutId;  
  24.     }  
  25.   
  26.     @Override  
  27.     public int getCount()  
  28.     {  
  29.         return mDatas.size();  
  30.     }  
  31.   
  32.     @Override  
  33.     public T getItem(int position)  
  34.     {  
  35.         return mDatas.get(position);  
  36.     }  
  37.   
  38.     @Override  
  39.     public long getItemId(int position)  
  40.     {  
  41.         return position;  
  42.     }  
  43.   
  44.     @Override  
  45.     public View getView(int position, View convertView, ViewGroup parent)  
  46.     {  
  47.         final ViewHolder viewHolder = getViewHolder(position, convertView,  
  48.                 parent);  
  49.         convert(viewHolder, getItem(position));  
  50.         return viewHolder.getConvertView();  
  51.   
  52.     }  
  53.   
  54.     public abstract void convert(ViewHolder helper, T item);  
  55.   
  56.     private ViewHolder getViewHolder(int position, View convertView,  
  57.             ViewGroup parent)  
  58.     {  
  59.         return ViewHolder.get(mContext, convertView, parent, mItemLayoutId,  
  60.                 position);  
  61.     }  
  62.   
  63. }  

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

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

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

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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.     }  

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

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是:

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

现在的MainActivity只需要这么写:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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.         };  

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

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

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

7、实践

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

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

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

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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.         });  

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

2、来个复杂点的布局

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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>  

效果图是这样的:


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

但是代码是这样的:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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.         });  

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


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


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

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

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


源码点击下载


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值