ListView优化

本篇文章纯属转载稍加整理，出处http://www.xuanyusong.com/archives/1252

列表的显示需要三个元素：

1. ListVeiw:  用来展示列表的View。

2. 适配器 : 用来把数据映射到ListView上

3. 数据:    具体的将被映射的字符串，图片，或者基本组件。 

           根据列表的适配器类型，列表分为三种，ArrayAdapter，SimpleAdapter和SimpleCursorAdapter，这三种适配器的使用大家可学习下官网上面的使用或者自行百度谷歌，一堆DEMO！！！其中以ArrayAdapter最为简单，只能展示一行字。SimpleAdapter有最好的扩充性，可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合，可以方便的把数据库的内容以列表的形式展示出来。

• 　ArrayAdapter:简单易用的Adapter，通常用于数组或list集合的数据源（多个值包装成多个列表项）。
• 　simpleAdapter:并不见得、功能强大的Adapter，可用于list集合的多个对象包装成多个列表项。
• 　simpleCursorAdapter:与上相似，但是用于包装jCursor(数据库游标)提供的数据源。
•     BaseAdapter:通常用于被扩展。扩展BaseAdapter可以对各列表项进行最大限度的定制。

           系统要绘制ListView了，他首先用getCount（）函数得到要绘制的这个列表的长度，然后开始绘制第一行，怎么绘制呢？调用getView()函数。在这个函数里面首先获得一个View（这个看实际情况，如果是一个简单的显示则是View，如果是一个自定义的里面包含很多控件的时候它其实是一个ViewGroup），然后再实例化并设置各个组件及其数据内容并显示它。好了，绘制完这一行了。那 再绘制下一行，直到绘完为止，前面这些东西做下铺垫，继续…….

 

           现在我们再来了解ListView加载数据的原理，有了这方面的了解后再说优化才行，下面先跟大家一起来看下ListView加载数据的基本原理小马就直接写了：

ListView的工作原理如下：

                 ListView 针对每个item，要求 adapter “返回一个视图” (getView)，也就是说ListView在开始绘制的时候，系统首先调用getCount（）函数，根据他的返回值得到ListView的长度，然后根据这个长度，调用getView（）一行一行的绘制ListView的每一项。如果你的getCount（）返回值是0的话，列表一行都不会显示，如果返回1，就只显示一行。返回几则显示几行。如果我们有几千几万甚至更多的item要显示怎么办？为每个Item创建一个新的View？不可能！！！实际上Android早已经缓存了这些视图，大家可以看下下面这个截图来理解下，这个图是解释ListView工作原理的最经典的图了大家可以收藏下，不懂的时候拿来看看，加深理解，其实Android中有个叫做Recycler的构件，顺带列举下与Recycler相关的已经由Google做过N多优化过的东东比如：AbsListView.RecyclerListener、ViewDebug.RecyclerTraceType等等，要了解的朋友自己查下，不难理解，下图是ListView加载数据的工作原理（原理图看不清楚的点击后看大图）：

下面简单说下上图的原理：

1. 如果你有几千几万甚至更多的选项(item)时，其中只有可见的项目存在内存（内存内存哦，说的优化就是说在内存中的优化！！！）中，其他的在Recycler中
2. ListView先请求一个type1视图(getView)然后请求其他可见的项目。convertView在getView中是空(null)的
3. 当item1滚出屏幕，并且一个新的项目从屏幕低端上来时，ListView再请求一个type1视图。convertView此时不是空值了，它的值是item1。你只需设定新的数据然后返回convertView，不必重新创建一个视图

             下面来看下从网上找来的示例代码，如下：

C#

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

