Android使用 LruCache 缓存图片

迷南。 2022-05-13 05:56 198阅读 0赞

转自：http://www.bdqn.cn/news/201307/10432.shtml

摘要：在你应用程序的UI界面加载一张图片是一件很简单的事情，但是当你需要在界面上加载一大堆图片的时候，情况就变得复杂起来。

**使用图片缓存技术**

在你应用程序的UI界面加载一张图片是一件很简单的事情，但是当你需要在界面上加载一大堆图片的时候，情况就变得复杂起来。在很多情况下，（比如使用ListView, GridView 或者 ViewPager 这样的组件），屏幕上显示的图片可以通过滑动屏幕等事件不断地增加，最终导致OOM。

为了保证内存的使用始终维持在一个合理的范围，通常会把被移除屏幕的图片进行回收处理。此时垃圾回收器也会认为你不再持有这些图片的引用，从而对这些图片进行GC操作。用这种思路来解决问题是非常好的，可是为了能让程序快速运行，在界面上迅速地加载图片，你又必须要考虑到某些图片被回收之后，用户又将它重新滑入屏幕这种情况。这时重新去加载一遍刚刚加载过的图片无疑是性能的瓶颈，你需要想办法去避免这个情况的发生。

这个时候，使用内存缓存技术可以很好的解决这个问题，它可以让组件快速地重新加载和处理图片。下面我们就来看一看如何使用内存缓存技术来对图片进行缓存，从而让你的应用程序在加载很多图片的时候可以提高响应速度和流畅性。

内存缓存技术对那些大量占用应用程序宝贵内存的图片提供了快速访问的方法。其中最核心的类是LruCache (此类在android-support-v4的包中提供) 。这个类非常适合用来缓存图片，它的主要算法原理是把最近使用的对象用强引用存储在 LinkedHashMap 中，并且把最近最少使用的对象在缓存值达到预设定值之前从内存中移除。

在过去，我们经常会使用一种非常流行的内存缓存技术的实现，即软引用或弱引用 (SoftReference or WeakReference)。但是现在已经不再推荐使用这种方式了，因为从 Android 2.3 (API Level 9)开始，垃圾回收器会更倾向于回收持有软引用或弱引用的对象，这让软引用和弱引用变得不再可靠。另外，Android 3.0 (API Level 11)中，图片的数据会存储在本地的内存当中，因而无法用一种可预见的方式将其释放，这就有潜在的风险造成应用程序的内存溢出并崩溃。

为了能够选择一个合适的缓存大小给LruCache, 有以下多个因素应该放入考虑范围内，例如：

你的设备可以为每个应用程序分配多大的内存？

设备屏幕上一次最多能显示多少张图片？有多少图片需要进行预加载，因为有可能很快也会显示在屏幕上？

你的设备的屏幕大小和分辨率分别是多少？一个超高分辨率的设备（例如 Galaxy Nexus) 比起一个较低分辨率的设备（例如 Nexus S），在持有相同数量图片的时候，需要更大的缓存空间。

图片的尺寸和大小，还有每张图片会占据多少内存空间。

图片被访问的频率有多高？会不会有一些图片的访问频率比其它图片要高？如果有的话，你也许应该让一些图片常驻在内存当中，或者使用多个LruCache 对象来区分不同组的图片。

你能维持好数量和质量之间的平衡吗？有些时候，存储多个低像素的图片，而在后台去开线程加载高像素的图片会更加的有效。

并没有一个指定的缓存大小可以满足所有的应用程序，这是由你决定的。你应该去分析程序内存的使用情况，然后制定出一个合适的解决方案。一个太小的缓存空间，有可能造成图片频繁地被释放和重新加载，这并没有好处。而一个太大的缓存空间，则有可能还是会引起 java.lang.OutOfMemory 的异常。

下面是一个使用 LruCache 来缓存图片的例子：

\[java\]

