GridView加载大量图片卡的问题

最近在练习中用GridView加入相册中图片发现加入大量的相片之后,GirdView会变得很卡,想到或许可以用异步加载的方式来解决,但是能力有限,想得到却无法实现。在读了一些大牛的博客和代码之后,终于实现了。

1  在异步加载之前的代码的和普通加载代码一样,只需要在GirdView的Adapter的public View getView(int position, View convertView, ViewGroupparent)方法使用异步加载的方式返回ImageView。

2  如果能把加载过的图片给缓存起来,而不用每次都从sd卡上读取,这样效率应该会提高不少。所以可以先建一个缓存类,MemoryCache,为了能尽可能缓存,又尽可能的不抛出OOM的异常,可以使用SoftReference<Bitmap>,软引用来缓冲图片。MemoryCache类的代码如下:

/**
 * 缓存类(图片的路径和图片)
 */
public class MemoryCache {
	private HashMap<String, SoftReference<Bitmap>> cache=new HashMap<String, SoftReference<Bitmap>>();
	//获取缓存图片
	public Bitmap get(String path) {
		if(cache.get(path)==null){
			return null;
		}else{
			return cache.get(path).get();
		}
	}
	
	//新增缓存
	public void put(String url,Bitmap bitmap) {
		cache.put(url, new SoftReference<Bitmap>(bitmap));
	}
	
	//清空缓存
	public void clear() {
		cache.clear();
	}
}

3  弄完了缓存类,接下来就可以弄异步加载的类,这个类主要在维护一个Stack,每次向这个类请求一个ImageView时,就要传入对应ImageView和图片的路径。异步类首先会根据图片的路径先去缓存中查找是否有缓存对应的BItMap,如果有就把他放到ImageView返回,如果没有就把这个ImageView和图片路径放到Stack中,并唤醒加载图片的线程。而加载图片的线程(线程优先权低于UI线程),会无限循环查看Stack大小,如果为0,就进入等待。如果不为0,就依次出栈Stack中的元素进行处理。(感觉像生产者-消费者模式)。

3.1 接下来,就写这个异步类的变量和构造函数了:

private MemoryCache cache;
	private PhotosStack photosStack;
	private LoadImageThread loadImageThread;
	//用来保存每个月ImageView和对应应加载的图片
	private Map<ImageView, String> viewPath=Collections.synchronizedMap(new HashMap<ImageView, String>());
	public LoadImage(Activity activity) {
		super();
		cache=new MemoryCache();
		photosStack=new PhotosStack();
		loadImageThread=new LoadImageThread(activity);
		//设置异步加载线程优先权低于UI线程
		loadImageThread.setPriority(Thread.NORM_PRIORITY);
	}

其中MemoryCache是缓存类,PhotosStack类中维护一个Stack,LoadImageThread类是负责异步加载图片的。而viewPath这个变量是为了要保证GridView对应Position放对应的ImageView,如果没有这个变量,GridView中排列就会无序,在处理GridView的点击事件时候,就不好处理。而对viewPath的操作的异步,所以就需要线程安全咯。

PhotosStack代码如下:

	//维护需要被填充的Image和对应图片路径的栈
	class PhotosStack{
		Stack<MyPhoto> stack=new Stack<LoadImage.MyPhoto>();
		//移除指定ImageView
		public void remove(ImageView iView) {
			for(int i=0;i<stack.size();i++){
				if(stack.get(i).imageView==iView){
					stack.remove(i);
					break;
				}
			}
		}
	}

其中MyPhoto是一个照片的实体类,有两个属性,图片的路径和对应的ImageView。

/**
	 * 照片的实体类
	 */
	class MyPhoto{
		 public String path;
	        public ImageView imageView;
	        public MyPhoto(String path, ImageView imageView){
	        	this.path=path; 
	        	this.imageView=imageView;
	        }
	}
	

