记一次性能优化过程

摘要

本文原创，转载请注明地址： http://kymjs.com/code/2015/11/26/01

奇葩需求催生创新，记一次对 ListView 的性能优化。（当然，RecyclerView 也是一样）

• 引子
• 首次实现
• 首次优化
• 不够完美
  • ListView实现原理简介
  • 再次优化
• 最后的优化

引子

首先来看我们伟大的思想家设定的图：

没什么特别的？那是因为这只是我截的手机淘宝的一个图。而我们所要实现的是：一个列表列出这个人所有的历史评价的评价情况，其中星星部分还是根据后台数据动态改变的，例如可能这件商品有描述相符、服务态度、物流服务；而下一件商品就只有描述相符、服务态度；另一件商品又可能来个帅气度、物流服务。好吧，这的确不是什么奇葩的需求，我只是不爽这种数据传递格式。

首次实现

如果是你，你第一反应这种界面要怎么实现？ListView嵌套？擦，那岂不更是卡到死了，一不小心还造成个OOM的事儿来。我一上来直接就是在适配器里面，根据data返回来的那个评价项目数量来动态 new Layout。然后每个 Layout 就是一个 TextView 加一个 RatingBar 。

////此处省略一万行代码…

写完了，跑一下看看。嘿实现了，就是这效果。我草，等等，这怎么这么卡，我用了ViewHolder复用布局啊。

你他妈在逗我，动态new布局你跟我弹复用。

首次优化

不够完美

擦，一定是最近科技发布会看多了，一提到不完美，首先想到的是魅族那奇葩广告：“pro 5，轻易不说完美”。 尼玛，白老总，这是语病啊，你小学语文是数学老师上体育课教的吗？

吐槽完毕，说正事。

ListView实现原理简介

再次优化

结合刚刚讲的，我们自己定义一个集合类用来复用View

public class RecyclerList extends LinkedList<View> {  private Context cxt;  private int layoutId;  public RecyclerList(Context cxt, int id) {   this.cxt = cxt;   this.layoutId = id;  }  public View get() {   View view;   if (size() > 0) {    view = getFirst();    removeFirst();   } else {    view = View.inflate(cxt, layoutId, null);   }   return view;  } } 

这里使用Linked是考虑到我实际项目中会频繁的添加删除多个item，想想 LinkedList 和 ArrayList 各自的优势~~

于是项目中的适配器就可以这么写了(只挑有用的部分写出来了)

private RecyclerList recycler; public void function(){  LinearLayout root = vh.getView(R.id.root);  int count = root.getChildCount();  int size = item.getList().size();  if (count >= size) {   for (int i = 0; i < count - size; i++) {    recycler.add(root.getChildAt(1));    root.removeViewAt(1);   }  } else {   for (int i = 0; i < size - count; i++) {    View view = recycler.get();    root.addView(view, 1);   }  } } 

最后的优化

呵呵哒，在我写这篇文章的时候，界面又特么变了。

算了，就当是自己总结了。

结合 初次优化 的效果，我们预先在item里面写几个layout，不过呢，这次我们不是直接去写，而是用 ViewStub ，ViewStub相当于一个占位符，可以在控件 onMeasure() 和 onLayout() 的时候不去考虑内部的实现，而是在控件需要显示的时候才去通过代码调用加载到内存中。

利用这一特性，我们可以在 getView() 中判断，这个item是否需要显示，如果需要layout，则添加进来，而当不需要的时候，移除到 RecyclerList 中；下次再进来，如果需要layout，则从 RecyclerList 中拿。

... <ViewStub            android:id="@+id/view_stub"           android:layout="@layout/layout"           android:layout_width="match_parent"           android:layout_height="wrap_content" />   ...

之后是 getView() 方法中的java代码

ViewStub viewStub = (ViewStub) findViewById(R.id.view_stub);       if (viewStub != null) {           View layout = viewStub.inflate();                    // android:layout="@layout/layout"         // layout就是xml中这句引入的View       }

需要注意的是 findView 拿到 ViewStub 的时候一定要判空，因为如果我们上次已经调用了 viewStub.inflate() ，则 findview 就会返回 null 了。