最强ListView优化方案

在android开发中Listview是一个很重要的组件,它以列表的形式根据数据的长自适应展示具体内容,用户可以自由的定义listview每一列的布局,但当listview有大量的数据需要加载的时候,会占据大量内存,影响性能。


本文的重点即是从如下几个方面介绍如何对ListView进行优化。


1、convertView重用


Android SDK中这样讲:

the old view to reuse, if possible. Note: You should check that this view is non-null and of an appropriate type before using. If it is not possible to convert this view to display the correct data, this method can create a new view

利用好 convertView 来重用 View,切忌每次 getView() 都新建。ListView 的核心原理就是重用 View,如果重用 view 不改变宽高,重用View可以减少重新分配缓存造成的内存频繁分配/回收;

[html]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:orientation="vertical" >  
  6.     <ListView  
  7.         android:id="@+id/listview"  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="fill_parent"  
  10.         android:cacheColorHint="#00000000" >  
  11. </ListView>  
  12. </LinearLayout>  
ListView的android:layout_height属性值设置为"fill_parent"或者''wrap_content"情况不一样,但是convertView的机制一样

如果设置为fill_parent:屏幕上显示出的Item的convertview都为空,向下滑动新产生的Item的convetview都不为空

如果设置为wrap_content:只有第一个Item的convertview为null,其他的不为空

总结:

在初始显示的时候,每次显示一个item都调用一次getview方法但是每次调用的时候covertview为空(因为还没有旧的view),当显示完了之后。如果屏幕移动了之后,并且导致有些Item(也可以说是view)跑到屏幕外面,此时如果还有新的item需要产生,则这些item显示时调用的getview方法中的convertview参数就不是null,而是那些移出屏幕的view(旧view),我们所要做的就是将需要显示的item填充到这些回收的view(旧view)中去,最后注意convertview为null的不仅仅是初始显示的那些item,还有一些是已经开始移入屏幕但是还没有view被回收的那些item。

2、ViewHolder优化


使用ViewHolder的原因是findViewById方法耗时较大,如果控件个数过多,会严重影响性能,而使用ViewHolder主要是为了可以省去这个时间。通过setTag,getTag直接获取View
总结:

view的setTag和getTag方法其实很简单,在实际编写代码的时候一个view不仅仅是为了显示一些字符串、图片,有时我们还需要他们携带一些其他的数据以便我们对该view的识别或者其他操作。于是Android 的设计者们就创造了setTag(Object)方法来存放一些数据和view绑定,我们可以理解为这个是view 的标签也可以理解为view 作为一个容器存放了一些数据。而这些数据我们也可以通过getTag() 方法来取出来。

到这里setTag和getTag大家应该已经明白了。再回到上面的话题,我们通过convertview的setTag方法和getTag方法来将我们要显示的数据来绑定在convertview上。如果convertview 是第一次展示我们就创建新的Holder对象与之绑定,并在最后通过return convertview 返回,去显示;如果convertview 是回收来的那么我们就不必创建新的holder对象,只需要把原来的绑定的holder取出加上新的数据就行了

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. class  ViewHolder{  
  2.     ImageView img;  
  3.     TextView name;  
  4. }  
  5.   
  6. public View getView(int position, View convertView, ViewGroup parent) {  
  7.     ViewHolder holder = null;  
  8.     if(convertView==null){  
  9.         convertView = inflater.inflate(R.layout.list_item, parent, false);  
  10.         holder.img = (ImageView) convertView.findViewById(R.id.img);  
  11.         holder.name = (TextView) convertView.findViewById(R.id.name);  
  12.         holder = new ViewHolder();  
  13.         convertView.setTag(holder);  
  14.     }else{  
  15.         holder = (ViewHolder) convertView.getTag();  
  16.     }  
  17.     //设置holder  
  18.     holder.img.setImageResource(R.drawable.ic_launcher);  
  19.     holder.name.setText(list.get(position).partname);  
  20.     return convertView;  
  21. }  

3、图片加载优化


如果ListView需要加载显示网络图片,我们尽量不要在ListView滑动的时候加载图片,那样会使ListView变得卡顿,所以我们需要在监听器里面监听ListView的状态,如果ListView滑动(SCROLL_STATE_TOUCH_SCROLL)或者被猛滑(SCROLL_STATE_FLING)的时候,停止加载图片,如果没有滑动(SCROLL_STATE_IDLE),则开始加载图片。

