GridView加载大量图片卡顿问题

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

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

[java] 
view plain
copy
print
?

1. /**
2. * 缓存类（图片的路径和图片）
3. */
4. public class MemoryCache {
5. private HashMap<String, SoftReference<Bitmap>> cache=new HashMap<String, SoftReference<Bitmap>>();
6. //获取缓存图片
7. public Bitmap get(String path) {
8. if(cache.get(path)==null){
9. return null;
10. }else{
11. return cache.get(path).get();
12. }
13. }
14. //新增缓存
15. public void put(String url,Bitmap bitmap) {
16. cache.put(url, new SoftReference<Bitmap>(bitmap));
17. }
18. //清空缓存
19. public void clear() {
20. cache.clear();
21. }
22. }

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

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

[java] 
view plain
copy
print
?

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

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

PhotosStack代码如下：

[java] 
view plain
copy
print
?

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

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

[java] 
view plain
copy
print
?

1. /**
2. * 照片的实体类
3. */
4. class MyPhoto{
5. public String path;
6. public ImageView imageView;
7. public MyPhoto(String path, ImageView imageView){
8. this.path=path;
9. this.imageView=imageView;
10. }
11. }

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

[java] 
view plain
copy
print
?

1. /**
2. * 填充ImageView
3. * @param activity
4. * @param path 图片的路径
5. * @param iv 被填充的ImageView
6. */
7. public void loadImage(String path,ImageView iv ) {
8. viewPath.put(iv, path);
9. Bitmap momeryBitmap=cache.get(path);
10. if(momeryBitmap!=null){//有缓存这张图片
11. iv.setImageBitmap(momeryBitmap);
12. }else{//没有缓存
13. iv.setImageResource(R.drawable.ic_launcher);
14. //有可以这个ImageVIew还没出栈，所以需要先出栈
15. photosStack.remove(iv);
16. //由于photosStack中的stack，出栈入栈操作时不会在异步的，所以需要在同步块中完成出入栈,并以photosStack.stack作为锁
17. synchronized (photosStack.stack) {
18. photosStack.stack.push(new MyPhoto(path, iv));
19. //唤醒持有锁的线程
20. photosStack.stack.notifyAll();
21. }
22. }
23. if(loadImageThread.getState()==Thread.State.NEW){
24. loadImageThread.start();
25. }
26. }

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

[java] 
view plain
copy
print
?

1. //异步加载图片的线程
2. class LoadImageThread extends Thread{
3. Activity activity;
4. public LoadImageThread(Activity activity) {
5. this.activity = activity;
6. }
7. @Override
8. public void run() {
9. while(true){
10. try {
11. if(photosStack.stack.size()>0){
12. final MyPhoto photo;
13. //得到栈顶的MyPhoto
14. synchronized (photosStack.stack) {
15. photo= photosStack.stack.pop();
16. }
17. cache.put(photo.path,getSmallBitmap(photo.path) );
18. String ivPathString=viewPath.get(photo.imageView);
19. if(ivPathString!=null&& ivPathString.equalsIgnoreCase(photo.path)){
20. Runnable runableRunnable=new Runnable() {
21. @Override
22. public void run() {
23. photo.imageView.setImageBitmap(getSmallBitmap(photo.path));
24. }
25. };
26. activity.runOnUiThread(runableRunnable);
27. }
28. }
29. if(photosStack.stack.size()==0){
30. synchronized (photosStack.stack) {
31. photosStack.stack.wait();
32. }
33. }
34. } catch (InterruptedException e) {
35. // TODO 自动生成的 catch 块
36. e.printStackTrace();
37. }
38. }
39. }
40. }

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

[java] 
view plain
copy
print
?

1. //缩小图片
2. public Bitmap getSmallBitmap(String path) {
3. Options options=new Options();
4. options.inJustDecodeBounds=true;
5. BitmapFactory.decodeFile(path,options);
6. int REQUIRE_SIZE=80;
7. int scare=1;
8. while(true){
9. if(options.outWidth<=REQUIRE_SIZE|| options.outHeight<=REQUIRE_SIZE){
10. break;
11. }else{
12. options.outWidth=options.outWidth/2;
13. options.outHeight=options.outHeight/2;
14. scare++;
15. }
16. }
17. Options newoptions=new Options();
18. newoptions.inSampleSize=scare;
19. return BitmapFactory.decodeFile(path, newoptions);

GridView加载大量图片卡顿问题