文档章节

Android高效显示图片详解

 等待流星
发布于 2014/04/24 14:05
字数 1147
阅读 464
收藏 16

用户在使用ListView或GridView时,控件会自动把用户滑过的已不在当前显示区域的ChildView回收掉,当然也会把该子视图上的bitmap回收掉以释放内存,因此,为了保证一个流畅,快速的操作体验,我们应当避免反复的对同一张图片进行加载,比如说用户在往下看图的过程中又向上滑回去看图,这时对于已经上面已经加载过的图片我们就没有必要让它再加载一遍了,应该能很快的把图片显示出来,这里我们要使用缓存来达到这一目的。


一,使用Memory Cache:

内存缓存速度快,同时为了更加适应实际应用的场景,我们使用LruCache来达到按使用频率缓存的目的,把最近使用的加入缓存,较长时间不用的则会剔除掉释放出空间。

缓存的代码如下:

  1. private LruCache<String, Bitmap> mMemoryCache;  
  2.  
  3. @Override  
  4. protected void onCreate(Bundle savedInstanceState) {  
  5.    ...  
  6.    // Get max available VM memory, exceeding this amount will throw an  
  7.    // OutOfMemory exception. Stored in kilobytes as LruCache takes an  
  8.    // int in its constructor.  
  9.    final int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);  
  10.  
  11.    // Use 1/8th of the available memory for this memory cache.  
  12.    final int cacheSize = maxMemory / 8;  
  13.  
  14.    mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {  
  15.        @Override  
  16.        protected int sizeOf(String key, Bitmap bitmap) {  
  17.            // The cache size will be measured in kilobytes rather than  
  18.            // number of items.  
  19.            return bitmap.getByteCount() / 1024;  
  20.        }  
  21.    };  
  22.    ...  
  23. }  
  24.  
  25. public void addBitmapToMemoryCache(String key, Bitmap bitmap) {  
  26.    if (getBitmapFromMemCache(key) == null) {  
  27.        mMemoryCache.put(key, bitmap);  
  28.    }  
  29. }  
  30.  
  31. public Bitmap getBitmapFromMemCache(String key) {  
  32.    return mMemoryCache.get(key);  
  33. }  
private LruCache<String, Bitmap> mMemoryCache;

@Override
protected void onCreate(Bundle savedInstanceState) {
    ...
    // Get max available VM memory, exceeding this amount will throw an
    // OutOfMemory exception. Stored in kilobytes as LruCache takes an
    // int in its constructor.
    final int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);

    // Use 1/8th of the available memory for this memory cache.
    final int cacheSize = maxMemory / 8;

    mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {
        @Override
        protected int sizeOf(String key, Bitmap bitmap) {
            // The cache size will be measured in kilobytes rather than
            // number of items.
            return bitmap.getByteCount() / 1024;
        }
    };
    ...
}

public void addBitmapToMemoryCache(String key, Bitmap bitmap) {
    if (getBitmapFromMemCache(key) == null) {
        mMemoryCache.put(key, bitmap);
    }
}

public Bitmap getBitmapFromMemCache(String key) {
    return mMemoryCache.get(key);
}


那么我们在loadBitmap的时候就可以先检查下缓存中保存的是否有该图片,有则直接取出使用,不再进行加载。

新的代码如下:

  1. public void loadBitmap(int resId, ImageView imageView) {  
  2.    final String imageKey = String.valueOf(resId);  
  3.  
  4.    final Bitmap bitmap = getBitmapFromMemCache(imageKey);  
  5.    if (bitmap != null) {  
  6.        mImageView.setImageBitmap(bitmap);  
  7.    } else {  
  8.        mImageView.setImageResource(R.drawable.image_placeholder);  
  9.        BitmapWorkerTask task = new BitmapWorkerTask(mImageView);  
  10.        task.execute(resId);  
  11.    }  
  12. }  
public void loadBitmap(int resId, ImageView imageView) {
    final String imageKey = String.valueOf(resId);

    final Bitmap bitmap = getBitmapFromMemCache(imageKey);
    if (bitmap != null) {
        mImageView.setImageBitmap(bitmap);
    } else {
        mImageView.setImageResource(R.drawable.image_placeholder);
        BitmapWorkerTask task = new BitmapWorkerTask(mImageView);
        task.execute(resId);
    }
}


