转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/41874561 ,本文出自: 【张鸿洋的博客】

1、概述

优秀的图片加载框架不要太多,什么UIL , Volley ,Picasso,Imageloader等等。但是作为一名合格的程序猿,必须懂其中的实现原理,于是乎,今天我就带大家一起来设计一个加载网络、本地的图片框架。有人可能会说,自己写会不会很渣,运行效率,内存溢出神马的。放心,我们拿demo说话,拼得就是速度,奏事这么任性。

好了,如果你看过之前的博文,类似Android Handler 异步消息处理机制的妙用 创建强大的图片加载类,可能会对接下来文章理解会有很大的帮助。没有的话,就跟我往下继续走吧,也不要去看了。

关于加载本地图片,当然了,我手机图片比较少,7000来张:

1、首先肯定不能内存溢出,但是尼玛现在像素那么高,怎么才能保证呢?我相信利用LruCache统一管理你的图片是个不二的选择,所有的图片从LruCache里面取,保证所有的图片的内存不会超过预设的空间。

2、加载速度要刚刚的,我一用力,滑动到3000张的位置,你要是还在从第一张给我加载,尼玛,你以为我打dota呢。所以我们需要引入加载策略,我们不能FIFO,我们选择LIFO,当前呈现给用户的,最新加载;当前未呈现的,选择加载。

3、使用方便。一般图片都会使用GridView作为控件,在getView里面进行图片加载,当然了为了不错乱,可能还需要用户去自己setTag,自己写回调设置图片。当然了,我们不需要这么麻烦,一句话IoadImage(imageview,path)即可,剩下的请交给我们的图片加载框架处理。

做到以上几点,关于本地的图片加载应该就木有什么问题了。

关于加载网络图片,其实原理差不多,就多了个是否启用硬盘缓存的选项,如果启用了,加载时,先从内存中查找,然后从硬盘上找,最后去网络下载。下载完成后,别忘了写入硬盘,加入内存缓存。如果没有启用,那么就直接从网络压缩获取,加入内存即可。

2、效果图

终于扯完了,接下来,简单看个效果图,关于加载本地图片的效果图:可以从Android 超高仿微信图片选择器 图片该这么加载这篇博客中下载Demo运行。

下面演示一个网络加载图片的例子:

80多张从网络加载的图片,可以看到我直接拖到最后,基本是呈现在用户眼前的最先加载,要是从第一张到80多,估计也是醉了。

此外:图片来自老郭的博客,感谢!!!ps:如果你觉得图片不劲爆,Day Day Up找老郭去。

3、完全解析

1、关于图片的压缩

不管是从网络还是本地的图片,加载都需要进行压缩,然后显示:

用户要你压缩显示,会给我们什么?一个imageview,一个path,我们的职责就是压缩完成后显示上去。

1、本地图片的压缩

a、获得imageview想要显示的大小

想要压缩,我们第一步应该是获得imageview想要显示的大小,没大小肯定没办法压缩?

那么如何获得imageview想要显示的大小呢?

[java]  view plain copy
  1. /**
  2. * 根据ImageView获适当的压缩的宽和高
  3. *
  4. * @param imageView
  5. * @return
  6. */
  7. public static ImageSize getImageViewSize(ImageView imageView)
  8. {
  9. ImageSize imageSize = new ImageSize();
  10. DisplayMetrics displayMetrics = imageView.getContext().getResources()
  11. .getDisplayMetrics();
  12. LayoutParams lp = imageView.getLayoutParams();
  13. int width = imageView.getWidth();// 获取imageview的实际宽度
  14. if (width <= 0)
  15. {
  16. width = lp.width;// 获取imageview在layout中声明的宽度
  17. }
  18. if (width <= 0)
  19. {
  20. // width = imageView.getMaxWidth();// 检查最大值
  21. width = getImageViewFieldValue(imageView, "mMaxWidth");
  22. }
  23. if (width <= 0)
  24. {
  25. width = displayMetrics.widthPixels;
  26. }
  27. int height = imageView.getHeight();// 获取imageview的实际高度
  28. if (height <= 0)
  29. {
  30. height = lp.height;// 获取imageview在layout中声明的宽度
  31. }
  32. if (height <= 0)
  33. {
  34. height = getImageViewFieldValue(imageView, "mMaxHeight");// 检查最大值
  35. }
  36. if (height <= 0)
  37. {
  38. height = displayMetrics.heightPixels;
  39. }
  40. imageSize.width = width;
  41. imageSize.height = height;
  42. return imageSize;
  43. }
  44. public static class ImageSize
  45. {
  46. int width;
  47. int height;
  48. }