3.2  接下来就可以实现给Adapter的调用的方法loadImage(Stringpath,ImageView iv ),接收两参数——图片路径和对应的ImageView。这个方法,首先会去缓存中查看是否有缓存对应的图片,如果有就把它设给ImageView。如果没有,就先为ImageView设个默认图片,然后以同步块(锁为PhotosStack中的stack)的方式加入PhotosStack中的stack中,并唤醒加载图片的线程。最后还要判断下加载图片的线程是否已经被启动了,如果没有,就启动。

/**
	 * 填充ImageView
	 * @param activity 
	 * @param path 图片的路径
	 * @param iv 被填充的ImageView
	 */
	public void loadImage(String path,ImageView iv ) {
		viewPath.put(iv, path);
		Bitmap momeryBitmap=cache.get(path);
		if(momeryBitmap!=null){//有缓存这张图片
			iv.setImageBitmap(momeryBitmap);
		}else{//没有缓存
			iv.setImageResource(R.drawable.ic_launcher);
			//有可以这个ImageVIew还没出栈,所以需要先出栈
			photosStack.remove(iv);
			//由于photosStack中的stack,出栈入栈操作时不会在异步的,所以需要在同步块中完成出入栈,并以photosStack.stack作为锁
			synchronized (photosStack.stack) {
				photosStack.stack.push(new MyPhoto(path, iv));
				//唤醒持有锁的线程
				photosStack.stack.notifyAll();
			}
		}
		if(loadImageThread.getState()==Thread.State.NEW){
			loadImageThread.start();
		}
		
		
	}

3.3 最后可以实现异步加载图片的方法了,主要是循环判断stack中元素的数量,如果为0 ,说明所有的图片已经被加载完毕了,可以进入等待状态。如果不为0,说明还有图片等待加载,就依次出栈这些元素,依次加载图片,并放到缓存中。代码如下:

//异步加载图片的线程
	class LoadImageThread extends Thread{
		Activity activity;
		
		public LoadImageThread(Activity activity) {
			this.activity = activity;
		}

		@Override
		public void run() {
			while(true){
				try {
					if(photosStack.stack.size()>0){
						final MyPhoto photo;
						//得到栈顶的MyPhoto
						synchronized (photosStack.stack) {
							 photo= photosStack.stack.pop();
						} 
						cache.put(photo.path,getSmallBitmap(photo.path) );
						String ivPathString=viewPath.get(photo.imageView);
						if(ivPathString!=null&& ivPathString.equalsIgnoreCase(photo.path)){
							Runnable runableRunnable=new Runnable() {
								@Override
								public void run() {
									photo.imageView.setImageBitmap(getSmallBitmap(photo.path));
								}
							};
							activity.runOnUiThread(runableRunnable);
						}
					}
					if(photosStack.stack.size()==0){
						synchronized (photosStack.stack) {
							photosStack.stack.wait();
						}
					}
				} catch (InterruptedException e) {
					// TODO 自动生成的 catch 块
					e.printStackTrace();
				}
			}
		}
	}
	

其中缩小图片方法getSmallBitmap(String path),代码如下:

//缩小图片
	public Bitmap getSmallBitmap(String path) {
		Options options=new Options();
		options.inJustDecodeBounds=true;
		BitmapFactory.decodeFile(path,options);
		int REQUIRE_SIZE=80;
		int scare=1;
		
		while(true){
			if(options.outWidth<=REQUIRE_SIZE|| options.outHeight<=REQUIRE_SIZE){
				break;
			}else{
				options.outWidth=options.outWidth/2;
				options.outHeight=options.outHeight/2;
				scare++;
			} 
		}
		Options newoptions=new Options();
		newoptions.inSampleSize=scare;
		return BitmapFactory.decodeFile(path, newoptions);
	}


其实这个也适合ListView加载大量图片,可以下载代码


发布了40 篇原创文章 · 获赞 14 · 访问量 7万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览