1. 程式人生 > >使用開源imageLoader優化listview載入大量本地圖片的demo

使用開源imageLoader優化listview載入大量本地圖片的demo

package com.example.listviewdemo;

import java.util.ArrayList;
import java.util.Collections;
import java.util.LinkedList;
import java.util.List;

import android.database.Cursor;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.provider.MediaStore;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.assist.ImageLoadingListener;
import com.nostra13.universalimageloader.core.assist.SimpleImageLoadingListener;
import com.nostra13.universalimageloader.core.display.FadeInBitmapDisplayer;
import com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer;
import com.smalt.smaltmap.utils.GlobalConstant;

/**
 * 
 * @Title:
 * @Description:ListView顯示大量圖片
 * @Copyright: Copyright (c) 2014
 * @Company: 
 * @author: Administrator
 * @version: 1.0.0.0
 * @Date: 2014-2-14
 */
public class MainActivity01 extends AbsListViewBaseActivity {
	DisplayImageOptions options; // 配置圖片載入及顯示選項
	ListView lvShow;
	/**
	 * 儲存圖片地址
	 */
	ArrayList<String> listImgPath;
	String[] imageUriArray;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		lvShow = (ListView) findViewById(R.id.lv_show);
		// 掃描記憶體中圖片並存入list

		listImgPath = getImgPathList();
		if (listImgPath.size() < 1) {
			GlobalConstant.i("sd卡中無圖片");
		} else {
			// list轉成陣列
			imageUriArray = (String[]) listImgPath
					.toArray(new String[listImgPath.size()]);
			// 配置圖片載入及顯示選項(還有一些其他的配置,查閱doc文件吧)
			options = new DisplayImageOptions.Builder()
					.showStubImage(R.drawable.ic_launcher) // 在ImageView載入過程中顯示圖片
					.showImageForEmptyUri(R.drawable.ic_launcher) // image連線地址為空時
					.showImageOnFail(R.drawable.ic_launcher) // image載入失敗
					.cacheInMemory(true) // 載入圖片時會在記憶體中載入快取
					.cacheOnDisc(true) // 載入圖片時會在磁碟中載入快取
					.displayer(new RoundedBitmapDisplayer(20)) // 設定使用者載入圖片task(這裡是圓角圖片顯示)
					.build();
			// 載入介面卡
			lvShow.setAdapter(new AdapterList());
		}

	}
	

	@Override
	public void onBackPressed() {
		AnimateFirstDisplayListener.displayedImages.clear();
		super.onBackPressed();
	}

	/**
	 * 
	 * 獲取圖片地址列表
	 * 
	 * @return list
	 */
	private ArrayList<String> getImgPathList() {
		ArrayList<String> list = new ArrayList<String>();
		Cursor cursor = getContentResolver().query(
				MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
				new String[] { "_id", "_data" }, null, null, null);
		while (cursor.moveToNext()) {
			list.add(cursor.getString(1));// 將圖片路徑新增到list中
		}
		cursor.close();
		return list;
	}

	/** 圖片載入監聽事件 **/
	private static class AnimateFirstDisplayListener extends
			SimpleImageLoadingListener {

		static final List<String> displayedImages = Collections
				.synchronizedList(new LinkedList<String>());

		@Override
		public void onLoadingComplete(String imageUri, View view,
				Bitmap loadedImage) {
			if (loadedImage != null) {
				ImageView imageView = (ImageView) view;
				boolean firstDisplay = !displayedImages.contains(imageUri);
				if (firstDisplay) {
					FadeInBitmapDisplayer.animate(imageView, 500); // 設定image隱藏動畫500ms
					displayedImages.add(imageUri); // 將圖片uri新增到集合中
				}
			}
		}
	}

	/**
	 * 
	 * @Title:
	 * @Description:listview介面卡
	 * @Copyright: Copyright (c) 2014
	 * @Company: 
	 * @author: Administrator
	 * @version: 1.0.0.0
	 * @Date: 2014-2-14
	 */
	class AdapterList extends BaseAdapter {
		private ImageLoadingListener animateFirstListener = new AnimateFirstDisplayListener();

		

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return imageUriArray.length;
		}

		/**
		 * 構造方法
		 */
		public AdapterList() {
			// TODO Auto-generated constructor stub
		}

		
		@Override
		public Object getItem(int arg0) {
			// TODO Auto-generated method stub
			return arg0;
		}

		/*
		 * (non-Javadoc)
		 * 
		 * @see android.widget.Adapter#getItemId(int)
		 */
		@Override
		public long getItemId(int arg0) {
			// TODO Auto-generated method stub
			return arg0;
		}

		/*
		 * (non-Javadoc)
		 * 
		 * @see android.widget.Adapter#getView(int, android.view.View,
		 * android.view.ViewGroup)
		 */
		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder holder;
			if (convertView == null) {
				holder = new ViewHolder();
				// 初始化繫結控制元件
				convertView = getLayoutInflater().inflate(R.layout.layout_item, null);
				holder.imgShow = (ImageView) findViewById(R.id.img_show);
				holder.tvShow = (TextView) findViewById(R.id.tv_show);
				// add to convertView
				convertView.setTag(holder);
			} else {
				holder = (ViewHolder) convertView.getTag();
			}

			// 設定img,text具體顯示的內容

			holder.tvShow.setText("fuck" + (position));

			imageLoader.displayImage(imageUriArray[position], holder.imgShow,
					options, animateFirstListener);
			return convertView;
		}
	}

	static class ViewHolder {
		ImageView imgShow;
		TextView tvShow;
	}
}

demo下載:

https://drive.google.com/file/d/0B3vXJifsRl4bTk8wUFpyNk9lNEU/edit?usp=sharing