可以看到,我们拿到imageview以后:

首先企图通过getWidth获取显示的宽;有些时候,这个getWidth返回的是0;

那么我们再去看看它有没有在布局文件中书写宽;

如果布局文件中也没有精确值,那么我们再去看看它有没有设置最大值;

如果最大值也没设置,那么我们只有拿出我们的终极方案,使用我们的屏幕宽度;

总之,不能让它任性,我们一定要拿到一个合适的显示值。

可以看到这里或者最大宽度,我们用的反射,而不是getMaxWidth();维萨呢,因为getMaxWidth竟然要API 16,我也是醉了;为了兼容性,我们采用反射的方案。反射的代码就不贴了。

b、设置合适的inSampleSize

我们获得想要显示的大小,为了什么,还不是为了和图片的真正的宽高做比较,拿到一个合适的inSampleSize,去对图片进行压缩么。

那么首先应该是拿到图片的宽和高:

[java]  view plain copy
  1. // 获得图片的宽和高,并不把图片加载到内存中
  2. BitmapFactory.Options options = new BitmapFactory.Options();
  3. options.inJustDecodeBounds = true;
  4. BitmapFactory.decodeFile(path, options);

这三行就成功获取图片真正的宽和高了,存在我们的options里面;

然后我们就可以happy的去计算inSampleSize了:

[java]  view plain copy
  1. /**
  2. * 根据需求的宽和高以及图片实际的宽和高计算SampleSize
  3. *
  4. * @param options
  5. * @param width
  6. * @param height
  7. * @return
  8. */
  9. public static int caculateInSampleSize(Options options, int reqWidth,
  10. int reqHeight)
  11. {
  12. int width = options.outWidth;
  13. int height = options.outHeight;
  14. int inSampleSize = 1;
  15. if (width > reqWidth || height > reqHeight)
  16. {
  17. int widthRadio = Math.round(width * 1.0f / reqWidth);
  18. int heightRadio = Math.round(height * 1.0f / reqHeight);
  19. inSampleSize = Math.max(widthRadio, heightRadio);
  20. }
  21. return inSampleSize;
  22. }

options里面存了实际的宽和高;reqWidth和reqHeight就是我们之前得到的想要显示的大小;经过比较,得到一个合适的inSampleSize;

有了inSampleSize:

[java]  view plain copy
  1. options.inSampleSize = ImageSizeUtil.caculateInSampleSize(options,
  2. width, height);
  3. // 使用获得到的InSampleSize再次解析图片
  4. options.inJustDecodeBounds = false;
  5. Bitmap bitmap = BitmapFactory.decodeFile(path, options);
  6. return bitmap;

经过这几行,就完成图片的压缩了。

上述是本地图片的压缩,那么如果是网络图片呢?

2、网络图片的压缩

a、直接下载存到sd卡,然后采用本地的压缩方案。这种方式当前是在硬盘缓存开启的情况下,如果没有开启呢?

b、使用BitmapFactory.decodeStream(is, null, opts);