publicclass MultipleItemsListextends ListActivity{

 

    privateMyCustomAdapter mAdapter;

 

    @Override

    publicvoid onCreate(BundlesavedInstanceState){

        super.onCreate(savedInstanceState);

        mAdapter= newMyCustomAdapter();

        for(inti =0;i <50;i++){

            mAdapter.addItem("item "+ i);

        }

        setListAdapter(mAdapter);

    }

 

    privateclass MyCustomAdapterextends BaseAdapter{

 

        privateArrayList mData= newArrayList();

        privateLayoutInflater mInflater;

 

        publicMyCustomAdapter(){

            mInflater= (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        }

 

        publicvoid addItem(finalString item){

            mData.add(item);

            notifyDataSetChanged();

        }

 

        @Override

        publicint getCount(){

            returnmData.size();

        }

 

        @Override

        publicString getItem(intposition){

            returnmData.get(position);

        }

 

        @Override

        publiclong getItemId(intposition){

            returnposition;

        }

 

        @Override

        publicView getView(intposition,View convertView,ViewGroup parent){

            System.out.println("getView " +position +" " +convertView);

            ViewHolderholder =null;

            if(convertView== null){

                convertView= mInflater.inflate(R.layout.item1,null);

                holder= newViewHolder();

                holder.textView= (TextView)convertView.findViewById(R.id.text);

                convertView.setTag(holder);

            }else {

                holder= (ViewHolder)convertView.getTag();

            }

            holder.textView.setText(mData.get(position));

            returnconvertView;

        }

 

    }

 

    publicstatic classViewHolder {

        publicTextView textView;

    }

}

执行程序，查看日志:

getView 被调用 9 次 ，convertView 对于所有的可见项目是空值（如下）:

然后稍微向下滚动List，直到item10出现：

 

convertView仍然是空值，因为recycler中没有视图（item1的边缘仍然可见，在顶端）再滚动列表，继续滚动：

 

convertView不是空值了！item1离开屏幕到Recycler中去了，然后item11被创建，再滚动下：

           

          此时的convertView非空了，在item11离开屏幕之后，它的视图(…0f8)作为convertView容纳item12了,好啦，结合以上原理，下面来看看今天最主要的话题，主角ListView的优化：

             首先，这个地方先记两个ListView优化的一个小点：

                       1. ExpandableListView 与 ListActivity 由官方提供的，里面要使用到的ListView是已经经过优化的ListView，如果大家的需求可以用Google自带的ListView满足的的话尽量用官方的，绝对没错！

                       2.其次，像前面讲的，说ListView优化，其实并不是指其它的优化，就是内存是的优化，提到内存…（想到OOM，折腾了我不少时间），很多很多，先来写下，如果我们的ListView中的选项仅仅是一些简单的TextView的话，就好办啦，消耗不了多少的，但如果你的Item是自定义的Item的话，例如你的自定义Item布局ViewGroup中包含：按钮、图片、flash、CheckBox、RadioButton等一系列你能想到的控件的话， 你要在getView中单单使用文章开头提到的ViewHolder是远远不够的，如果数据过多，加载的图片过多过大，你BitmapFactory.decode的猛多的话，OOM搞死你，这个地方再警告下大家，是警告……….也提醒下自己：

                         碰到的问题大家应该也都碰到过的，自定义的ListView项乱序问题，我很天真的在getView()中强制清除了下ListView的缓存数据convertView，也就是convertView = null了，虽然当时是解决了这个问题让其它每次重绘，但是犯了大错了，如果数据太多的话，出现最最恶心的错，手机卡死或强制关机，关机啊哥哥们……O_O，客户杀了我都有可能，但大家以后别犯这样的错了，单单使用清除缓存convertView是解决不了实际问题的，继续……
下面是小记：图片用完了正确的释放… 

C#

1

2

3

4

if(!bmp.isRecycle()){

         bmp.recycle()  //回收图片所占的内存

        system.gc()  //提醒系统及时回收

}

 listview简单优化：

1.convertView的使用，主要优化加载布局问题（listivew每次滚动都会调用gitview()方法，所以优化getview是重中之重。）

View view;
if(convertView == null){
view = LayoutInfalter.from(getContext()).inflate(resourceID，null)
}
else{
view = convertView

}

2.内部类ViewHolder的使用（主要优化getView方法中每次回调用findviewByID()方法来获取一次控件的代码）

//getView核心代码

ViewHolder viewHolder;
if(convertView == null){
        viewHolder = new ViewHolder();
        viewHolder.fruitImage = (ImageView) view.findViewByID(R.id.fruit_image);
        view.setTage(viewHolder);//将ViewHolder存储在View中

}else{
        view = convertView;
        viewHolder = ViewHolder view.getTag();//重获取viewHolder
}
viewHolder.fruitImage.setImageResource(fruit.getIMageID);

//内部类
class ViewHolder{
ImageView fruitImage;
}

有没有想过ListView加载成千上万的数据为什么不出OOM错误？

最主要的是因为RecycleBin机制。

• listview的许多view呈现在Ui上，这样的View对我们来说是可见的，可以称为OnScreen的view(也为ActionView)。
• view被上滚移除屏幕，这样的view称为offScreenView（也称为ScrapView）。
• 然后ScrapView会被listview删除，而RecycleView会将这部分保存。
• 而listview底部需要显示的view会从RecycleBin里面取出一个ScrapView。

将其作为convertView参数传递过去，

• 从而达到View复用的目的，这样就不必在Adapter的getView方法中执行LayoutInflater.inflate()方法了（不用加载布局了有木有）。

下面来列举下真正意义上的优化吧：

1.  ViewHolder   Tag 必不可少，这个不多说！
2. 如果自定义Item中有涉及到图片等等的，一定要狠狠的处理图片，图片占的内存是ListView项中最恶心的，处理图片的方法大致有以下几种：
   2.1：不要直接拿个路径就去循环decodeFile();这是找死….用Option保存图片大小、不要加载图片到内存去;
   2.2:  拿到的图片一定要经过边界压缩
   2.3:在ListView中取图片时也不要直接拿个路径去取图片，而是以WeakReference（使用WeakReference代替强引用。比如可以使        用WeakReference<Context> mContextRef）、SoftReference、WeakHashMap等的来存储图片信息，是图片信息不是图片哦！
   2.4:在getView中做图片转换时，产生的中间变量一定及时释放，用以下形式：
3. 尽量避免在BaseAdapter中使用static 来定义全局静态变量，我以为这个没影响 ，这个影响很大，static是Java中的一个关键字，当用它来修饰成员变量时，那么该变量就属于该类，而不是该类的实例。所以用static修饰的变量，它的生命周期是很长的，如果用它来引用一些资源耗费过多的实例（比如Context的情况最多），这时就要尽量避免使用了..
4. 如果为了满足需求下必须使用Context的话：Context尽量使用Application Context，因为Application的Context的生命周期比较长，引用它不会出现内存泄露的问题
5. 尽量避免在ListView适配器中使用线程，因为线程产生内存泄露的主要原因在于线程生命周期的不可控制
6.  记下小马自己的错误：
                之前使用的自定义ListView中适配数据时使用AsyncTask自行开启线程的，这个比用Thread更危险，因为Thread只有在run函数不 结束时才出现这种内存泄露问题，然而AsyncTask内部的实现机制是运用了线程执行池（ThreadPoolExcutor，要想了解这个类的话大家加下我们的Android开发群五号，因为其它群的存储空间快满了，所以只上传到五群里了，看下小马上传的Gallery源码，你会对线程执行池、软、弱、强引用有个更深入的认识）,这个类产生的Thread对象的生命周期是不确定的，是应用程序无法控制的，因此如果AsyncTask作为Activity的内部类，就更容易出现内存泄露的问题。这个问题的解决办法小马当时网上查到了记在txt里了，如下： 
   6.1：将线程的内部类，改为静态内部类。
   6.2：在线程内部采用弱引用保存Context引用
   示例代码如下：

C#

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

publicabstract classWeakAsyncTask<Params,Progress,Result,WeakTarget>extends

        AsyncTask<Params,Progress,Result>{

    protectedWeakReference<WeakTarget>mTarget;  

 

    publicWeakAsyncTask(WeakTargettarget){

        mTarget= newWeakReference<WeakTarget>(target);

    }  

 

    /** {@inheritDoc} */

    @Override

    protectedfinal voidonPreExecute(){

        final WeakTargettarget =mTarget.get();

        if(target!= null){

            this.onPreExecute(target);

        }

    }  

 

    /** {@inheritDoc} */

    @Override

    protectedfinal Result doInBackground(Params...params){

        finalWeakTarget target= mTarget.get();

        if(target!= null){

            returnthis.doInBackground(target,params);

        }else {

            returnnull;

        }

    }  

 

    /** {@inheritDoc} */

    @Override

    protectedfinal voidonPostExecute(Resultresult){

        final WeakTargettarget =mTarget.get();

        if(target!= null){

            this.onPostExecute(target,result);

        }

    }  

 

    protectedvoid onPreExecute(WeakTargettarget){

        // No default action

    }  

 

    protectedabstract ResultdoInBackground(WeakTargettarget,Params...params);  

 

    protectedvoid onPostExecute(WeakTargettarget,Result result){

        // No default action

    }

}

             好啦，ListVIew的优化问题，暂时先理解记录这么多了，如果朋友们有什么更好的优化建议什么的，留言指点下，一定会及时添加到进来的，先谢谢啦，其实在ListView适配器的getView（）方法中可以做很多的优化.