前言:
对于ListView,大家绝对都不会陌生,只要是做过Android开发的人,哪有不用ListView的呢?
只要是用过ListView的人,哪有不关心对它性能优化的呢?
关于如何对ListView进行性能优化,不仅是面试中常常会被问到的(我前段时间面试了几家公司,全部都问到了这个问题了),而且在实际项目中更是非常重要的一环,它甚至在某种程度上决定了用户是否喜欢接受你的APP。(如果你的列表滑起来很卡,我敢说很多人会直接卸载)
网上关于如何对ListView进行性能优化,提出了很多方案。但是我搜过很多资料,却感觉很多文章都写得比较模糊,没有代码说明,让我感到很累。要知道能给程序员最直接感官刺激的,当然是代码啦!!!
一、Listview 性能优化方案
1).复用convertView
在getItemView中,判断convertView是否为空,如果不为空,可复用。如果couvertview中的view需要添加listerner,代码一定要在if(convertView==null){}之外。
2).异步加载图片
item中如果包含有webimage,那么最好异步加载
3).快速滑动时不显示图片
当快速滑动列表时(SCROLL_STATE_FLING),item中的图片或获取需要消耗资源的view,可以不显示出来;而处于其他两种状态(SCROLL_STATE_IDLE 和SCROLL_STATE_TOUCH_SCROLL),则将那些view显示出来
二、实战讲解如何优化ListView
2.1 我们先定义一个ListView
<ListView android:id="@+id/listview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:divider="#7A7A7A" android:dividerHeight="10dp" />
2.2 然后我们去写一个网络请求,获取网络的json字符串。
这里,我们用到xutils框架的httputil,通过它,可以很方便的进行网络请求。 至于请求的url,我们使用慕课网提供的视频数据列表接口“http://www.imooc.com/api/teacher?type=4&num=30”。先让我们看下我写的一个HTTP请求的工具类:
import android.content.Context; import com.lidroid.xutils.HttpUtils; import com.lidroid.xutils.exception.HttpException; import com.lidroid.xutils.http.RequestParams; import com.lidroid.xutils.http.ResponseInfo; import com.lidroid.xutils.http.callback.RequestCallBack; import com.lidroid.xutils.http.client.HttpRequest.HttpMethod; import com.lidroid.xutils.util.LogUtils; /** * 网络请求工具类 * * @author lining */ public class HttpUtil { /** * 请求的根URL地址 */ public static final String BASE_URL = "http://www.imooc.com/api/teacher?type=4&num=50"; public static void sendRequest(final Context context, final HttpMethod method, RequestParams params, final IOAuthCallBack iOAuthCallBack) { HttpUtils http = new HttpUtils(); http.configCurrentHttpCacheExpiry(1000 * 5); // 设置超时时间 http.configTimeout(5 * 1000); http.configSoTimeout(5 * 1000); if (method == HttpMethod.GET) { http.configCurrentHttpCacheExpiry(5000); // 设置缓存5秒,5秒内直接返回上次成功请求的结果。 } http.send(method, BASE_URL, params, new RequestCallBack<String>() { @Override public void onStart() { LogUtils.d(method.name() + " request is onStart......."); } @Override public void onSuccess(ResponseInfo<String> responseInfo) { LogUtils.d("statusCode:" + responseInfo.statusCode + " ----->" + responseInfo.result); iOAuthCallBack.getIOAuthCallBack(responseInfo.result);// 利用接口回调数据传输 } @Override public void onFailure(HttpException error, String msg) { LogUtils.d("statusCode:" + error.getExceptionCode() + " -----> " + msg); iOAuthCallBack.getIOAuthCallBack("FF");// 利用接口回调数据传输 } }); } }工具类其实并没有啥特别之处,无非就是利用Xutils框架的HttpUtil发送网络请求,获取数据。 方法参数里,我们加入了一个IOAuthCallBack回调接口,该接口主要用户在Activity和工具类之间回调请求结果数据。
/** * 数据请求回调接口 */ public interface IOAuthCallBack { // 成功 public void getIOAuthCallBack(String result); }
下面,我们Activity发送一个网络请求,获取json数据,并回调处理:
private void qryDataFromServer() { HttpUtil.sendRequest(this, HttpRequest.HttpMethod.GET, null, this); } @Override public void getIOAuthCallBack(String result) { RspData rspData = GsonUtil.getGson().fromJson(result, RspData.class); // 更新UI列表 KechengAdapter mAdapter = new KechengAdapter(this, rspData.data); listview.setAdapter(mAdapter); }
public class RspData { public String status; public List<KeCheng> data; public String msg; }
public class KeCheng { public String id; public String name; public String picSmall; public String picBig; public String description; public String learner; }
2.3 有了集合数据之后,去定义BaseAdapter
在此之前,我们先看下list item的布局文件:list_item_kecheng.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="match_parent" android:orientation="vertical"> <ImageView android:id="@+id/picBig" android:layout_width="fill_parent" android:layout_height="180dp" android:scaleType="fitXY" android:src="@mipmap/ic_launcher" /> <TextView android:id="@+id/name" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="CSS动画实用技巧" android:singleLine="true" android:padding="10dp" android:textSize="15sp" /> <TextView android:id="@+id/description" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="教你使用CSS实现惊艳的动画效果!" android:textSize="12sp" android:lines="2" android:padding="10dp" /> </LinearLayout>
import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; import java.util.List; public class KechengAdapter extends BaseAdapter { private Context mContext; private LayoutInflater mInflater; private List<KeCheng> mDatas; public KechengAdapter(Context context, List<KeCheng> datas) { mContext = context; mInflater = LayoutInflater.from(mContext); mDatas = datas; } @Override public int getCount() { return (mDatas != null ? mDatas.size() : 0); } @Override public Object getItem(int position) { return (mDatas != null ? mDatas.get(position) : null); } @Override public long getItemId(int position) { return position; } @Override public View getView(final int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView == null) { convertView = mInflater.inflate(R.layout.list_item_kecheng, null); holder = new ViewHolder(); holder.picBig = (ImageView) convertView.findViewById(R.id.picBig); holder.name = (TextView) convertView.findViewById(R.id.name); holder.description = (TextView) convertView.findViewById(R.id.description); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } final KeCheng keCheng = mDatas.get(position); if (keCheng != null) { ImageLoaderUtil.getInstance().displayListItemImage(keCheng.picBig, holder.picBig); holder.name.setText(keCheng.name); holder.description.setText(keCheng.description); } return convertView; } static class ViewHolder { ImageView picBig; TextView name; TextView description; } }
ListView性能优化的重点就是如何去处理BaseAdapter,且看上面的代码,我们在getView中,判断convertView是否为空,如果不为空,可复用。如何复用的呢?
我们通过convertview的setTag方法和getTag方法来将我们要显示的数据来绑定在convertview上。如果convertview 是第一次展示我们就创建新的Holder对象与之绑定,并在最后通过return convertview 返回,去显示;如果convertview 是回收来的那么我们就不必创建新的holder对象,只需要把原来的绑定的holder取出加上新的数据就行了。
如果couvertview中的view需要添加listerner,代码一定要在if(convertView==null){}之外。
看代码够仔细的人能够发现有这么一行代码,ImageLoaderUtil.getInstance().displayListItemImage(keCheng.picBig, holder.picBig); 这是使用的图片异步加载框架Universal-Image-Loader来完成对网络图片的异步加载、缓存,(强烈推荐使用)使用这个开源框架后,我们就无需再为如何加载缓存网络图片烦恼啦!
快随我一起看看如何配置这个框架吧:
import android.content.Context; import android.graphics.Bitmap; import android.widget.ImageView; import com.nostra13.universalimageloader.cache.disc.impl.UnlimitedDiscCache; import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator; import com.nostra13.universalimageloader.cache.memory.impl.UsingFreqLimitedMemoryCache; import com.nostra13.universalimageloader.core.DisplayImageOptions; import com.nostra13.universalimageloader.core.ImageLoader; import com.nostra13.universalimageloader.core.ImageLoaderConfiguration; import com.nostra13.universalimageloader.core.assist.QueueProcessingType; import java.io.File; /** * 配置全局的 Android-Universal-Image-Loader */ public class ImageLoaderUtil { private static ImageLoaderUtil instance = null; private ImageLoader mImageLoader; // 列表中默认的图片 private DisplayImageOptions mListItemOptions; // 头像图片 private DisplayImageOptions mUserHeadOptions; private ImageLoaderUtil(Context context) { mImageLoader = ImageLoader.getInstance(); mListItemOptions = new DisplayImageOptions.Builder() // 设置图片Uri为空或是错误的时候显示的图片 .showImageForEmptyUri(R.mipmap.load_default_img) .showStubImage(R.mipmap.load_default_img) // 设置图片加载/解码过程中错误时候显示的图片 .showImageOnFail(R.mipmap.load_default_img) // 加载图片时会在内存、磁盘中加载缓存 .cacheInMemory() .cacheOnDisc() .bitmapConfig(Bitmap.Config.RGB_565) .delayBeforeLoading(300) .build(); } public static ImageLoaderUtil getInstance() { return instance; } public synchronized static ImageLoaderUtil init(Context context) { if (instance == null) { instance = new ImageLoaderUtil(context); } File cacheDir = context.getExternalFilesDir("news/pictures"); ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context).threadPriority( Thread.NORM_PRIORITY - 2).denyCacheImageMultipleSizesInMemory() // .imageDownloader(imageDownloader).imageDecoder(imageDecoder) .discCacheFileNameGenerator(new Md5FileNameGenerator()).tasksProcessingOrder(QueueProcessingType.LIFO).memoryCacheExtraOptions( 360, 360).memoryCache(new UsingFreqLimitedMemoryCache(4 * 1024 * 1024)).discCache( new UnlimitedDiscCache(cacheDir)).build(); // Initialize ImageLoader with configuration. ImageLoader.getInstance().init(config); return instance; } /** * 列表图片 * * @param uri * @param imageView */ public void displayListItemImage(String uri, ImageView imageView) { String strUri = (isEmpty(uri) ? "" : uri); mImageLoader.displayImage(strUri, imageView, mListItemOptions); } public ImageLoader getImageLoader() { return mImageLoader; } private boolean isEmpty(String str) { if (str != null && str.trim().length() > 0 && !str.equalsIgnoreCase("null")) { return false; } return true; } }
这是我写好的一个Universal-Image-Loader的工具类,以后可以直接使用它进行图片的下载缓存处理了。 当然在使用前,还需要进行初始化它,我们推荐在Application中对其进行初始化操作:
public class MyApp extends Application { public static Context context; @Override public void onCreate() { super.onCreate(); context = this; ImageLoaderUtil.init(context); } }
2.4 处理快速滑动时暂停加载图片
我们知道,当快速滑动列表时(SCROLL_STATE_FLING),item中的图片获取需要消耗资源的View,可以不显示出来(因为滑动的过快,我们也不需要看图片啊);而处于其他两种状态(SCROLL_STATE_IDLE 和SCROLL_STATE_TOUCH_SCROLL),则将那些view显示出来。
那如何实现呢? 这里我还是推荐使用Universal-Image-Loader已经为大家封装好了的方法,(当然,别的框架,如Xutils也封装了相关的方法)。Universal-Image-Loader框架的com.nostra13.universalimageloader.core.assist.PauseOnScrollListener监听器已经封装了对滚动时图片处理的监听,我们只需要在为ListView组件设置滚动监听的时候,把PauseOnScrollListener的实例传入即可。这里,有必要让大家先看下PauseOnScrollListener的源码:
public class PauseOnScrollListener implements OnScrollListener { private ImageLoader imageLoader; private final boolean pauseOnScroll; private final boolean pauseOnFling; private final OnScrollListener externalListener; public PauseOnScrollListener(ImageLoader imageLoader, boolean pauseOnScroll, boolean pauseOnFling) { this(imageLoader, pauseOnScroll, pauseOnFling, (OnScrollListener)null); } public PauseOnScrollListener(ImageLoader imageLoader, boolean pauseOnScroll, boolean pauseOnFling, OnScrollListener customListener) { this.imageLoader = imageLoader; this.pauseOnScroll = pauseOnScroll; this.pauseOnFling = pauseOnFling; this.externalListener = customListener; } public void onScrollStateChanged(AbsListView view, int scrollState) { switch(scrollState) { case 0: this.imageLoader.resume(); break; case 1: if(this.pauseOnScroll) { this.imageLoader.pause(); } break; case 2: if(this.pauseOnFling) { this.imageLoader.pause(); } } if(this.externalListener != null) { this.externalListener.onScrollStateChanged(view, scrollState); } } public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { if(this.externalListener != null) { this.externalListener.onScroll(view, firstVisibleItem, visibleItemCount, totalItemCount); } } }大家可以看到, PauseOnScrollListener实现了OnScrollListener接口,这也就是刚刚为啥说可以把PauseOnScrollListener的实例设置到ListView监听器的原因。PauseOnScrollListener有两个重要的构造方法,其中参数pauseOnScroll控制我们缓慢滑动ListView,GridView是否停止加载图片,pauseOnFling 控制猛的滑动ListView,GridView是否停止加载图片。而另一个参数OnScrollListener customListener则可以用于留给开发者继续回到处理相应的滑动监听事件,比如列表是否滑动到了最后等等。
知道了如何利用PauseOnScrollListener,那我们在Activity之中只需要设置一句简单的监听代码即可:
listview.setOnScrollListener(new PauseOnScrollListener(ImageLoaderUtil.getInstance().getImageLoader(), false, true));
如何你的项目需要下来刷新或者是滑动加载等功能,你又必须提供滑动事件的回调参数:
listview.setOnScrollListener(new PauseOnScrollListener(ImageLoaderUtil.getInstance().getImageLoader(), false, true, onScrollListener));
private AbsListView.OnScrollListener onScrollListener = new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView view, int scrollState) { switch (scrollState) { case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL: // 触摸后滚动 break; case AbsListView.OnScrollListener.SCROLL_STATE_FLING: // 滚动状态 break; case AbsListView.OnScrollListener.SCROLL_STATE_IDLE: // 空闲状态 if (view.getLastVisiblePosition() == view.getCount() - 1) { System.out.println("************滚动到了最后一个***************"); } break; } } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { } };
好啦,这样做出的ListView已经很完美了,让我们欣赏下它的效果吧:
结束语:
本文主要通过三个方面:1、复用convertView;2、异步加载图片; 3、ListView快速滑动时不显示图片介绍了如何对ListView进行性能优化,这是最常见也是最重要的三个方面,建议大家务必将其使用在自己项目的开发中,以提高列表的易用性!
当然,文章还提到了两个第三方框架的使用:Xutils和Universal-Image-Loader,这是两个非常使用的框架,建议大家也能学习下。
如果大家还有别的优化方案,建议提出来,共同学习,共同进步。