假如我们要自己实现应该怎么做那,这里提供个思路
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. /**  
  2.     * list滚动监听  
  3.     */    
  4.    listView.setOnScrollListener(new OnScrollListener() {    
  5.        @Override    
  6.        public void onScrollStateChanged(AbsListView view, int scrollState) {    
  7.              
  8.            if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {//list停止滚动时加载图片    
  9.                loadImage(startPos, endPos);// 异步加载图片   ,只加载可以看到的图片    
  10.            }    
  11.        }    
  12.        @Override    
  13.        public void onScroll(AbsListView view, int firstVisibleItem,    
  14.                int visibleItemCount, int totalItemCount) {    
  15.            //设置当前屏幕显示的起始pos和结束pos   
  16.         startPos = firstVisibleItem;    
  17.         endPos = firstVisibleItem + visibleItemCount;    
  18.            if (endPos >= totalItemCount) {    
  19.             endPos = totalItemCount - 1;    
  20.            }    
  21.        }    
  22.    });  

其实在Universal-Image-loader框架中就存在这个功能,而且做的很好,完全可以直接拿来使用,代码中我们通常这样设置:
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. listView = (ListView) rootView.findViewById(R.id.fragment_user_info_lisiview);  
  2. listView.setOnScrollListener(DisplayImageOptionsUtil.getPauseOnScrollListener(this));  
  3. listView.setOnItemClickListener(this);  
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public static PauseOnScrollListener getPauseOnScrollListener(OnScrollListener scrollListener) {  
  2.        PauseOnScrollListener listener = new PauseOnScrollListener(ImageLoader.getInstance(),  
  3.                falsetrue, scrollListener);  
  4.        return listener;  
  5.    }  
PauseOnScrollListener的第一个参数指的是图片加载对象ImageLoader,第二个参数为pauseOnScroll来控制是否在滑动的过程中暂停加载图片,如果需要暂停则传true,第三个参数控制猛的滑动界面的时候图片是否加载。
打开PauseOnScrollListener的源码,我们可以看到, 在listview滑动或者被猛一下滑动的时候,调用了imageLoader.pause()方法
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. /** 
  2.      * Constructor 
  3.      * 
  4.      * @param imageLoader    {@linkplain ImageLoader} instance for controlling 
  5.      * @param pauseOnScroll  Whether {@linkplain ImageLoader#pause() pause ImageLoader} during touch scrolling 
  6.      * @param pauseOnFling   Whether {@linkplain ImageLoader#pause() pause ImageLoader} during fling 
  7.      * @param customListener Your custom {@link OnScrollListener} for {@linkplain AbsListView list view} which also 
  8.      *                       will be get scroll events 
  9.      */  
  10.     public PauseOnScrollListener(ImageLoader imageLoader, boolean pauseOnScroll, boolean pauseOnFling,  
  11.             OnScrollListener customListener) {  
  12.         this.imageLoader = imageLoader;  
  13.         this.pauseOnScroll = pauseOnScroll;  
  14.         this.pauseOnFling = pauseOnFling;  
  15.         externalListener = customListener;  
  16.     }  
  17.   
  18.     @Override  
  19.     public void onScrollStateChanged(AbsListView view, int scrollState) {  
  20.         switch (scrollState) {  
  21.             case OnScrollListener.SCROLL_STATE_IDLE:  
  22.                 imageLoader.resume();  
  23.                 break;  
  24.             case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:  
  25.                 if (pauseOnScroll) {  
  26.                     imageLoader.pause();  
  27.                 }  
  28.                 break;  
  29.             case OnScrollListener.SCROLL_STATE_FLING:  
  30.                 if (pauseOnFling) {  
  31.                     imageLoader.pause();  
  32.                 }  
  33.                 break;  
  34.         }  
  35.         if (externalListener != null) {  
  36.             externalListener.onScrollStateChanged(view, scrollState);  
  37.         }  
  38.     }  

4、onClickListener处理

当ListView的item中有比如button这些子view时,需要对其设置onclickListener,通常的写法是在getView方法中一个个设置,比如
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. holder.img.setonClickListener(new onClickListenr)...  
但是这种写法每次调用getView时都设置了一个新的onClick事件,效率很低。高效的写法可以直接在ViewHolder中设置一个position,然后viewHolder implements OnClickListenr:
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. class  ViewHolder implements OnClickListener{  
  2.     int position;  
  3.     TextView name;  
  4.   
  5.     public void setPosition(int position){  
  6.         this.position = position;  
  7.     }  
  8.   
  9.     @Override  
  10.     public void onClick(View v) {  
  11.         switch (v.getId()){  
  12.             //XXXX  
  13.         }  
  14.     }  
  15. }  
  16.   
  17. public View getView(int position, View convertView, ViewGroup parent) {  
  18.     ViewHolder holder = null;  
  19.     if(convertView==null){  
  20.         convertView = inflater.inflate(R.layout.list_item, parent, false);  
  21.         holder = new ViewHolder();  
  22.         holder.name = (TextView) convertView.findViewById(R.id.name);  
  23.         holder.name.setOnClickListener(this);  
  24.         convertView.setTag(holder);  
  25.     }else{  
  26.         holder = (ViewHolder) convertView.getTag();  
  27.     }  
  28.     //设置holder  
  29.     holder.name.setText(list.get(position).partname);  
  30.     //设置position  
  31.     holder.setPosition(position);  
  32.     return convertView;  
  33. }  

