Android中的延迟加载系列5 （综合案例 含完整代码及工程下载）

本文给出Android延迟加载综合案例，描述ListView和ImageView的分页延迟加载，已经若干有用的封装技术，来结束本系列文章。

本文将在ListView延迟加载示例工程的基础上进行修改，加入图片延迟加载的功能。

在行布局中加入图片，

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout android:id="@+android:id/iconpref"
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_margin="30dip"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:gravity="center_vertical" android:paddingRight="?android:attr/scrollbarSize">

<ImageView style="@style/imageView_Small"
android:id="@+id/icon" android:layout_alignParentLeft="true"
android:layout_centerVertical="true"></ImageView>

<TextView android:id="@+id/title" android:layout_marginLeft="10dip"
android:textAppearance="?android:attr/textAppearanceSmall"
android:layout_height="wrap_content" android:layout_width="wrap_content"
android:textStyle="bold"
android:layout_toRightOf="@+id/icon"/>

<TextView android:id="@+id/description"
android:textAppearance="?android:attr/textAppearanceSmall"
android:layout_marginLeft="10dip" android:maxLines="2"
android:layout_height="wrap_content" android:layout_width="wrap_content"
android:layout_below="@+id/title" android:text=""
android:layout_toRightOf="@+id/icon"></TextView>

</RelativeLayout>

Row.java继承LazyImage

package com.whyonly.bean;

import com.whyonly.core.bean.LazyImage;

public class Row extends LazyImage{

private String title;
private String description;

public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getDescription() {
return description;
}
public void setDescription(String description) {
this.description = description;
}

}

在UIData.java中，加入网络图片，此方法只加入本人csdn的头像以及来自google的一张图片。具体的工程应用请大家自行修改成行图片相关的代码。

public static List<Row> getListRows(int startIndex, int endIndex) {
List<Row> rows = new ArrayList<Row>();
for(int i=startIndex;i<=endIndex;i++){
Row row = new Row();
row.setImage_url(i%2==0 ? "http://google-maps-icons.googlecode.com/files/airport.png"
: "http://avatar.csdn.net/7/8/2/3_whyonly.jpg");
row.setTimestamp(0);
row.setTitle("Title "+i);
row.setDescription("Title description "+i);
rows.add(row);
}
return rows;
}

在LazyLoadingActivity.java中，引入图片延迟加载类ImageLoader。R.drawable.nohead是空头像，是显示下载图片之前的默认图片。如果调用new ImageLoader(this,0); 则表示不显示默认图片。

private ImageLoader imageLoader = new ImageLoader(this,R.drawable.nohead);

再在updateItem()方法中，从row.xml获取ImageView对象，并通过imageLoader.displayImage(bean, imageView);进行赋值。

private void updateItem(final View vi,final Row bean){
if (bean != null) {
TextView title = (TextView) vi.findViewById(R.id.title);
TextView description = (TextView) vi.findViewById(R.id.description);
ImageView imageView = (ImageView) vi.findViewById(R.id.icon);
imageLoader.displayImage(bean, imageView);
title.setText(bean.getTitle());
description.setText(bean.getDescription());

}
}

最后，在Activity销毁的时候，记得释放加载器和停止加载线程。

@Override
public void onDestroy()
{
imageLoader.stopThread();
imageLoader.clearMemoryCache();
super.onDestroy();
}
}

至此，图片的延迟加载已经结束。由此可以看出，只需要两个步骤，即定义加载器（ImageLoader）和显示图片（imageLoader.displayImage(bean, imageView)）就可以达到延迟加载的目的，而如果不对其进行封装，过程将非常复杂。

完整代码 下载

工程运行示例图