Android之ListView性能优化——一行代码绑定数据——万能适配器

　　如下图，加入现在有一个这样的需求图，你会怎么做？作为一个初学者，之前我都是直接用SimpleAdapter结合一个Item的布局来实现的，感觉这样实现起来很方便（基本上一行代码就可以实现），而且也没有觉得有什么不好的。直到最近在慕课网上看到鸿洋大神讲的“机器人小慕”和“万能适配器”两节课，才对BaseAdapter有所了解。看了鸿洋大神的课程之后，我又上网搜了几个博客，也看了一些源码和文档，于是打算写一个帖子来记录一下自己的学习历程。

　　在今天的帖子中，我们从一个最基本的实现BaseAdapter的适配器开始，先介绍ListView性能优化（convertView结合ViewHolder类），再将其封装起来，最后达到可以像SimpleAdapter一样可以一行代码搞定一个ListView的数据绑定。

　　总结一下，本帖子要实现的功能：

为一个继承自BaseAdapter的原始的Adapter添加ViewHolder，达到缓存的功能

将优化后的ListView进行封装，实现一行代码为ListView绑定数据

一、最原始的适配器类的实现

　　最原始的思想就是常见一个继承自BaseAdapter的适配器类，在getView()方法中找到子View的布局，获取到子View中的控件，再为其绑定数据。简略代码如下：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
convertView = inflater.inflate(R.layout.sideworks_main_userlist_item, parent, false);
ImageView userPhoto = (ImageView) convertView.findViewById(R.id.find_listitem_photo);
TextView userName = (TextView) convertView.findViewById(R.id.find_listitem_name);
User user = userList.get(position);
userPhoto.setImageResource(user.getPhotoRes());
userName.setText(user.getUserName());
return convertView;
}

　　这样写代码理论上是没有问题的，但是，看过源码的人都知道，convertView这个参数指的是 The old view to reuse, if possible. 也就是说，convertView是一个以前用过的子View，如果它存在的话，就可以复用它，即只要ListView中存在一个布局和这个子View一样的子View，那么那个子View就可以复用这个convertView。这样就有了一个缓存的机制，也就是靠这个机制，我们可以达到ListView性能优化的目的。

二、convertView结合ViewHolder类实现ListView性能优化

　　先看代码。

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if (convertView == null) {
convertView = inflater.inflate(R.layout.sideworks_main_userlist_item, parent, false);
holder = new ViewHolder();
holder.userPhoto = (ImageView) convertView.findViewById(R.id.find_listitem_photo);
holder.userName = (TextView) convertView.findViewById(R.id.find_listitem_name);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
User user = userList.get(position);
holder.userPhoto.setImageResource(user.getPhotoRes());
holder.userName.setText(user.getUserName());
return convertView;
}

/**
* 存储以前用过的View中的控件的类
*/
class ViewHolder {
ImageView userPhoto;
TextView userName;
}

　　从代码中我们可以看到，和最开始的代码相比较，现在的代码多了一个内部类ViewHolder，这个类就是用来存储子View中的所有控件的。在Adapter的getView()方法中，我们首先判断convertView是否存在，如果不存在则说明这是第一次使用这个子View，此时我们就需要新建convertView和ViewHolder，找到ViewHolder中的所有控件，方便后面绑定数据，最后将ViewHolder存储到convertView缓存中；如果convertView存在，则说明以前已经用过一次这个子View，此时我们只需要从convertView的缓存中将ViewHolder去出来即可。得到ViewHolder实例之后，我们再根据List中的数据为子View中的所有控件绑定数据。

　　从理论上说，到此，ListView的优化已经结束，对于只有一个ListView的项目，这样已经是极限了。但是，如果一个项目中有100个ListView呢？如果有100个ListView，那么按照我们现在对ListView的优化程度，我们只能把Adapter复制粘贴100份，分别绑定100份数据，然后再绑到ListView上。这样是不是很愚蠢？可见，我们的“革命”尚未成功，仍需努力。下面，我们就来把这个Adapter封装起来。

三、封装适配器Adapter

　　我们的最终目的是要把ListView绑定数据的代码尽可能多的封装起来，尽可能达到一行代码为ListView绑定数据。要达到这个目标，我们需要克服以下几个困难：

对于不同的ListView，其ViewHolder不可能相同，因此我们需要一个可以适配所有布局的ViewHolder

对于不同的ListView，与之绑定的数据的类型不能确定，因此我们需要一个可以绑定所有数据类型的适配器

　　基于这两个问题，我们先给出我们解决问题的思路：先写出ViewHolder类，再写适配器类。

