实例讲解Android中如何实现图片的异步加载功能

原文

Android开发当中，经常会碰到图片的异步加载问题（也叫延时加载，英文叫 Lazyload）。图片的读取工作是个比较耗时的工作，如果还是从互联网读取图片资源就更加耗时。如果在主线程里处理的时间过长，就会引发著名的应用程序无响应的系统提示（ANR：Application Not Responding）。

本文通过一个名为Demo4FileManager的项目实例来讲解如何实现图片的异步加载功能。该应用的主要功能是列出SD卡下的所有目录和图片文件，用户也可以在此之上修改为读取网络图片的功能。异步加载的实现是通过AsyncTask类来实现的，首先通过一个叫FileLoadTask的类来加载当前目录下的目录或图片文件，在加载完目录或文件数据后，再去执行一个名为ImageLoadTask的类把当前目录下的图片资源解码并通知UI更新这些图片。下面我们一步一步来看看是怎么实现的。

1. 新建一个名为 FileItem.java 的类，封装了基本的目录、文件信息，并且实现Comparable接口，用于目录文件的排序。

public class FileItem implements Comparable<FileItem>{ private String name; private String path; private int fileType; // 0：文件，1：目录，2：上级目录 private Bitmap image; // 下面是get和set方法 ....... // 和其他文件比较 public int compareTo(FileItem another) { return this.name.compareTo(another.getName()); } }

2. 新建一个名为 FileListActivity.java 的类。在该类里实现一个名为listFile的方法，功能就是列出指定目录下的文件。我们可以看到在检查SD卡的状态为插入后，就启动一个文件加载任务。

private void listFile(String path){ Log.i(TAG, "listFile()"); Log.d(TAG, "path:" + path); // SD卡状态 String status = Environment.getExternalStorageState(); Log.d(TAG, "status of sdcard:" + status); if (status.equals(Environment.MEDIA_MOUNTED)) {//mounted task = new FileLoadTask(this, adapter); task.execute(path); } }

在onCreate方法里，加入listFile那个方法，缺省路径为 /sdcard。FileListAdapter为adapter类，这里就不详细介绍了，在附件里有。

private FileLoadTask task; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.file_list); adapter = new FileListAdapter(this); fileList = (ListView) findViewById(R.id.fileList); fileList.setOnItemClickListener(this); // 点击item事件 fileList.setAdapter(adapter); listFile(FileItem.ROOT_PATH); }

3. 新建一个名为 FileLoadTask.java 的类，用来异步加载指定目录下的文件或图片。

public class FileLoadTask extends AsyncTask<String, FileItem, Void>{ private static final String TAG = FileLoadTask.class.getSimpleName(); private final static FolderFilter folderFilter = new FolderFilter(); private final static ImageFilter imageFilter = new ImageFilter(); private Context context; private FileListAdapter adapter; private Bitmap folderIcon; private Bitmap fileIcon; private ImageLoadTask task; // 初始化 public FileLoadTask(Context context, FileListAdapter adapter){ Log.i(TAG, "FileLoadTask()"); this.context = context; this.adapter = adapter; folderIcon = BitmapFactory.decodeResource(context.getResources(), R.drawable.folder); fileIcon = BitmapFactory.decodeResource(context.getResources(), R.drawable.file); } @Override protected void onPreExecute() { Log.i(TAG, "onPreExecute()"); // 在执行任务前，先把adapter里的数据清空 adapter.clear(); } @Override protected Void doInBackground(String... path) { Log.i(TAG, "doInBackground()"); File parent = new File(path[0]); if (parent.isDirectory()) { //设置返回按钮 if(!path[0].equals(FileItem.ROOT_PATH)){ FileItem root = new FileItem(); root.setName(FileItem.ROOT_NAME); root.setFileType(FileItem.FILE_ROOT); publishProgress(root); } // 获取当前目录下的子目录 File[] files = parent.listFiles(folderFilter); Arrays.sort(files); for (int i = 0; i < files.length; i++) { if(isCancelled()) return null; File file = files[i]; FileItem bean = new FileItem(); bean.setName(file.getName()); bean.setPath(file.getAbsolutePath()); bean.setFileType(FileItem.FILE_DIR); publishProgress(bean); //处理好一个目录，通知任务去更新UI } // 获取当前目录下的图片文件 files = parent.listFiles(imageFilter); Arrays.sort(files); for (int i = 0; i < files.length; i++) { if(isCancelled()) return null; File file = files[i]; FileItem bean = new FileItem(); bean.setName(file.getName()); bean.setPath(file.getAbsolutePath()); bean.setFileType(FileItem.FILE_IMAGE); publishProgress(bean); //处理好一个文件，通知任务去更新UI } } return null; } @Override public void onProgressUpdate(FileItem... files) { Log.i(TAG, "onProgressUpdate()"); if(isCancelled()) return; // 收到要处理的类，根据目录或文件先设置缺省的图片 FileItem bean = files[0]; if(bean.getFileType() == FileItem.FILE_IMAGE){ bean.setImage(fileIcon); }else{ bean.setImage(folderIcon); } // 更新数据，列表会显示对应数据 adapter.add(bean); adapter.notifyDataSetChanged(); } @Override protected void onPostExecute(Void result) { Log.i(TAG, "onPostExecute()"); //启动图片加载任务 if (task != null && task.getStatus() == AsyncTask.Status.RUNNING) { task.cancel(true); } task = new ImageLoadTask(context, adapter); task.execute(); } }

4. 新建一个名为 ImageLoadTask.java 的类，用来加载图片资源。

public class ImageLoadTask extends AsyncTask<Void, Void, Void>{

private static final String TAG = ImageLoadTask.class.getSimpleName();

private static int thumbnailWidth = 70;

private static int thumbnailHeight = 100;

private FileListAdapter adapter;

// 初始化

public ImageLoadTask(Context context, FileListAdapter adapter){

Log.i(TAG, "ImageLoadTask()");

this.adapter = adapter;

}

@Override

protected Void doInBackground(Void... voids) {

Log.i(TAG, "doInBackground()");

BitmapFactory.Options ptions = new BitmapFactory.Options();

options.inSampleSize = 16;

// 要处理的文件

for(int i=0; i<adapter.getCount(); i++){

FileItem bean = adapter.getItem(i);

if(bean.getFileType() == FileItem.FILE_DIR){

continue; // 非图片文件

}

try {

// 生成缩略图

options.inJustDecodeBounds = true;

options.outWidth = 0;

options.outHeight = 0;

options.inSampleSize = 1;

BitmapFactory.decodeFile(bean.getPath(), options);

if (options.outWidth > 0 && options.outHeight > 0) {

// Now see how much we need to scale it down.

int widthFactor = (options.outWidth + thumbnailWidth - 1) / thumbnailWidth;

int heightFactor = (options.outHeight + thumbnailHeight - 1) / thumbnailHeight;

widthFactor = Math.max(widthFactor, heightFactor);

widthFactor = Math.max(widthFactor, 1);

// Now turn it into a power of two.

if (widthFactor > 1) {

if ((widthFactor & (widthFactor-1)) != 0) {

while ((widthFactor & (widthFactor-1)) != 0) {

widthFactor &= widthFactor-1;

}

widthFactor <<= 1;

}

}

options.inSampleSize = widthFactor;

options.inJustDecodeBounds = false;

Bitmap bitmap = BitmapFactory.decodeFile(bean.getPath(), options);

if (bitmap != null) {

bean.setImage(bitmap); // 读取到图片资源，加入到FileItem对象中

publishProgress(); // 通知去更新UI

}

}

} catch (Exception e) {

// That's okay, guess it just wasn't a bitmap.

}

}

return null;

}

@Override

public void onProgressUpdate(Void... voids) {

Log.i(TAG, "onProgressUpdate()");

if(isCancelled()) return;

//更新UI

adapter.notifyDataSetChanged();

}

}