Android ListView性能优化实例讲解

简介:

前言:

  对于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);
    }


这里关于json数据的解析使用的GSON,无啥特别说明之处,把实体类的代码贴出来看下:

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>


  接下来,让我们好好看看Adapter是如何定义的:

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,这是两个非常使用的框架,建议大家也能学习下。

    如果大家还有别的优化方案,建议提出来,共同学习,共同进步。


源码下载地址:http://download.csdn.net/detail/zuiwuyuan/9055795

Gitub下载地址:https://github.com/zuiwuyuan/ListViewOptimized

相关文章
|
1月前
|
算法 数据处理 Android开发
掌握安卓性能优化的秘诀:电池寿命与运行效率的提升
【10月更文挑战第6天】 本文深入探讨了安卓应用开发中的性能优化技巧,重点分析了影响电池寿命和运行效率的关键因素,并提供了针对性的优化策略。通过代码优化、资源管理、后台任务处理等方法,开发者可以显著提升应用的续航能力和流畅度。同时,结合具体案例,展示了如何在实际开发中应用这些技巧,确保应用在各种场景下都能保持高效运行。本文旨在为安卓开发者提供实用的性能优化指导,助力其打造更优质的应用体验。
50 2
|
3月前
|
缓存 监控 Android开发
探索iOS与安卓开发中的性能优化策略
在移动应用开发的竞技场上,iOS和安卓这两大操作系统不断推动着技术的边界。性能优化,作为提升用户体验的关键因素,已成为开发者们关注的焦点。本文将深入探讨两大平台上的性能优化实践,揭示如何通过工具、技术和策略来提升应用的响应速度和流畅度,同时考虑到电池寿命和内存管理等关键指标。
|
4月前
|
存储 Java 编译器
🔍深入Android底层,揭秘JVM与ART的奥秘,性能优化新视角!🔬
【7月更文挑战第28天】在Android开发中,掌握底层机制至关重要。从Dalvik到ART, Android通过采用AOT编译在应用安装时预编译字节码至机器码,显著提升了执行效率。ART还优化了垃圾回收,减少内存占用及停顿。为了优化性能,可减少DEX文件数量、优化代码结构利用内联等技术、合理管理内存避免泄漏,并使用ART提供的调试工具。
119 7
|
16天前
|
Android开发 开发者
Android性能优化——内存管理的艺术
Android性能优化——内存管理的艺术
|
22天前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
30 5
|
21天前
|
缓存 数据库 Android开发
安卓开发中的性能优化技巧
【10月更文挑战第29天】在移动应用的海洋中,性能是船只能否破浪前行的关键。本文将深入探讨安卓开发中的性能优化策略,从代码层面到系统层面,揭示如何让应用运行得更快、更流畅。我们将以实际案例和最佳实践为灯塔,引领开发者避开性能瓶颈的暗礁。
42 3
|
1月前
|
存储 缓存 网络协议
5个Android性能优化相关的深度面试题
本文涵盖五个Android面试题及其解答,包括优化应用启动速度、内存泄漏的检测与解决、UI渲染性能优化、减少内存抖动和内存溢出、优化网络请求性能。每个问题都提供了详细的解答和示例代码。
28 2
|
1月前
|
监控 测试技术 Android开发
掌握安卓性能优化的关键策略
【10月更文挑战第7天】 在移动应用开发领域,性能优化是一项至关重要的任务。本文将探讨安卓应用性能优化的重要性、关键策略以及实际操作建议,帮助开发者提升应用的用户体验和竞争力。通过深入浅出的方式,我们将从背景介绍到具体实践,全面解析安卓性能优化的各个维度。
|
2月前
|
存储 Java 编译器
🔍深入Android底层,揭秘JVM与ART的奥秘,性能优化新视角!🔬
【9月更文挑战第12天】在Android开发领域,深入了解其底层机制对提升应用性能至关重要。本文详述了从早期Dalvik虚拟机到现今Android Runtime(ART)的演变过程,揭示了ART通过预编译技术实现更快启动速度和更高执行效率的奥秘。文中还介绍了ART的编译器与运行时环境,并提出了减少DEX文件数量、优化代码结构及合理管理内存等多种性能优化策略。通过掌握这些知识,开发者可以从全新的角度提升应用性能。
66 11
|
3月前
|
人工智能 缓存 数据库
安卓应用开发中的性能优化技巧AI在医疗诊断中的应用
【8月更文挑战第29天】在安卓开发的广阔天地里,性能优化是提升用户体验、确保应用流畅运行的关键所在。本文将深入浅出地探讨如何通过代码优化、资源管理和异步处理等技术手段,有效提升安卓应用的性能表现。无论你是初学者还是资深开发者,这些实用的技巧都将为你的安卓开发之路增添光彩。