　　首先来看ViewHolder类。如上面所说的，我们需要一个可以适配所有布局的ViewHolder，因此，我们不能用TextView、ImageView等具体的控件类型，而是要用它们的父类View；其次，每个ListView只有一个ViewHolder，我们不可能对每个Item都用一个ViewHolder，因为这样不仅浪费了性能，而且也不合理，因此，我们使用单例模式来获得ViewHolder；另外，我们无法预测ViewHolder中都有几个控件，因此我们需要一个动态的数据结构来存储这些控件，我们选择的是SparseArray，它类似于HashMap，但其性能远远高于HashMap；最后，我们需要明确ViewHolder类中都干了什么：我们的ViewHolder类中主要进行对现在代码中getView()方法和ViewHolder类的封装。

　　最重要的一点，我们需要在ViewHolder类中开放若干个方法，一旦有新的控件类型，我们就需要在ViewHolder中为这种控件声明一个绑定数据的方法，如TextView对应setTextToTextView()方法，ImageView对应setResourceToImageView()、setBitmapToImageView()方法等。最后，我们可以用链式变成的思想，把这些方法的返回值设置成ViewHolder类型，这样，我们就可以通过 holder.setTextToTextView(?,?).setResourceToImageView(?,?)... 来实现数据的绑定，也就是一行代码搞定数据绑定。

　　说完了VeiwHolder类，让我们再来说说Adapter适配器类。因为是“万能适配器”，因此我为它起名为PowerfulAdapter。这个类中封装了BaseAdapter中的几个可以复用的方法，并且暴露出一个接口，让用户可以写具体的、每个Adapter都不同的代码。我们的思路是，将BaseAdapter中的getCount()、getItem()、getItemId()方法彻底封装起来，将getView()方法中获取ViewHolder的部分封装起来，把具体绑定数据的部分用一个抽象方法暴露给外界，让用户可以自定义绑定数据。

　　另外一个问题是关于数据源的类型问题。和ViewHolder类中的存放控件的集合一样，我们并不能事先预测到用户会设置什么数据，所以我们用一个通用泛型<T>来代替，这样我们就可以绑定随意类型的数据了。

　　这样一来，如果我们想要为一个ListView绑定数据，可以有两种方式：第一种，新建一个类继承PowerfulAdapter，并实现其中的抽象方法，为LsitView绑定数据；第二种，我们可以直接在Activity的onCreate()方法中实现绑定数据，直接用 listView.setAdapter(new PowerfulAdapter(){ ...... }); 来实现，“......”处写绑定数据的代码。

四、总结与代码

　　首先先来总结一下：在这个DEMO中，我们主要解决了一下几个问题：

为ListView绑定数据

使用convertView结合ViewHolder实现了数据缓存

对ViewHolder和Adapter进行了完美的封装，实现了一行代码为ListView绑定数据

　　以下是代码。在代码之前，国际惯例，让我们先看一看DEMO的文件结构，如下图所示：



　　以下是代码：

主界面布局 activity_main.xml 文件中的代码：

<?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="match_parent"
android:background="@android:color/white">

<ListView
android:id="@+id/find_main_lv_userlist"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:cacheColorHint="@android:color/transparent"
android:divider="@android:color/darker_gray"
android:dividerHeight="1.0dip" />

</RelativeLayout>

主界面ListView的Item的布局 sideworks_main_userlist_item.xml 文件中的代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="6.0dip">

<ImageView
android:id="@+id/find_listitem_photo"
android:layout_width="45.0dip"
android:layout_height="45.0dip"
android:src="@mipmap/ic_launcher" />

<TextView
android:id="@+id/find_listitem_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="10.0dip"
android:textColor="@android:color/black"
android:textSize="18.0sp"
android:textStyle="bold" />

</LinearLayout>

数据源实体类 User.java 文件中的代码：

package com.itgungnir.entity;

public class User {
private int photoRes;
private String userName;

public User(){

}

public User(int photoRes, String userName) {
this.photoRes = photoRes;
this.userName = userName;
}

public int getPhotoRes() {
return photoRes;
}

public void setPhotoRes(int photoRes) {
this.photoRes = photoRes;
}

public String getUserName() {
return userName;
}

public void setUserName(String userName) {
this.userName = userName;
}
}

数据源生成类 DataGenerater.java 中的代码：

package com.itgungnir.tools;

import com.itgungnir.activity.R;
import com.itgungnir.entity.User;

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

/**
* 生成User列表数据的工具类
*/
public class DataGenerater {
/**
* 获取UserList列表数据
*/
public static List<User> getUserList() {
List<User> userList = new ArrayList<User>();
for (int i = 0; i < 15; i++) {
userList.add(new User(R.mipmap.ic_launcher, "User Name " + (i + 1)));
}
return userList;
}
}

ListView的Item中控件的存放与处理类 ViewHolder.java 文件中的代码：

package com.itgungnir.tools;

