ListView的优化问题可以说是面试的必考题。我之前看过一遍视频 Android必学-异步加载，感觉里面讲解的知识都是ListView优化常用的，这里我就通过里面的示例来做一个总结。本篇准备通过这个示例来谈一谈ListView的优化，通过分析在写code的过程中遇到的问题，来谈一下解决办法。

示例是这样的：
由http://www.imooc.com/api/teacher?type=4&num=30 中加载json格式的数据，解析出来，然后用ListView显示出来。下面是完成后的图片（没有找到有效设置图片大小的方法，大家有知道的话，留言给我）
先看我的示例listView的item的布局:

item.png

com.mecury.javamai.png

1.对于这样一个需求，我们首先应该是解析得到的数据，然后将得到的数据提供给ListView的Adapter，有关于这部分的代码，写在了MainActivity.java，我放到文章后面，毕竟重点不在这。

2.当获得到数据之后，接下来就是编写Adapter了。

• 使用ViewHolder模式来提高效率

  Viewholder模式充分了ListView的视图缓存机制，避免了每次在调用getView的时候都去通过findViewById实例化数据。《Android群英传》中说：据测试，使用ViewHolder将提高50%的效率。对应代码中就是这样，先在NewsAdapter（本示例中的Adapter）新建一个内部类：（详细代码见文章后的NewsAdapter.java）

  //使用ViewHolderprivate static class ViewHolder {private TextView tvTitle, tvContent;private ImageView ivIcon;}

  在重写的getView方法中这样写：

    @Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder viewHolder;//判断是否有缓存if (convertView == null) {//通过LayoutInflate实例化布局viewHolder = new ViewHolder();convertView = mInflater.inflate(R.layout.item_layout, parent, false);viewHolder.ivIcon = (ImageView) convertView.findViewById(R.id.iv_icon);viewHolder.tvTitle = (TextView) convertView.findViewById(R.id.tv_title);viewHolder.tvContent = (TextView) convertView.findViewById(R.id.tv_content);convertView.setTag(viewHolder);} else {//通过tag找到缓存的布局viewHolder = (ViewHolder) convertView.getTag();}NewsBean newsBean = newsBeanList.get(position);String urlString = newsBean.newsIconUrl;viewHolder.ivIcon.setTag(urlString); // 将ImageView与url绑定//普通异步加载// mImageLoader.showImageByThread(viewHolder.ivIcon,urlString);mImageLoader.showImageByAsyncTask(viewHolder.ivIcon,urlString);viewHolder.tvTitle.setText(newsBean.newsTitle);viewHolder.tvContent.setText(newsBean.newsContent);return convertView;}

