ListView可复用适配器的封装及性能优化

0、前言

 ListView是Android开发中最常用的控件之一，但在使用Adapter的时候若不进行合理的优化，容易造成资源浪费、代码冗余的情况，导致开发出来的APP性能低下。最开始接触适配器的封装是在慕课网鸿洋大神的教学视频里，后来在他的CSDN博客中也看到了这篇文章（点击此处浏览 ），我发现经过这样的封装后，项目中使用到的多个ListView能够复用同一个Adapter，极大地提高了开发效率。本文主要根据鸿洋大神的文章编写，并结合了自己对于ListView基本用法的一些总结，另外想了解ListView工作原理的朋友，可以看下郭霖大神的文章 。

1、ListView的基本用法

 首先回顾下ListView的基本用法，新建一个ListViewDemo项目，修改activity_main.xml中的代码，如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

 然后在layout目录下为列表项新建一个自定义的布局文件listview_item.xml，在这个布局中，定义了一个TextView用于显示文本，一个ImageView用于显示图片，代码如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/text_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/app_name"
        android:textSize="20sp" />

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />

</LinearLayout>

 提取列表项的属性：一个字符串和一张图片的ID，新建实体类ItemBean，作为ListView适配器的适配类型，代码如下所示：

public class ItemBean {

    private String text;
    private int imageId;

    public ItemBean(String text, int inmageId) {
        this.text = text;
        this.imageId = inmageId;
    }

    public String getText() {
        return text;
    }

    public int getImageId() {
        return imageId;
    }
}

 接下来需要创建一个自定义的适配器，Android提供了很多适配器的实现类，常用的实现类及其特点如下：

ArrayAdapter：简单易用的Adapter，通常用于将数组或List集合的数据封装成多个列表项。
SimpleAdapter：稍复杂但功能强大的Adapter，可用于将List集合的数据封装成多个列表项。
SimpleCursorAdapter：与SimpleAdapter基本相似，只是用于封装Cursor提供的数据。
BaseAdapter：以上Adapter的基类，通常用于扩展。扩展BaseAdapter可以对各列表项进行最大限度的定制。

 因为之后要对适配器进行封装，所以选择BaseAdapter作为实现类比较合适。新建类ListViewAdapter继承BaseAdapter，代码如下所示：

public class ListViewAdapter extends BaseAdapter {

    private Context context;
    private List<ItemBean> datas;

    public ListViewAdapter(Context context, List<ItemBean> datas) {
        this.context = context;
        this.datas = datas;
    }

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

    @Override
    public ItemBean getItem(int i) {
        return datas.get(i);
    }

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

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        ItemBean item = getItem(i);
        ViewHolder viewHolder;
        if (view == null) {
            view = View.inflate(context, R.layout.listview_item, null);
            viewHolder = new ViewHolder();
            viewHolder.textView = (TextView) view.findViewById(R.id.text_view);
            viewHolder.imageView = (ImageView) view.findViewById(R.id.image_view);
            view.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) view.getTag();
        }
        viewHolder.textView.setText(item.getText());
        viewHolder.imageView.setImageResource(item.getImageId());
        return view;
    }

    class ViewHolder {
        TextView textView;
        ImageView imageView;
    }
}

 其中的getView()方法在每个列表项被滚动到屏幕内的时候都会被调用，如果每次都将布局重新加载一遍，当ListView快速滚动的时候，性能就会受到影响，这时可以使用getView()方法中的参数view，将之前加载好的布局进行缓存，以便之后可以进行重用。

 此外，每次在getView()中还会重复调用findViewById()方法来获取控件的实例，这时可以借助ViewHolder内部类，将控件的实例进行缓存。当view不为null的时候，调用View的getTag()方法获取到ViewHolder对象，就可以使用控件的实例了。

2、ViewHolder的优化分析

 通过上文对ListView基本用法的回顾，ViewHolder集成了列表项布局内各种控件的实例，如果要封装一个通用的ViewHolder，可以采用容器来存储控件，然后定义一个方法通过ID获取控件。当key的值为int类型，value的值为Object类型时，推荐使用SparseArray<T>，从源码的注释可以看出它和Map类似，并且效率更高，如下图所示：