[java]  view plain copy
  1. /**
  2. * 根据url下载图片在指定的文件
  3. *
  4. * @param urlStr
  5. * @param file
  6. * @return
  7. */
  8. public static Bitmap downloadImgByUrl(String urlStr, ImageView imageview)
  9. {
  10. FileOutputStream fos = null;
  11. InputStream is = null;
  12. try
  13. {
  14. URL url = new URL(urlStr);
  15. HttpURLConnection conn = (HttpURLConnection) url.openConnection();
  16. is = new BufferedInputStream(conn.getInputStream());
  17. is.mark(is.available());
  18. Options opts = new Options();
  19. opts.inJustDecodeBounds = true;
  20. Bitmap bitmap = BitmapFactory.decodeStream(is, null, opts);
  21. //获取imageview想要显示的宽和高
  22. ImageSize imageViewSize = ImageSizeUtil.getImageViewSize(imageview);
  23. opts.inSampleSize = ImageSizeUtil.caculateInSampleSize(opts,
  24. imageViewSize.width, imageViewSize.height);
  25. opts.inJustDecodeBounds = false;
  26. is.reset();
  27. bitmap = BitmapFactory.decodeStream(is, null, opts);
  28. conn.disconnect();
  29. return bitmap;
  30. } catch (Exception e)
  31. {
  32. e.printStackTrace();
  33. } finally
  34. {
  35. try
  36. {
  37. if (is != null)
  38. is.close();
  39. } catch (IOException e)
  40. {
  41. }
  42. try
  43. {
  44. if (fos != null)
  45. fos.close();
  46. } catch (IOException e)
  47. {
  48. }
  49. }
  50. return null;
  51. }

基本和本地压缩差不多,也是两次取样,当然需要注意一点,我们的is进行了包装,以便可以进行reset();直接返回的is是不能使用两次的。

到此,图片压缩说完了。

2、图片加载框架的架构

我们的图片压缩加载完了,那么就应该放入我们的LruCache,然后设置到我们的ImageView上。

好了,接下来我们来说说我们的这个框架的架构;

1、单例,包含一个LruCache用于管理我们的图片;

2、任务队列,我们每来一次加载图片的请求,我们会封装成Task存入我们的TaskQueue;

3、包含一个后台线程,这个线程在第一次初始化实例的时候启动,然后会一直在后台运行;任务呢?还记得我们有个任务队列么,有队列存任务,得有人干活呀;所以,当每来一次加载图片请求的时候,我们同时发一个消息到后台线程,后台线程去使用线程池去TaskQueue去取一个任务执行;

4、调度策略;3中说了,后台线程去TaskQueue去取一个任务,这个任务不是随便取的,有策略可以选择,一个是FIFO,一个是LIFO,我倾向于后者。

好了,基本就这些结构,接下来看我们具体的实现。

3、具体的实现

1、构造方法

[java]  view plain copy
  1. public static ImageLoader getInstance(int threadCount, Type type)
  2. {
  3. if (mInstance == null)
  4. {
  5. synchronized (ImageLoader.class)
  6. {
  7. if (mInstance == null)
  8. {
  9. mInstance = new ImageLoader(threadCount, type);
  10. }
  11. }
  12. }
  13. return mInstance;
  14. }

这个就不用说了,重点看我们的构造方法