当然,我们也要在加载图片是及时的维护缓存,把刚使用到的图片add进缓存中去。

新的代码如下:

  1. class BitmapWorkerTask extends AsyncTask<Integer, Void, Bitmap> {  
  2.    ...  
  3.    // Decode image in background.  
  4.    @Override  
  5.    protected Bitmap doInBackground(Integer... params) {  
  6.        final Bitmap bitmap = decodeSampledBitmapFromResource(  
  7.                getResources(), params[0], 100, 100));  
  8.        addBitmapToMemoryCache(String.valueOf(params[0]), bitmap);  
  9.        return bitmap;  
  10.    }  
  11.    ...  
  12. }  
class BitmapWorkerTask extends AsyncTask<Integer, Void, Bitmap> {
    ...
    // Decode image in background.
    @Override
    protected Bitmap doInBackground(Integer... params) {
        final Bitmap bitmap = decodeSampledBitmapFromResource(
                getResources(), params[0], 100, 100));
        addBitmapToMemoryCache(String.valueOf(params[0]), bitmap);
        return bitmap;
    }
    ...
}


在使用内存做缓存的基础上,我们还可以使用Disk控件做为缓存,构成一种二级缓存的结构,设想这种情况,如果App在使用的过程被突然来电打断,那么此时有可能就会引起系统内存的回收,当用户再次切换到App时,App就要进行次很明显的图片再次加载的过程。这个时候,我们就需要用到Disk了,因为足够持久。

下面是是原来的基础上增加使用Disk Cache 的例子:

  1. private DiskLruCache mDiskLruCache;  
  2. private final Object mDiskCacheLock = new Object();  
  3. private boolean mDiskCacheStarting = true;  
  4. private static final int DISK_CACHE_SIZE = 1024 * 1024 * 10; // 10MB  
  5. private static final String DISK_CACHE_SUBDIR = "thumbnails";  
  6.  
  7. @Override  
  8. protected void onCreate(Bundle savedInstanceState) {  
  9.    ...  
  10.    // Initialize memory cache  
  11.    ...  
  12.    // Initialize disk cache on background thread  
  13.    File cacheDir = getDiskCacheDir(this, DISK_CACHE_SUBDIR);  
  14.    new InitDiskCacheTask().execute(cacheDir);  
  15.    ...  
  16. }  
  17.  
  18. class InitDiskCacheTask extends AsyncTask<File, Void, Void> {  
  19.    @Override  
  20.    protected Void doInBackground(File... params) {  
  21.        synchronized (mDiskCacheLock) {  
  22.            File cacheDir = params[0];  
  23.            mDiskLruCache = DiskLruCache.open(cacheDir, DISK_CACHE_SIZE);  
  24.            mDiskCacheStarting = false; // Finished initialization  
  25.            mDiskCacheLock.notifyAll(); // Wake any waiting threads  
  26.        }  
  27.        return null;  
  28.    }  
  29. }  
  30.  
  31. class BitmapWorkerTask extends AsyncTask<Integer, Void, Bitmap> {  
  32.    ...  
  33.    // Decode image in background.  
  34.    @Override  
  35.    protected Bitmap doInBackground(Integer... params) {  
  36.        final String imageKey = String.valueOf(params[0]);  
  37.  
  38.        // Check disk cache in background thread  
  39.        Bitmap bitmap = getBitmapFromDiskCache(imageKey);  
  40.  
  41.        if (bitmap == null) { // Not found in disk cache  
  42.            // Process as normal  
  43.            final Bitmap bitmap = decodeSampledBitmapFromResource(  
  44.                    getResources(), params[0], 100, 100));  
  45.        }  
  46.  
  47.        // Add final bitmap to caches  
  48.        addBitmapToCache(imageKey, bitmap);  
  49.  
  50.        return bitmap;  
  51.    }  
  52.    ...  
  53. }  
  54.  
  55. public void addBitmapToCache(String key, Bitmap bitmap) {  
  56.    // Add to memory cache as before  
  57.    if (getBitmapFromMemCache(key) == null) {  
  58.        mMemoryCache.put(key, bitmap);  
  59.    }  
  60.  
  61.    // Also add to disk cache  
  62.    synchronized (mDiskCacheLock) {  
  63.        if (mDiskLruCache != null && mDiskLruCache.get(key) == null) {  
  64.            mDiskLruCache.put(key, bitmap);  
  65.        }  
  66.    }  
  67. }  
  68.  
  69. public Bitmap getBitmapFromDiskCache(String key) {  
  70.    synchronized (mDiskCacheLock) {  
  71.        // Wait while disk cache is started from background thread  
  72.        while (mDiskCacheStarting) {  
  73.            try {  
  74.                mDiskCacheLock.wait();  
  75.            } catch (InterruptedException e) {}  
  76.        }  
  77.        if (mDiskLruCache != null) {  
  78.            return mDiskLruCache.get(key);  
  79.        }  
  80.    }  
  81.    return null;  
  82. }  
  83.  
  84. // Creates a unique subdirectory of the designated app cache directory. Tries to use external  
  85. // but if not mounted, falls back on internal storage.  
  86. public static File getDiskCacheDir(Context context, String uniqueName) {  
  87.    // Check if media is mounted or storage is built-in, if so, try and use external cache dir  
  88.    // otherwise use internal cache dir  
  89.    final String cachePath =  
  90.            Environment.MEDIA_MOUNTED.equals(Environment.getExternalStorageState()) ||  
  91.                    !isExternalStorageRemovable() ? getExternalCacheDir(context).getPath() :  
  92.                            context.getCacheDir().getPath();  
  93.  
  94.    return new File(cachePath + File.separator + uniqueName);  
  95. }  