<table style="border-collapse:collapse;border-spacing:0px;width:575px;font-size:1em;line-height:1.1em;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;"> 
 <tbody style="line-height:1.1em;font-size:1em;"> 
  <tr style="line-height:1.1em;font-size:1em;"> 
   <td style="line-height:1.1em;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-size:1em;"> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      1 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      2 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      3 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      4 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      5 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      6 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      7 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      8 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      9 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      10 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      11 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      12 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      13 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      14 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      15 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      16 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      17 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      18 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      19 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      20 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      21 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      22 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      23 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      24 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      25 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      26 
    </div> </td> 
   <td style="width:524px;line-height:1.1em;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-size:1em;"> 
    <div style="line-height:1.1em;font-size:1em;"> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">private</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">LruCache&lt;String, Bitmap&gt; mMemoryCache;</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:#808080;">@Override</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">protected</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">void</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">onCreate(Bundle savedInstanceState) { </code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:rgb(0,130,0);">// 获取到可用内存的最大值，使用内存超出这个值会引起OutOfMemory异常。</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:rgb(0,130,0);">// LruCache通过构造函数传入缓存值，以KB为单位。</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">int</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">maxMemory = (</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">int</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">) (Runtime.getRuntime().maxMemory() /</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:rgb(0,153,0);">1024</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">);</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:rgb(0,130,0);">// 使用最大可用内存值的1/8作为缓存的大小。</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">int</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">cacheSize = maxMemory /</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:rgb(0,153,0);">8</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">;</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">mMemoryCache =</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">new</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">LruCache&lt;String, Bitmap&gt;(cacheSize) { </code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:#808080;">@Override</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">protected</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">int</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">sizeOf(String key, Bitmap bitmap) { </code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:rgb(0,130,0);">// 重写此方法来衡量每张图片的大小，默认返回图片数量。</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">return</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">bitmap.getByteCount() /</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;color:rgb(0,153,0);">1024</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">;</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">}</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">};</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">}</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">public</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">void</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">addBitmapToMemoryCache(String key, Bitmap bitmap) { </code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">if</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">(getBitmapFromMemCache(key) ==</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">null</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">) { </code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">mMemoryCache.put(key, bitmap);</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">}</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">}</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">public</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">Bitmap getBitmapFromMemCache(String key) { </code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">return</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">mMemoryCache.get(key);</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">}</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

在这个例子当中，使用了系统分配给应用程序的八分之一内存来作为缓存大小。在中高配置的手机当中，这大概会有4兆(32/8)的缓存空间。一个全屏幕的 GridView 使用4张 800x480分辨率的图片来填充，则大概会占用1.5兆的空间(800\*480\*4)。因此，这个缓存大小可以存储2.5页的图片。

当向 ImageView 中加载一张图片时,首先会在 LruCache 的缓存中进行检查。如果找到了相应的键值，则会立刻更新ImageView ，否则开启一个后台线程来加载这张图片。

\[java\]

<table style="border-collapse:collapse;border-spacing:0px;width:607px;font-size:1em;line-height:1.1em;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;"> 
 <tbody style="line-height:1.1em;font-size:1em;"> 
  <tr style="line-height:1.1em;font-size:1em;"> 
   <td style="line-height:1.1em;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-size:1em;"> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      1 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      2 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      3 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      4 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      5 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      6 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      7 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      8 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      9 
    </div> 
    <div style="border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      10 
    </div> 
    <div style="background-color:rgb(250,250,250);border-right-color:rgb(108,226,108);line-height:1.1em;text-align:right;font-size:1em;">
      11 
    </div> </td> 
   <td style="width:556px;line-height:1.1em;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-size:1em;"> 
    <div style="line-height:1.1em;font-size:1em;"> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">public</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">void</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">loadBitmap(</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">int</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">resId, ImageView imageView) { </code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">final</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">String imageKey = String.valueOf(resId);</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">final</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">Bitmap bitmap = getBitmapFromMemCache(imageKey);</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">if</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">(bitmap !=</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">null</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">) { </code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">imageView.setImageBitmap(bitmap);</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">}</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">else</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">{ </code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">imageView.setImageResource(R.drawable.image_placeholder);</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">BitmapWorkerTask task =</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-weight:bold;font-size:1em;color:rgb(0,102,153);">new</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">BitmapWorkerTask(imageView);</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">task.execute(resId);</code> 
     </div> 
     <div style="line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;"></code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">}</code> 
     </div> 
     <div style="background-color:rgb(250,250,250);line-height:1.1em;font-size:1em;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:1.1em;font-size:1em;">}</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

BitmapWorkerTask 还要把新加载的图片的键值对放到缓存中。

\[java\]