[java]  view plain copy
  1. /**
  2. * 图片加载类
  3. *
  4. * @author zhy
  5. *
  6. */
  7. public class ImageLoader
  8. {
  9. private static ImageLoader mInstance;
  10. /**
  11. * 图片缓存的核心对象
  12. */
  13. private LruCache<String, Bitmap> mLruCache;
  14. /**
  15. * 线程池
  16. */
  17. private ExecutorService mThreadPool;
  18. private static final int DEAFULT_THREAD_COUNT = 1;
  19. /**
  20. * 队列的调度方式
  21. */
  22. private Type mType = Type.LIFO;
  23. /**
  24. * 任务队列
  25. */
  26. private LinkedList<Runnable> mTaskQueue;
  27. /**
  28. * 后台轮询线程
  29. */
  30. private Thread mPoolThread;
  31. private Handler mPoolThreadHandler;
  32. /**
  33. * UI线程中的Handler
  34. */
  35. private Handler mUIHandler;
  36. private Semaphore mSemaphorePoolThreadHandler = new Semaphore(0);
  37. private Semaphore mSemaphoreThreadPool;
  38. private boolean isDiskCacheEnable = true;
  39. private static final String TAG = "ImageLoader";
  40. public enum Type
  41. {
  42. FIFO, LIFO;
  43. }
  44. private ImageLoader(int threadCount, Type type)
  45. {
  46. init(threadCount, type);
  47. }
  48. /**
  49. * 初始化
  50. *
  51. * @param threadCount
  52. * @param type
  53. */
  54. private void init(int threadCount, Type type)
  55. {
  56. initBackThread();
  57. // 获取我们应用的最大可用内存
  58. int maxMemory = (int) Runtime.getRuntime().maxMemory();
  59. int cacheMemory = maxMemory / 8;
  60. mLruCache = new LruCache<String, Bitmap>(cacheMemory)
  61. {
  62. @Override
  63. protected int sizeOf(String key, Bitmap value)
  64. {
  65. return value.getRowBytes() * value.getHeight();
  66. }
  67. };
  68. // 创建线程池
  69. mThreadPool = Executors.newFixedThreadPool(threadCount);
  70. mTaskQueue = new LinkedList<Runnable>();
  71. mType = type;
  72. mSemaphoreThreadPool = new Semaphore(threadCount);
  73. }
  74. /**
  75. * 初始化后台轮询线程
  76. */
  77. private void initBackThread()
  78. {
  79. // 后台轮询线程
  80. mPoolThread = new Thread()
  81. {
  82. @Override
  83. public void run()
  84. {
  85. Looper.prepare();
  86. mPoolThreadHandler = new Handler()
  87. {
  88. @Override
  89. public void handleMessage(Message msg)
  90. {
  91. // 线程池去取出一个任务进行执行
  92. mThreadPool.execute(getTask());
  93. try
  94. {
  95. mSemaphoreThreadPool.acquire();
  96. } catch (InterruptedException e)
  97. {
  98. }
  99. }
  100. };
  101. // 释放一个信号量
  102. mSemaphorePoolThreadHandler.release();
  103. Looper.loop();
  104. };
  105. };
  106. mPoolThread.start();
  107. }

在贴构造的时候,顺便贴出所有的成员变量;

在构造中我们调用init,init中可以设置后台加载图片线程数量和加载策略;init中首先初始化后台线程initBackThread(),可以看到这个后台线程,实际上是个Looper最终在那不断的loop,我们还初始化了一个mPoolThreadHandler用于发送消息到此线程;

接下来就是初始化mLruCache  , mThreadPool ,mTaskQueue 等;

2、loadImage

构造完成以后,当然是使用了,用户调用loadImage传入(final String path, final ImageView imageView,final boolean isFromNet)就可以完成本地或者网络图片的加载。

[java]  view plain copy
  1. /**
  2. * 根据path为imageview设置图片
  3. *
  4. * @param path
  5. * @param imageView
  6. */
  7. public void loadImage(final String path, final ImageView imageView,
  8. final boolean isFromNet)
  9. {
  10. imageView.setTag(path);
  11. if (mUIHandler == null)
  12. {
  13. mUIHandler = new Handler()
  14. {
  15. public void handleMessage(Message msg)
  16. {
  17. // 获取得到图片,为imageview回调设置图片
  18. ImgBeanHolder holder = (ImgBeanHolder) msg.obj;
  19. Bitmap bm = holder.bitmap;
  20. ImageView imageview = holder.imageView;
  21. String path = holder.path;
  22. // 将path与getTag存储路径进行比较
  23. if (imageview.getTag().toString().equals(path))
  24. {
  25. imageview.setImageBitmap(bm);
  26. }
  27. };
  28. };
  29. }
  30. // 根据path在缓存中获取bitmap
  31. Bitmap bm = getBitmapFromLruCache(path);
  32. if (bm != null)
  33. {
  34. refreashBitmap(path, imageView, bm);
  35. } else
  36. {
  37. addTask(buildTask(path, imageView, isFromNet));
  38. }
  39. }

首先我们为imageview.setTag;然后初始化一个mUIHandler,不用猜,这个mUIHandler用户更新我们的imageview,因为这个方法肯定是主线程调用的。

然后调用:getBitmapFromLruCache(path);根据path在缓存中获取bitmap;如果找到那么直接去设置我们的图片;

[java]  view plain copy
  1. private void refreashBitmap(final String path, final ImageView imageView,
  2. Bitmap bm)
  3. {
  4. Message message = Message.obtain();
  5. ImgBeanHolder holder = new ImgBeanHolder();
  6. holder.bitmap = bm;
  7. holder.path = path;
  8. holder.imageView = imageView;
  9. message.obj = holder;
  10. mUIHandler.sendMessage(message);
  11. }

可以看到,如果找到图片,则直接使用UIHandler去发送一个消息,当然了携带了一些必要的参数,然后UIHandler的handleMessage中完成图片的设置;

handleMessage中拿到path,bitmap,imageview;记得必须要:

// 将path与getTag存储路径进行比较
if (imageview.getTag().toString().equals(path))
{
imageview.setImageBitmap(bm);
}

否则会造成图片混乱。

如果没找到,则通过buildTask去新建一个任务,在addTask到任务队列。

buildTask就比较复杂了,因为还涉及到本地和网络,所以我们先看addTask代码:

[java]  view plain copy
  1. private synchronized void addTask(Runnable runnable)
  2. {
  3. mTaskQueue.add(runnable);
  4. // if(mPoolThreadHandler==null)wait();
  5. try
  6. {
  7. if (mPoolThreadHandler == null)
  8. mSemaphorePoolThreadHandler.acquire();
  9. } catch (InterruptedException e)
  10. {
  11. }
  12. mPoolThreadHandler.sendEmptyMessage(0x110);
  13. }

很简单,就是runnable加入TaskQueue,与此同时使用mPoolThreadHandler(这个handler还记得么,用于和我们后台线程交互。)去发送一个消息给后台线程,叫它去取出一个任务执行;具体代码:

[java]  view plain copy
  1. mPoolThreadHandler = new Handler()
  2. {
  3. @Override
  4. public void handleMessage(Message msg)
  5. {
  6. // 线程池去取出一个任务进行执行
  7. mThreadPool.execute(getTask());

直接使用mThreadPool线程池,然后使用getTask去取一个任务。

[java]  view plain copy
  1. /**
  2. * 从任务队列取出一个方法
  3. *
  4. * @return
  5. */
  6. private Runnable getTask()
  7. {
  8. if (mType == Type.FIFO)
  9. {
  10. return mTaskQueue.removeFirst();
  11. } else if (mType == Type.LIFO)
  12. {
  13. return mTaskQueue.removeLast();
  14. }
  15. return null;
  16. }

getTask代码也比较简单,就是根据Type从任务队列头或者尾进行取任务。

现在你会不会好奇,任务里面到底什么代码?其实我们也就剩最后一段代码了buildTask

[java]  view plain copy
  1. /**
  2. * 根据传入的参数,新建一个任务
  3. *
  4. * @param path
  5. * @param imageView
  6. * @param isFromNet
  7. * @return
  8. */
  9. private Runnable buildTask(final String path, final ImageView imageView,
  10. final boolean isFromNet)
  11. {
  12. return new Runnable()
  13. {
  14. @Override
  15. public void run()
  16. {
  17. Bitmap bm = null;
  18. if (isFromNet)
  19. {
  20. File file = getDiskCacheDir(imageView.getContext(),
  21. md5(path));
  22. if (file.exists())// 如果在缓存文件中发现
  23. {
  24. Log.e(TAG, "find image :" + path + " in disk cache .");
  25. bm = loadImageFromLocal(file.getAbsolutePath(),
  26. imageView);
  27. } else
  28. {
  29. if (isDiskCacheEnable)// 检测是否开启硬盘缓存
  30. {
  31. boolean downloadState = DownloadImgUtils
  32. .downloadImgByUrl(path, file);
  33. if (downloadState)// 如果下载成功
  34. {
  35. Log.e(TAG,
  36. "download image :" + path
  37. + " to disk cache . path is "
  38. + file.getAbsolutePath());
  39. bm = loadImageFromLocal(file.getAbsolutePath(),
  40. imageView);
  41. }
  42. } else
  43. // 直接从网络加载
  44. {
  45. Log.e(TAG, "load image :" + path + " to memory.");
  46. bm = DownloadImgUtils.downloadImgByUrl(path,
  47. imageView);
  48. }
  49. }
  50. } else
  51. {
  52. bm = loadImageFromLocal(path, imageView);
  53. }
  54. // 3、把图片加入到缓存
  55. addBitmapToLruCache(path, bm);
  56. refreashBitmap(path, imageView, bm);
  57. mSemaphoreThreadPool.release();
  58. }
  59. };
  60. }
  61. private Bitmap loadImageFromLocal(final String path,
  62. final ImageView imageView)
  63. {
  64. Bitmap bm;
  65. // 加载图片
  66. // 图片的压缩
  67. // 1、获得图片需要显示的大小
  68. ImageSize imageSize = ImageSizeUtil.getImageViewSize(imageView);
  69. // 2、压缩图片
  70. bm = decodeSampledBitmapFromPath(path, imageSize.width,
  71. imageSize.height);
  72. return bm;
  73. }

我们新建任务,说明在内存中没有找到缓存的bitmap;我们的任务就是去根据path加载压缩后的bitmap返回即可,然后加入LruCache,设置回调显示。

首先我们判断是否是网络任务?

如果是,首先去硬盘缓存中找一下,(硬盘中文件名为:根据path生成的md5为名称)。

如果硬盘缓存中没有,那么去判断是否开启了硬盘缓存:

开启了的话:下载图片,使用loadImageFromLocal本地加载图片的方式进行加载(压缩的代码前面已经详细说过);

如果没有开启:则直接从网络获取(压缩获取的代码,前面详细说过);

如果不是网络图片:直接loadImageFromLocal本地加载图片的方式进行加载

经过上面,就获得了bitmap;然后加入addBitmapToLruCache,refreashBitmap回调显示图片。

[java]  view plain copy
  1. /**
  2. * 将图片加入LruCache
  3. *
  4. * @param path
  5. * @param bm
  6. */
  7. protected void addBitmapToLruCache(String path, Bitmap bm)
  8. {
  9. if (getBitmapFromLruCache(path) == null)
  10. {
  11. if (bm != null)
  12. mLruCache.put(path, bm);
  13. }
  14. }

到此,我们所有的代码就分析完成了;

缓存的图片位置:在SD卡的Android/data/项目packageName/cache中:

不过有些地方需要注意:就是在代码中,你会看到一些信号量的身影:

第一个:mSemaphorePoolThreadHandler = new Semaphore(0); 用于控制我们的mPoolThreadHandler的初始化完成,我们在使用mPoolThreadHandler会进行判空,如果为null,会通过mSemaphorePoolThreadHandler.acquire()进行阻塞;当mPoolThreadHandler初始化结束,我们会调用.release();解除阻塞。

第二个:mSemaphoreThreadPool = new Semaphore(threadCount);这个信号量的数量和我们加载图片的线程个数一致;每取一个任务去执行,我们会让信号量减一;每完成一个任务,会让信号量+1,再去取任务;目的是什么呢?为什么当我们的任务到来时,如果此时在没有空闲线程,任务则一直添加到TaskQueue中,当线程完成任务,可以根据策略去TaskQueue中去取任务,只有这样,我们的LIFO才有意义。

到此,我们的图片加载框架就结束了,你可以尝试下加载本地,或者去加载网络大量的图片,拼一拼加载速度~~~

4、MainActivity

现在是使用的时刻~~

我在MainActivity中,我使用了Fragment,下面我贴下Fragment和布局文件的代码,具体的,大家自己看代码:

[java]  view plain copy
  1. package com.example.demo_zhy_18_networkimageloader;
  2. import android.content.Context;
  3. import android.os.Bundle;
  4. import android.support.v4.app.Fragment;
  5. import android.util.Log;
  6. import android.view.LayoutInflater;
  7. import android.view.View;
  8. import android.view.ViewGroup;
  9. import android.widget.ArrayAdapter;
  10. import android.widget.GridView;
  11. import android.widget.ImageView;
  12. import com.zhy.utils.ImageLoader;
  13. import com.zhy.utils.ImageLoader.Type;
  14. import com.zhy.utils.Images;
  15. public class ListImgsFragment extends Fragment
  16. {
  17. private GridView mGridView;
  18. private String[] mUrlStrs = Images.imageThumbUrls;
  19. private ImageLoader mImageLoader;
  20. @Override
  21. public void onCreate(Bundle savedInstanceState)
  22. {
  23. super.onCreate(savedInstanceState);
  24. mImageLoader = ImageLoader.getInstance(3, Type.LIFO);
  25. }
  26. @Override
  27. public View onCreateView(LayoutInflater inflater, ViewGroup container,
  28. Bundle savedInstanceState)
  29. {
  30. View view = inflater.inflate(R.layout.fragment_list_imgs, container,
  31. false);
  32. mGridView = (GridView) view.findViewById(R.id.id_gridview);
  33. setUpAdapter();
  34. return view;
  35. }
  36. private void setUpAdapter()
  37. {
  38. if (getActivity() == null || mGridView == null)
  39. return;
  40. if (mUrlStrs != null)
  41. {
  42. mGridView.setAdapter(new ListImgItemAdaper(getActivity(), 0,
  43. mUrlStrs));
  44. } else
  45. {
  46. mGridView.setAdapter(null);
  47. }
  48. }
  49. private class ListImgItemAdaper extends ArrayAdapter<String>
  50. {
  51. public ListImgItemAdaper(Context context, int resource, String[] datas)
  52. {
  53. super(getActivity(), 0, datas);
  54. Log.e("TAG", "ListImgItemAdaper");
  55. }
  56. @Override
  57. public View getView(int position, View convertView, ViewGroup parent)
  58. {
  59. if (convertView == null)
  60. {
  61. convertView = getActivity().getLayoutInflater().inflate(
  62. R.layout.item_fragment_list_imgs, parent, false);
  63. }
  64. ImageView imageview = (ImageView) convertView
  65. .findViewById(R.id.id_img);
  66. imageview.setImageResource(R.drawable.pictures_no);
  67. mImageLoader.loadImage(getItem(position), imageview, true);
  68. return convertView;
  69. }
  70. }
  71. }

可以看到我们在getView中,使用mImageLoader.loadImage一行即完成了图片的加载。

fragment_list_imgs.xml

[html]  view plain copy
  1. <GridView xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:id="@+id/id_gridview"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. android:horizontalSpacing="3dp"
  7. android:verticalSpacing="3dp"
  8. android:numColumns="3"
  9. >
  10. </GridView>

item_fragment_list_imgs.xml

[java]  view plain copy
  1. <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:id="@+id/id_img"
  4. android:layout_width="match_parent"
  5. android:layout_height="120dp"
  6. android:scaleType="centerCrop" >
  7. </ImageView>

Android 框架练成 教你打造高效的图片加载框架相关推荐

  1. Android高效异步图片加载框架

    概述 Android高效异步图片加载框架:一个高效的异步加载显示的图片加载框架,同时具备图片压缩,缓存机制等特性. 详细 代码下载:http://www.demodashi.com/demo/1214 ...

  2. android glide支持的格式,Glide-Android最常用的图片加载框架

    一.概述 Glide目前在Android的开发中非常的受欢迎,几乎是随便开一个项目都会想到使用glide当图片加载框架.有兴趣可以阅读下Glide源码.在附上Glide官方使用文档: https:// ...

  3. Android设计一个图片加载框架

    本文不是具体编码去实现一个图片加载的框架,而是从理论上来讲解设计一个图片加载框架的注意事项和涉及的知识点,提供一个思路,或者帮助童鞋们应付面试.目前Android 发展至今优秀的图片加载框架太多,例如 ...

  4. android教你打造独一无二的图片加载框架

    前言 首先,最近是在忙okhttp没错.不过或许有人问为什么忙着okhttp怎么又扯到了图片加载上了.其实,最近想实现下断点续传以及多文件下载,但并不知道怎么搞.群里有小伙伴提出了控制线程池来实现.然 ...

  5. Android LruCache和DiskLruCache相结合打造图片加载框架(仿微信图片选择,照片墙)

    LrcCache和DiskLruCache相结合打造图片加载框架 转载请标明出处:http://blog.csdn.net/luoshishou/article/details/51299169 源码 ...

  6. Android图片加载框架最全解析(三),深入探究Glide的缓存机制

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/54895665 本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索 郭 ...

  7. Android Glide 图片加载框架解析

    在泰国举行的谷歌开发者论坛上,谷歌为我们介绍了一个名叫 Glide 的图片加载框架,作者是  bumptech,这个库被广泛的应用在 Google 开源项目中,包括 2014 年 Google I/O ...

  8. Android图片加载框架——Glide(Glide v4)

    原文地址 Android图片加载框架--Glide(Glide v4) 前言 android中图片加载框架有很多,所有框架最终达到的目都是在Android平台上以极度简单的方式加载和展示图片,如果我们 ...

  9. Android Glide图片加载框架(二)源码解析之load()

    文章目录 一.前言 二.源码分析 1.load() Android Glide图片加载框架系列文章 Android Glide图片加载框架(一)基本用法 Android Glide图片加载框架(二)源 ...

最新文章

  1. CUDA Samples: Streams' usage
  2. 第十五届全国大学生智能汽车竞赛室外光电组全国总决赛方案
  3. android双重for循环,Android实现ViewPager无限循环效果(二)
  4. 杭电2037java实现
  5. pe安装usb3.0驱动_电脑店U盘启动盘制作工具下载安装须知
  6. node.js https 模块设置请求头等信息
  7. 2-4:套接字(Socket)编程之TCP通信
  8. Python稳基修炼的经典案例8(计算机二级、初学者必须掌握的例题)
  9. 两百多的无线蓝牙耳机和一千多的AirPods,外观几乎一样,硬件差距在哪里?
  10. 生成网上下载的EF项目对应的数据库
  11. 堆栈应用(三):火车车厢重排
  12. java8 optional使用_[Java8]如何正确使用Optional
  13. [PBRT-V3]从MCMC的角度分析MLT
  14. 又一篇好文:折磨人的商业计划书
  15. win10c语言乱码修复方法,“字体库异常、电脑乱码的解决方案”的解决方案
  16. ROS kinetic自定义路径规划算法
  17. 如果开发“科技”一查通小程序软件查询添加剂信息是否有前途呢?
  18. IOS应用在iPhone5和iPhone5s上不能全屏显示,应用画面上下各有1条黑色的解决方案
  19. pi六轴算法_圆周率π的计算历程及各种脑洞大开的估计方法
  20. 长荣航空空服员受辱追踪:工会盼给当事人公伤假

热门文章

  1. 【原创】tyvj1038 忠诚 计蒜客 管家的忠诚 线段树(单点更新,区间查询)...
  2. 【数据分析】基于时间序列的预测方法
  3. 2021-12-09 vue移动端卖座电影项目(九) 使用事件总线EvenetBus控制选项卡tabbar的显隐(进入入详情页时隐藏)
  4. 20fall香港科技大学数据驱动建模硕士从申请到面试到offer
  5. 深度解析:特斯拉「最强」自动驾驶芯片?
  6. 用计算机信息术语感恩老师,感谢老师锦旗用语大全
  7. 二级mysql 常用客户瑞答案_MySQL客户端软件常用的主要有:_学小易找答案
  8. P1204 电池的寿命
  9. [转]程序员神级跳槽攻略:什么时候该跳?做什么准备?到哪里找工作?
  10. excel打不开是什么原因_iTunes安装后打不开是什么原因