重所周知,关于”ListView的优化”的问题,大量的理论和实践足以证明,是可以由几个方面进行优化的:
1.复用已经生成的convertView;
2.添加viewHolder类;
3.缓存数据(图片缓存);
4.分页加载。
但我们在开发中,经常会在不同的界面中用到很多ListView,一般的写法是:每个Listview写上对应的适配器,去继承BaseAdapter复写几个方法,getView里面使用ViewHolder模式。这就造成了大量重复代码的产生,也不符合面向对象封装的原则,我们需要封装一个通用的适配器,来统一处理。
1.主布局文件:
<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>
2.Item的布局文件:
<?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>
3.Adapter
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;
}
}
4.Activity
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开始。
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.(SparseArray即稀疏数组(Sparse array),不影响数组中原有的内容值,通过压缩方式来表示稀疏数组的内容,以节省内存空间。)
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用于存储与之对于的convertView的所有的控件,当需要拿这些控件时,通过getView(id)进行获取;
下面看使用该ViewHolder的MyAdapter;
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
//实例化一个viewHolder
ViewHolder mViewHolder=ViewHolder.get(mContext, convertView, parent, R.layout.listview_item, position);
//通过getView获取控件
TextView mTitle=mViewHolder.getView(R.id.tv_music_title);
//使用
mTitle.setText(((MyAudio)mDatas.get(position)).getTitle());
TextView mArtistic=mViewHolder.getView(R.id.tv_music_artistic);
mArtistic.setText(((MyAudio)mDatas.get(position)).getArtist())
return mViewHolder.getConvertView();
}
只看getView,其他方法都一样;首先调用ViewHolder的get方法,如果convertView为null,new一个ViewHolder实例,通过使用mInflater.inflate加载布局,然后new一个SparseArray用于存储View,最后setTag(this);
如果存在那么直接getTag。
最后通过getView(id)获取控件,如果存在则直接返回,否则调用findViewById,返回存储,返回。
继续分析,Adapter一般需要保持一个List对象,存储一个Bean的集合,不同的ListView,Bean肯定是不同的,这个CommonAdapter肯定需要支持泛型,内部维持一个List,就解决我们的问题了;
于是我们初步打造我们的CommonAdapter:
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() {
// TODO Auto-generated method stub
return mDatas.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return mDatas.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
}
CommonAdapter依然是一个抽象类,除了getView以外我们把其他的代码都实现了,这样的话,在使用我们的Adapter只要实现一个getView,然后getView里面再使用我们打造的通用的ViewHolder~
现在的MyAdapter是这样的:
public class MyNewAdapter<T> extends CommonAdapter<T> {
public MyNewAdapter(Context context, List<T> mDatas) {
super(context, mDatas);
// TODO Auto-generated constructor stub
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
//实例化一个viewHolder
ViewHolder mViewHolder=ViewHolder.get(mContext, convertView, parent, R.layout.listview_item, position);
//通过getView获取控件
TextView mTitle=mViewHolder.getView(R.id.tv_music_title);
//使用
mTitle.setText(((MyAudio)mDatas.get(position)).getTitle());
TextView mArtistic=mViewHolder.getView(R.id.tv_music_artistic);
mArtistic.setText(((MyAudio)mDatas.get(position)).getArtist());
return mViewHolder.getConvertView();
}
}
所有的代码加起来也就10行左右。
注意我们的getView里面的代码,虽然只有几行,但是我觉得所有的Adapter的
第一行(ViewHolder viewHolder = getViewHolder(position, convertView,parent);)和
最后一行:return viewHolder.getConvertView();一定是一样的。
那么我们可以这样做:我们把第一行和最后一行写死,把中间变化的部分抽取出来,这不就是OO的设计原则嘛。现在CommonAdapter是这样的:
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 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);
}
}
对外公布了一个convert方法,并且还把viewHolder和本Item对于的Bean对象给传出去。通过ViewHolder把View找到,通过Item设置值。
细想一下,其实布局里面的View常用也就那么几种:ImageView,TextView,Button,CheckBox等等;
那么我觉得ViewHolder还可以封装一些常用的方法,比如setText(id,String);setImageResource(viewId, resId);setImageBitmap(viewId, bitmap);
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只需要这么写:
mListView.setAdapter(new CommonAdapter<MyAudio>(this,data,R.layout.listview_item) {
@Override
public void convert(ViewHolder helper, MyAudio item) {
// TODO Auto-generated method stub
helper.setText(R.id.tv_music_title, item.getTitle());
helper.setText(R.id.tv_music_artistic, item.getArtist());
if (item.getImagePath()!=null) {
helper.setImageBitmap(R.id.imageview_music_image, BitmapFactory.decodeFile(item.getImagePath()));
}else {
helper.setImageResource(R.id.imageview_music_image, R.drawable.img_music_list);
}
}
});
好了,到此我们的通用的Adapter已经一步一步铸造完毕~
注:关于ViewHolder里面的setText,setImageResource这类的方法,大家可以在使用的过程中不断的完善,今天发现这个控件可以这么设置值,好,放进去;时间长了,基本就完善了。