补充: ListView的listitem里面含有Button  CheckBox之类的子控件的时候,子控件会把Focus抢去,最简单有效的解决方法是在ListView的item布局文件根元素中设置属性  android:descendantFocusability="blocksDescendants"

5、减少Item View的布局层级

这是所有layout都必须遵循的,布局层级过深会直接导致View的测量与绘制浪费大量的时间

6、adapter中的getView方法尽量少使用逻辑

不要在getView方法中做过于复杂的逻辑,可以想办法抽离到别的地方,举个例子
优化前的getView():
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. @Override  
  2. public View getView(int position, View convertView, ViewGroup paramViewGroup) {  
  3.         Object current_event = mObjects.get(position);  
  4.         ViewHolder holder = null;  
  5.         if (convertView == null) {  
  6.                 holder = new ViewHolder();  
  7.                 convertView = inflater.inflate(R.layout.row_event, null);  
  8.                 holder.ThreeDimension = (ImageView) convertView.findViewById(R.id.ThreeDim);  
  9.                 holder.EventPoster = (ImageView) convertView.findViewById(R.id.EventPoster);  
  10.                 convertView.setTag(holder);  
  11.   
  12.         } else {  
  13.                 holder = (ViewHolder) convertView.getTag();  
  14.         }  
  15.   
  16.        //在这里进行逻辑判断,这是有问题的   
  17.         if (doesSomeComplexChecking()) {  
  18.                 holder.ThreeDimention.setVisibility(View.VISIBLE);  
  19.         } else {  
  20.                 holder.ThreeDimention.setVisibility(View.GONE);   
  21.         }  
  22.   
  23.         // 这是设置image的参数,每次getView方法执行时都会执行这段代码,这显然是有问题的  
  24.         RelativeLayout.LayoutParams imageParams = new RelativeLayout.LayoutParams(measuredwidth, rowHeight);  
  25.         holder.EventPoster.setLayoutParams(imageParams);  
  26.   
  27.         return convertView;  
  28. }  
优化后的getView():
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. @Override  
  2. public View getView(int position, View convertView, ViewGroup paramViewGroup) {  
  3.     Object object = mObjects.get(position);  
  4.     ViewHolder holder = null;  
  5.   
  6.     if (convertView == null) {  
  7.             holder = new ViewHolder();  
  8.             convertView = inflater.inflate(R.layout.row_event, null);  
  9.             holder.ThreeDimension = (ImageView) convertView.findViewById(R.id.ThreeDim);  
  10.             holder.EventPoster = (ImageView) convertView.findViewById(R.id.EventPoster);  
  11.             //设置参数提到这里,只有第一次的时候会执行,之后会复用   
  12.             RelativeLayout.LayoutParams imageParams = new RelativeLayout.LayoutParams(measuredwidth, rowHeight);  
  13.             holder.EventPoster.setLayoutParams(imageParams);  
  14.             convertView.setTag(holder);  
  15.     } else {  
  16.             holder = (ViewHolder) convertView.getTag();  
  17.     }  
  18.   
  19.     // 我们直接通过对象的getter方法代替刚才那些逻辑判断,那些逻辑判断放到别的地方去执行了  
  20.     holder.ThreeDimension.setVisibility(object.getVisibility());  
  21.   
  22.     return convertView;  
  23. }  

7、adapter中的getView方法尽量少做耗时操作

8、adapter中的getView方法避免创建大量对象

9、将ListView的scrollingCache和animateCache设置为false

这两个属性,默认情况下是开启的,会消耗大量的内存,因此会频繁调用GC,我们可以手动将它关闭掉(视情况而定)

其它


1、利用好 View Type,例如你的 ListView 中有几个类型的 Item,需要给每个类型创建不同的 View,这样有利于 ListView 的回收,当然类型不能太多
2、善用自定义 View,自定义 View 可以有效的减小 Layout 的层级,而且对绘制过程可以很好的控制;
3、尽量能保证 Adapter 的 hasStableIds() 返回 true,这样在 notifyDataSetChanged() 的时候,如果 id 不变,ListView 将不会重新绘制这个 View,达到优化的目的;
4、每个Item 不能太高,特别是不要超过屏幕的高度,可以参考 Facebook 的优化方法,把特别复杂的 Item 分解成若干小的 Item
5、ListView 中元素避免半透明
6、尽量开启硬件加速
7、使用 RecycleView 代替。 ListView 每次更新数据都要 notifyDataSetChanged(),有些太暴力了。RecycleView 在性能和可定制性上都有很大的改善,推荐使用。


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值