• 异步加载：耗时的操作放在异步线程中

  如果在adapter中的某些操作需要耗费大量的时间，这个时候就要用到异步线程来进行异步就在数据。比如：现在要加载图片，此时我们需要根据url访问网络得到数据，然后将数据解析为Bitmap设置给View。这些操作如果不进行异步处理而直接放入adapter，可想而知，我们的ListView会有多卡。
  这里向大家提供两种异步加载线程的方式：(代码查看下面的ImageLoader.java)
  向网络获得数据，异步中需要进行的操作：

    public Bitmap getBitmapFormURL(String urlString) {Bitmap bitmap;InputStream inputStream = null;try {URL url = new URL(urlString);HttpURLConnection conn = (HttpURLConnection) url.openConnection();inputStream = new BufferedInputStream(conn.getInputStream());  //得到图片的数据流bitmap = BitmapFactory.decodeStream(inputStream);  //根据数据流来解析出图片的bitmapconn.disconnect();return bitmap;} catch (MalformedURLException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();} finally {try {inputStream.close();} catch (IOException e) {e.printStackTrace();}}return null;}

一种是通过多线程方式通过Handler+Message进行异步加载

private Handler handler = new Handler() {@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);//这个getTag是下面的问题要讲的优化，大家可以先看看if (mImageView.getTag().equals(mUrl)) { //当url标记和原先设置的一样时，才设置ImageViewmImageView.setImageBitmap((Bitmap) msg.obj);}}};public void showImageByThread(ImageView imageView, final String url) {this.mImageView = imageView;this.mUrl = url;new Thread() {@Overridepublic void run() {super.run();Bitmap bitmap = getBitmapFormURL(url);Message message = Message.obtain();message.obj = bitmap;handler.sendMessage(message);}}.start();}

另一种是通过AsyncTask来进行异步操作

AsyncTask的使用方法，不熟悉的可以学习下，这里不讲了，毕竟不是重点。

public void showImageByAsyncTask(ImageView imageView,String url){  new NewsAsyncTask(imageView,url).execute(url);  }

构建的AsyncTask的内部类

class NewsAsyncTask extends AsyncTask<String,Void,Bitmap>{  private ImageView myImageView;  private String mUrl;  public NewsAsyncTask(ImageView imageView,String url){  myImageView = imageView;  mUrl = url;  }  //String...params是可变参数接受execute中传过来的参数  @Override  protected Bitmap doInBackground(String... params) {  String url=params[0];  //这里同样调用我们的getBitmapFromeUrl  Bitmap bitmap = getBitmapFromUrl(params[0]);  return bitmap;  }  //这里的bitmap是从doInBackgroud中方法中返回过来的  @Override  protected void onPostExecute(Bitmap bitmap) {  super.onPostExecute(bitmap);  imageView.setImageBitmap(bitmap);  }  }

listView错位加载问题

当上面的代码写完时，如果先不用让大家先看看的mImageView.getTag().equals(mUrl)判断一下（上面的代码并不完整，下面会讲），你会发现如下图的情况，在Listview中的各个item加载的过程中，出现了item错位的情况。一张图片在多个位置显示，过了一段时间才正常。

GIF.gif

对于上面的情况，我们先来看看产生这种情况的原因（下面内容主要引用自android listview 异步加载图片并防止错位）：

231543494598347.jpg

网上找了一张图， listview 异步加载图片之所以错位的根本原因是重用了 convertView 且有异步操作.
如果不重用 convertView 不会出现错位现象， 重用 convertView 但没有异步操作也不会有问题。
我简单分析一下：
当重用 convertView 时，最初一屏显示 7 条记录， getView 被调用 7 次，创建了 7 个 convertView.
当 Item1 划出屏幕， Item8 进入屏幕时，这时没有为 Item8 创建新的 view 实例， Item8 复用的是
Item1 的 view 如果没有异步不会有任何问题，虽然 Item8 和 Item1 指向的是同一个 view，但滑到
Item8 时刷上了 Item8 的数据，这时 Item1 的数据和 Item8 是一样的，因为它们指向的是同一块内存，
但 Item1 已滚出了屏幕你看不见。当 Item1 再次可见时这块 view 又涮上了 Item1 的数据。
但当有异步下载时就有问题了,假设 Item1 的图片下载的比较慢，Item8 的图片下载的比较快，你滚上去
使 Item8 可见，这时 Item8 先显示它自己下载的图片没错，但等到 Item1 的图片也下载完时你发现
Item8 的图片也变成了 Item1 的图片，因为它们复用的是同一个 view。 如果 Item1 的图片下载的比
Item8 的图片快， Item1 先刷上自己下载的图片，这时你滑下去，Item8 的图片还没下载完， Item8
会先显示 Item1 的图片，因为它们是同一快内存，当 Item8 自己的图片下载完后 Item8 的图片又刷成
了自己的，你再滑上去使 Item1 可见， Item1 的图片也会和 Item8 的图片是一样的，
因为它们指向的是同一块内存。

解决的办法由很多种，这里说一下最简单的一种：使用findViewWithTag
在NewsAdapter中为ImageView设置Tag标识位：

//将url设为imagView的标识位
String urlString = newsBean.newsIconUrl;
viewHolder.ivIcon.setTag(urlString); // 将ImageView与url绑定

然后再加载的过程中通过url来判断对应imagview位置是否一致来决定是否加载。

if (mImageView.getTag().equals(mUrl)) {
//当url标记和原先设置的一样时，才设置ImageView
mImageView.setImageBitmap((Bitmap) msg.obj);
}

为图片设置缓存

设置缓存的重要性不言而喻，在加载数据的过程中，你不可能每次都从网络上加载（除非数据量小）。如果即之一这样做就要面对两个问题：1.加载数据浪费的时间 2.加载数据消耗的流量 。信不信用户一言不合就把你这破app给卸载了。。。。。。
设置缓存的原理这里也不再说了，要说的话估计又成一片博文了。这里介绍用法，让你看看怎么写:（这部分代码，在文章末尾的ImageLoader.java中）
1.首先声明一个LrcCache
private LruCache<String,Bitmap> mMemoryCaches;
2.然后初始化

 //下面是建立缓存int maxMemory = (int) Runtime.getRuntime().maxMemory();  //运行时最大内存int cacheSize = maxMemory/4;  //缓存的大小mCaches = new LruCache<String, Bitmap>(cacheSize){@Overrideprotected int sizeOf(String key, Bitmap value) {return value.getByteCount();}};

3.添加方法,在适当的地方调用

//将bitmap添加到缓存public void addBitmapToCache(String url,Bitmap bitmap){if (getBitmapFormCache(url) == null){mCaches.put(url, bitmap);}}//从缓存中获取数据public Bitmap getBitmapFormCache(String url){return mCaches.get(url);}

ListView的滑动时停止加载和分页加载

先说分页加载，我们不用每次把ListView所有的Item都一次性加载完毕，这样做没必要也很累。我们仅仅需要加载那部分显示在屏幕部分的Item即可，这样所要加载的数据就减少了很多。另一方面，我们需要考虑另一个问题，当用户滑动时，显示在屏幕的Item会不断的变化，如果只是加载显示在屏幕的Item，这也没有必要，因此我们应该在停止滑动时再加载数据。这样说，understand？
实现步骤：
1.让NewsAdapter实现接口AbsListView.OnScrollListener,并复写里面的方法
2.在复写的方法里面进行一些操作。

@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {switch (scrollState){case SCROLL_STATE_IDLE:  //滑动停止时。mImageLoader.loadImages(mStart, mEnd);break;case SCROLL_STATE_TOUCH_SCROLL: //正在滑动时mImageLoader.cancelAllTasks();break;case SCROLL_STATE_FLING: //手指抛动时，即手指用力滑动在离开后ListView由于惯性而继续滑动break;}}@Overridepublic void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {mStart = firstVisibleItem;mEnd = firstVisibleItem + visibleItemCount;//第一次的时候预加载if (mFirstIn && visibleItemCount > 0){mImageLoader.loadImages(mStart, mEnd);mFirstIn = false;}}

可以看到在滑动停止时我们调用了ImageLoader类的loadIamge方法，这是一个加载图片的方法，用于加载Item对应的第mSart项t到第mEnd项之间的数据（这两个数据怎么来的，你先把这个问题放在心里），看下loadImage法的代码实现：

public void loadImages(int start, int end){for (int i = start; i < end; i++){String url = NewsAdapter.URLS[i];//由缓存中得到bitmapBitmap bitmap = getBitmapFormCache(url);if (bitmap == null){//当bitmap为空时，由AsyncTask进行加载，并在onPostExecute()方法中setImageBitmapNewsAsyncTask task = new NewsAsyncTask(url);task.execute(url);mAsyncTask.add(task);} else {//当bitmap不为空时，直接进行setImageBitmapImageView imageView = (ImageView) mListView.findViewWithTag(url);imageView.setImageBitmap(bitmap);}}}

由代码中可以看到我们由NewsAdatper.URLS[]中取出了start到end的url，然后加载了这些数据，我们看下这个数组，这是在NewsAdapter的构造器中，可以明显看到里面存放了所有Item的图片的url：

//将图片的url存储在数组中URLS = new String[data.size()];for (int i = 0; i < data.size(); i++) {URLS[i] = data.get(i).newsIconUrl;}

此时再来看NewsAsyncTask的代码：

  //参数1：启动任务输入的参数，参数2：后台任务执行的百分比，参数3，后台执行任务的返回方法private class NewsAsyncTask extends AsyncTask<String, Void, Bitmap> {private String mUrl;public NewsAsyncTask(String stringUrl) {mUrl = stringUrl;}//doInBackground方法的参数是上面输入的第一个参数，返回的对象会传递给onPostExecute方法@Overrideprotected Bitmap doInBackground(String... params) {String url = params[0];Bitmap bitmap = getBitmapFormURL(url);if (bitmap != null){addBitmapToCache(url,bitmap); //将bitmap添加到缓存}return bitmap;}@Overrideprotected void onPostExecute(Bitmap bitmap) {super.onPostExecute(bitmap);//根据url从listView中找到对应的ImageViewImageView imageView = (ImageView) mListView.findViewWithTag(mUrl);if (imageView != null && bitmap != null){imageView.setImageBitmap(bitmap); //为imageView设置图片}mAsyncTask.remove(this);}}

可以看到这就是根据url为所对应ImageView设置图片。看到这就只有一个问题了，那就是mStart和mEnd是怎么得到的，再看代码我们重写的onScroll方法：

    @Overridepublic void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {mStart = firstVisibleItem;mEnd = firstVisibleItem + visibleItemCount;//第一次的时候预加载if (mFirstIn && visibleItemCount > 0){mImageLoader.loadImages(mStart, mEnd);mFirstIn = false;}}

这个方法有三个参数，对应的为
firstVisibleItem:ListView所有当前可见的Item第一个Item
visibleItemCount:可见Item的总数
totalItemCount ：所有Item的总数
这样一来大家是不是都懂了。

code

MainActivity.java

public class MainActivity extends AppCompatActivity {private ListView listView;private static final String url = "http://www.imooc.com/api/teacher?type=4&num=30";@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);listView = (ListView) findViewById(R.id.lv);new MainAsyncTask().execute(url);}public List<NewsBean> getJsonData(String url){List<NewsBean> newsBeanList = new ArrayList<>();try {String jsonString = readStream(new URL(url).openStream());//利用readStream得到String数据Log.e("JSON",jsonString); //打印出string数据//下面解析得到的json数据JSONObject jsonObject;NewsBean newsBean;try {jsonObject = new JSONObject(jsonString);JSONArray jsonArray = jsonObject.getJSONArray("data");for (int i=0; i<jsonArray.length(); i++){jsonObject = jsonArray.getJSONObject(i);newsBean = new NewsBean();newsBean.newsIconUrl = jsonObject.getString("picSmall");newsBean.newsTitle = jsonObject.getString("name");newsBean.newsContent = jsonObject.getString("description");newsBeanList.add(newsBean);}} catch (JSONException e) {e.printStackTrace();}} catch (IOException e) {e.printStackTrace();}return newsBeanList;}//由输入流中读取数据并将数据返回public String readStream(InputStream in){InputStreamReader reader;String result = "";String line = "";try {reader = new InputStreamReader(in, "UTF-8");BufferedReader br = new BufferedReader(reader);while((line = br.readLine())!=null){result += line;}} catch (UnsupportedEncodingException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();}return result;}//异步线程类class MainAsyncTask extends AsyncTask<String, Void, List<NewsBean>>{//该方法运行在后台线程中@Overrideprotected List<NewsBean> doInBackground(String... params) {return getJsonData(params[0]);}@Overrideprotected void onPostExecute(List<NewsBean> newsBeanList) {super.onPostExecute(newsBeanList);NewsAdapter newsAdapter = new NewsAdapter(MainActivity.this, newsBeanList, listView);listView.setAdapter(newsAdapter);}}
}

NewsAdapter.java

public class NewsAdapter extends BaseAdapter implements AbsListView.OnScrollListener {private List<NewsBean> newsBeanList = new ArrayList<>();private LayoutInflater mInflater;private ImageLoader mImageLoader;private int mStart, mEnd;public static String[] URLS;private boolean mFirstIn;public NewsAdapter(Context context, List<NewsBean> data, ListView listView) {newsBeanList = data;mInflater = LayoutInflater.from(context);mImageLoader = new ImageLoader(listView);//将图片的url存储在数组中URLS = new String[data.size()];for (int i = 0; i < data.size(); i++) {URLS[i] = data.get(i).newsIconUrl;}listView.setOnScrollListener(this);mFirstIn = true;}@Overridepublic int getCount() {return newsBeanList.size();}@Overridepublic Object getItem(int position) {return newsBeanList.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder viewHolder;//判断是否有缓存if (convertView == null) {//通过LayoutInflate实例化布局viewHolder = new ViewHolder();convertView = mInflater.inflate(R.layout.item_layout, parent, false);viewHolder.ivIcon = (ImageView) convertView.findViewById(R.id.iv_icon);viewHolder.tvTitle = (TextView) convertView.findViewById(R.id.tv_title);viewHolder.tvContent = (TextView) convertView.findViewById(R.id.tv_content);convertView.setTag(viewHolder);} else {//通过tag找到缓存的布局viewHolder = (ViewHolder) convertView.getTag();}NewsBean newsBean = newsBeanList.get(position);String urlString = newsBean.newsIconUrl;viewHolder.ivIcon.setTag(urlString); // 将ImageView与url绑定//普通异步加载// mImageLoader.showImageByThread(viewHolder.ivIcon,urlString);mImageLoader.showImageByAsyncTask(viewHolder.ivIcon,urlString);viewHolder.tvTitle.setText(newsBean.newsTitle);viewHolder.tvContent.setText(newsBean.newsContent);return convertView;}@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {switch (scrollState){case SCROLL_STATE_IDLE:  //滑动停止时。mImageLoader.loadImages(mStart, mEnd);break;case SCROLL_STATE_TOUCH_SCROLL: //正在滑动时mImageLoader.cancelAllTasks();break;case SCROLL_STATE_FLING: //手指抛动时，即手指用力滑动在离开后ListView由于惯性而继续滑动break;}}@Overridepublic void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {mStart = firstVisibleItem;mEnd = firstVisibleItem + visibleItemCount;//第一次的时候预加载if (mFirstIn && visibleItemCount > 0){mImageLoader.loadImages(mStart, mEnd);mFirstIn = false;}}//使用ViewHolderprivate static class ViewHolder {private TextView tvTitle, tvContent;private ImageView ivIcon;}
}

ImageLoder.java

public class ImageLoader {private ImageView mImageView;private String mUrl;private LruCache<String, Bitmap> mCaches;private ListView mListView;private Set<NewsAsyncTask> mAsyncTask;public ImageLoader(ListView listView){mListView = listView;mAsyncTask = new HashSet<>();//下面是建立缓存int maxMemory = (int) Runtime.getRuntime().maxMemory();  //运行时最大内存int cacheSize = maxMemory/4;mCaches = new LruCache<String, Bitmap>(cacheSize){@Overrideprotected int sizeOf(String key, Bitmap value) {return value.getByteCount();}};}//将bitmap添加到缓存public void addBitmapToCache(String url,Bitmap bitmap){if (getBitmapFormCache(url) == null){mCaches.put(url, bitmap);}}//从缓存中获取数据public Bitmap getBitmapFormCache(String url){return mCaches.get(url);}
//===================================下面为普通异步加载===========================================
private Handler handler = new Handler() {@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);if (mImageView.getTag().equals(mUrl)) { //当url标记和原先设置的一样时，才设置ImageViewmImageView.setImageBitmap((Bitmap) msg.obj);}}};public void showImageByThread(ImageView imageView, final String url) {this.mImageView = imageView;this.mUrl = url;new Thread() {@Overridepublic void run() {super.run();Bitmap bitmap = getBitmapFormURL(url);Message message = Message.obtain();message.obj = bitmap;handler.sendMessage(message);}}.start();}//====================上面是使用普通的异步加载，下面是使用AsyncTask进行的异步加载==================public Bitmap getBitmapFormURL(String urlString) {Bitmap bitmap;InputStream inputStream = null;try {URL url = new URL(urlString);HttpURLConnection conn = (HttpURLConnection) url.openConnection();inputStream = new BufferedInputStream(conn.getInputStream());  //得到图片的数据流bitmap = BitmapFactory.decodeStream(inputStream);  //根据数据流来解析出图片的bitmapconn.disconnect();return bitmap;} catch (MalformedURLException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();} finally {try {inputStream.close();} catch (IOException e) {e.printStackTrace();}}return null;}//加载图片public void showImageByAsyncTask(ImageView ImageView, String url) {Bitmap bitmap = getBitmapFormCache(url);if (bitmap == null){ImageView.setImageResource(R.mipmap.ic_launcher);}else{ImageView.setImageBitmap(bitmap);}}public void cancelAllTasks(){if (mAsyncTask != null){for (NewsAsyncTask task : mAsyncTask){task.cancel(false);}}}public void loadImages(int start, int end){for (int i = start; i < end; i++){String url = NewsAdapter.URLS[i];//由缓存中得到bitmapBitmap bitmap = getBitmapFormCache(url);if (bitmap == null){//当bitmap为空时，由AsyncTask进行加载，并在onPostExecute()方法中setImageBitmapNewsAsyncTask task = new NewsAsyncTask(url);task.execute(url);mAsyncTask.add(task);} else {//当bitmap不为空时，直接进行setImageBitmapImageView imageView = (ImageView) mListView.findViewWithTag(url);imageView.setImageBitmap(bitmap);}}}//参数1：启动任务输入的参数，参数2：后台任务执行的百分比，参数3，后台执行任务的返回方法private class NewsAsyncTask extends AsyncTask<String, Void, Bitmap> {private String mUrl;public NewsAsyncTask(String stringUrl) {mUrl = stringUrl;}//doInBackground方法的参数是上面输入的第一个参数，返回的对象会传递给onPostExecute方法@Overrideprotected Bitmap doInBackground(String... params) {String url = params[0];Bitmap bitmap = getBitmapFormURL(url);if (bitmap != null){addBitmapToCache(url,bitmap); //将bitmap添加到缓存}return bitmap;}@Overrideprotected void onPostExecute(Bitmap bitmap) {super.onPostExecute(bitmap);//根据url从listView中找到对应的ImageViewImageView imageView = (ImageView) mListView.findViewWithTag(mUrl);if (imageView != null && bitmap != null){imageView.setImageBitmap(bitmap);}mAsyncTask.remove(this);}}
}

/**
 * Bean类
 */
public class NewsBean {/**
     * description : 为你带来shell中的环境变量配置文件
     * id : 1
     * learner : 12312
     * name : Tony老师聊shell——环境变量配置文件
     * picBig : http://img.mukewang.com/55237dcc0001128c06000338.jpg
     * picSmall : http://img.mukewang.com/55237dcc0001128c06000338-300-170.jpg
     */

    public String newsIconUrl;
    public String newsTitle;
    public String newsContent;

    public String getNewsIconUrl() {return newsIconUrl;
    }public void setNewsIconUrl(String newsIconUrl) {this.newsIconUrl = newsIconUrl;
    }public String getNewsTitle() {return newsTitle;
    }public void setNewsTitle(String newsTitle) {this.newsTitle = newsTitle;
    }public String getNewsContent() {return newsContent;
    }public void setNewsContent(String newsContent) {this.newsContent = newsContent;
    }
}