封装后的ViewHolder代码如下所示：

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

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

    public static ViewHolder getViewHolder(
            Context context, View convertView, ViewGroup parent, int layoutId) {
        if (convertView == null) {
            return new ViewHolder(context, parent, layoutId);
        } else {
            ViewHolder holder = (ViewHolder) convertView.getTag();
            return holder;
        }
    }

    // 通过ID获取控件
    public <T extends View>T getViewById(int viewId) {
        View view = mViews.get(viewId);
        if (view == null) {
            view = mConvertView.findViewById(viewId);
            mViews.put(viewId, view);
        }
        return (T) view;
    }

    public View getmConvertView() {
        return mConvertView;
    }
}

        在ListViewAdapter的getView()方法中使用封装好的ViewHolder，代码如下所示：

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    ViewHolder viewHolder = ViewHolder.getViewHolder(
            context, view, viewGroup, R.layout.listview_item);
    TextView tv = viewHolder.getViewById(R.id.text_view);
    tv.setText(datas.get(i).getText());
    return viewHolder.getmConvertView();
}

 对比封装前的getView()方法，可以明显感觉到在代码上更加的简洁，可复用性也更强。其实ViewHolder还能进一步优化，因为ViewHolder的主要功能是通过ID获取控件，使用频率较高，所以可以考虑专门封装获取某一控件并进行赋值的方法，完整的ViewHolder的代码如下所示：

public class ViewHolder {

    private SparseArray<View> mViews;
    private View mConvertView;

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

    public static ViewHolder getViewHolder(
            Context context, View convertView, ViewGroup parent, int layoutId) {
        if (convertView == null) {
            return new ViewHolder(context, parent, layoutId);
        } else {
            ViewHolder holder = (ViewHolder) convertView.getTag();
            return holder;
        }
    }

    // 通过ID获取控件
    public <T extends View>T getViewById(int viewId) {
        View view = mViews.get(viewId);
        if (view == null) {
            view = mConvertView.findViewById(viewId);
            mViews.put(viewId, view);
        }
        return (T) view;
    }

    public View getmConvertView() {
        return mConvertView;
    }

    // 通过字符串设置TextView的值
    public ViewHolder setText(int viewId, String text) {
        TextView tv = getViewById(viewId);
        tv.setText(text);
        return this;
    }

    // 通过资源文件设置ImageView的值
    public ViewHolder setImageResource(int viewId, int resId) {
        ImageView iv = getViewById(viewId);
        iv.setImageResource(resId);
        return this;
    }

    // 通过位图设置ImageView的值
    public ViewHolder setImageBitmap(int viewId, Bitmap bitmap) {
        ImageView iv = getViewById(viewId);
        iv.setImageBitmap(bitmap);
        return this;
    }

    public ViewHolder setImageURI(int viewId, String url) {
        ImageView iv = getViewById(viewId);
        // 通过网络图片设置ImageView的值
        return this;
    }
}

3、Adapter的优化分析

 接下来继续对Adapter进行优化分析，通过观察自定义的Adapter类可以发现，不同的Adapter除了getView()方法中的部分代码有所差异，其他方法基本相同，因此可以将这些方法抽取成一个抽象类CommonAdapter<T>，不同的Bean可以使用泛型来支持，代码如下所示：

public abstract class CommonAdapter<T> extends BaseAdapter {

    protected Context mContext;
    protected List<T> mDatas;
    private int mLayoutId;

    public CommonAdapter(Context context, List<T> datas, int layoutId) {
        this.mContext = context;
        this.mDatas = datas;
        this.mLayoutId = layoutId;
    }

    @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) {
        ViewHolder holder = ViewHolder.getViewHolder(mContext, convertView, parent, mLayoutId);
        convertView(holder, getItem(position));
        return holder.getmConvertView();
    }

    public abstract void convertView(ViewHolder holder, T t);
}

 在getView()方法中调用了一个公开的抽象方法convertView()来获取并操作控件，继承或通过匿名内部类来实现此方法。不过内部类这种方式并不被推荐，因为ListView中可能有许多的逻辑处理，会使Activity的代码看起来很臃肿，所以建议新建CommonAdapter的子类，在子类中对列表项内的控件进行操作，代码如下所示：

public class ListViewAdapter extends CommonAdapter<ItemBean> {

    public ListViewAdapter(Context context, List<ItemBean> datas) {
        super(context, datas, R.layout.listview_item);
    }

    @Override
    public void convertView(ViewHolder holder, ItemBean bean) {
        holder.setText(R.id.text_view, bean.getText())
                .setImageResource(R.id.image_view, bean.getImageId());
    }
}

 至此，ListView可复用适配器的封装及性能优化就全部结束了，GridView也同样适用，点击下载演示Demo，运行效果如下图所示：