本文转载自:http://blog.csdn.net/zhiying201039/article/details/8682419

共有 人打赏支持
粉丝 5
博文 78
码字总数 10995
作品 0
崇明
私信 提问
Android开发优秀博文收录

Android 完美实现图片圆角和圆形(对实现进行分析) 2.Android之Loader理解 3.Android Loader详解一:概述 4. Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅 5. And...

JayPark不作死
2014/09/29
0
0
Android高效显示图片详解(一)

前提与解释: 安卓平台作为一款移动端的应用操作平台,其内存容量是十分有限的,内存资源是十分珍贵的,是无法与传统的桌面平台相比的,因此,在安卓平台下同样的图片操作与处理都要十分谨慎...

openorz
2014/02/11
0
0
Android 布局属性详解

RelativeLayout 第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 andr......

长平狐
2013/01/06
70
0
android TextView属性详解

RelativeLayout用到的一些重要的属性: 第一类:属性值为true或false android:layoutcenterHrizontal 水平居中 android:layoutcenterVertical 垂直居中 android:layoutcenterInparent 相对于父...

mutouzhang
2014/03/19
0
0
android布局属性详解

RelativeLayout用到的一些重要的属性: 第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对......

长平狐
2012/10/09
131
0

没有更多内容

加载失败,请刷新页面

加载更多

解析Node.js通过axios实现网络请求

本次给大家分享一篇node.js通过axios实现网络请求的方法,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 1、使用Npm 下载axios n...

前端攻城老湿
13分钟前
0
0
深入浅出之React-redux中connect的装饰器用法@connect

这篇文章主要介绍了react-redux中connect的装饰器用法@connect详解,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 通常我们需要一...

前端攻城小牛
14分钟前
0
0
详解css BEM书写规范

BEM是基于组件的web开发方法。其思想是将用户界面分隔为独立的块,从而使开发复杂的UI界面变得更简单和快,且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里...

前端小攻略
29分钟前
4
0
一个centos初始化脚本

概述 就是自己无聊写的一个脚本,欢迎使用,star,fork顺便关注我一波 https://github.com/bboysoulcn/centos 使用方法 这个是给最小化安装的centos使用的,在centos 7.5上测试过,当然其他的...

bboysoulcn
33分钟前
9
0
mybatis 自动维护 createdAt, updatedAt

SpringBoot Mybatis Plus公共字段自动填充功能

youngjdong
36分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部