import android.content.Context;
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 SparseArray<View> views; // 存储ViewHolder中所有的控件（SparseArray类似于HashMap但性能强于HashMap）
private View convertView; // 以前用过的布局

/**
* 构造函数，因为ViewHolder之后一个，因此声明为private私有类型，通过下面的getInstance()方法获取
*/
private ViewHolder(Context context, int layoutId, ViewGroup parent) {
this.views = new SparseArray<View>(); // 初始化控件集合
this.convertView = LayoutInflater.from(context).inflate(layoutId, parent, false); // 第一次用布局
this.convertView.setTag(this); // 初始化布局之后将一个ViewHolder放入布局中作为缓存
}

/**
* 单例模式获取ViewHolder实例
*/
public static ViewHolder getInstance(View convertView, Context context, int layoutId, ViewGroup parent) {
if (convertView == null) { // 如果convertView不存在，则需要new一个ViewHolder并返回
return new ViewHolder(context, layoutId, parent);
} else { // 如果convertView存在，则只需要从convertView中将ViewHolder去出来返回即可
return (ViewHolder) convertView.getTag();
}
}

/**
* 通过ID找到控件并返回
*/
private <T extends View> T getView(int viewId) {
View view = views.get(viewId); // 先尝试着从控件集合中取出控件
if (view == null) { // 如果view==null则说明控件没有加载到控件集合中，这时就需要手动查找控件并放到集合中
view = this.convertView.findViewById(viewId);
views.put(viewId, view);
}
return (T) view;
}

/**
* 设置一个为TextView设置文本的方法
*/
public ViewHolder setTextToTextView(int viewId,String text){
TextView textView = getView(viewId);
textView.setText(text);
return this;
}

/**
* 设置一个为ImageView设置图片资源的方法
*/
public ViewHolder setResourceToImageView(int viewId,int resourceId){
ImageView imageView = getView(viewId);
imageView.setImageResource(resourceId);
return this;
}

/**
* 开放一个返回convertView的方法，在适配器中会用到
*/
public View getConvertView() {
return this.convertView;
}
}

万能适配器类 PowerfulAdapter.java 文件中的代码：

package com.itgungnir.tools;

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

import java.util.List;

public abstract class PowerfulAdapter<T> extends BaseAdapter {
private List<T> dataList;
private Context context;
private int layoutId;

public PowerfulAdapter(Context context, List<T> dataList, int layoutId) {
this.dataList = dataList;
this.context = context;
this.layoutId = layoutId;
}

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

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

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = ViewHolder.getInstance(convertView, context, layoutId, parent);
convert(holder, dataList.get(position));
return holder.getConvertView();
}

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

PowerfulAdapter类的子类MyAdapter.java文件中的代码，用于第一种绑定数据的方式：

package com.itgungnir.tools;

import android.content.Context;

import com.itgungnir.activity.R;
import com.itgungnir.entity.User;

import java.util.List;

public class MyAdapter extends PowerfulAdapter<User> {

public MyAdapter(Context context, List<User> dataList, int layoutId) {
super(context, dataList, layoutId);
}

@Override
public void convert(ViewHolder holder, User user) {
holder.setTextToTextView(R.id.find_listitem_name, user.getUserName())
.setResourceToImageView(R.id.find_listitem_photo, user.getPhotoRes());
}
}

主界面 MainActivity.java 中的代码：

package com.itgungnir.activity;

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

import com.itgungnir.entity.User;
import com.itgungnir.tools.DataGenerater;
import com.itgungnir.tools.MyAdapter;
import com.itgungnir.tools.PowerfulAdapter;
import com.itgungnir.tools.ViewHolder;

public class MainActivity extends Activity {
private ListView userList;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}

private void initView() {
userList = (ListView) findViewById(R.id.find_main_lv_userlist);
/**
* 绑定数据：第一种方法，新建一个继承自PowerfulAdapter的Adapter类，在其中实现convert()方法
*/
userList.setAdapter(new MyAdapter(MainActivity.this, DataGenerater.getUserList(), R.layout.sideworks_main_userlist_item));
/**
* 绑定数据：第二种方法，直接使用PowerfulAdapter，并现场实现其convert()方法
*/
//        userList.setAdapter(new PowerfulAdapter<User>(MainActivity.this, DataGenerater.getUserList(), R.layout.sideworks_main_userlist_item) {
//            @Override
//            public void convert(ViewHolder holder, User user) {
//                holder.setTextToTextView(R.id.find_listitem_name, user.getUserName())
//                        .setResourceToImageView(R.id.find_listitem_photo, user.getPhotoRes());
//            }
//        });
}
}

最后奉上LZ的Git，欢迎各位大神批评指正：https://github.com/ITGungnir/TestPowerfulAdapter