资讯专栏INFORMATION COLUMN

简单实现自己的类似UniversalImageLoader网络图片加载缓存框架

shadajin / 1492人阅读

摘要:前言一直以来都在用第三方框架加载图片,因为这样会省下不少的开发成本,常用的一些如以及谷歌官方的图片框架或者相似的都基本上能够满足我们开发的需求。

前言

一直以来都在用第三方框架加载图片,因为这样会省下不少的开发成本,常用的一些如universal-image-loader以及谷歌官方的图片框架glide或者相似的picasso都基本上能够满足我们开发的需求。
本着学习的态度,在参考了若干案例之后,站着撸了一个类似universal-image-loader的框架,怎么评价它呢,一句话:凑合凑合能用吧~
已并入我自己写的小工具AnnUtils的imageloader模块,传送门:github

原理

图片加载缓存,工作原理:根据相关url加载图片时,第一先从内存缓存中查找是否有该图片的缓存,然后从文件缓存中查找是否有缓存,最后从指定的url中下载图片。

主要代码

主要方法:

public void displayImage(String url, ImageView imageView, int requiredSize, OnImageLoaderListener listener) {
        imageViews.put(imageView, url);
        // 先从内存缓存中查找
        Bitmap bitmap = memoryCache.get(url);
        if (bitmap != null){
            imageView.setImageBitmap(bitmap);
            if(null != listener){
                listener.onFinishedImageLoader(imageView, bitmap); // 通知完成加载
            }
        } else {
            // 若没有的话则设置成默认图片,并开启新线程加载真实需要的图片
            imageView.setImageResource(config.getDefaultResId());
            loadPhoto(url, imageView, requiredSize, listener);
        }
    }

加载网络图片以及回调进度参数的方法

/**
     * 执行网络请求加载图片
     * @param url
     * @param requiredSize
     * @return
     */
    private Bitmap getBitmap(String url, int requiredSize, PhotoToLoad photoToLoad) {
        File f = fileCache.getFile(url);
        // 先从文件缓存中查找是否有
        Bitmap b = decodeFile(f, requiredSize);
        if (b != null)
            return b;

        // 最后从指定的url中下载图片
        try {
            Bitmap bitmap = null;
            URL imageUrl = new URL(url);
            HttpURLConnection conn = (HttpURLConnection) imageUrl
                    .openConnection();
            conn.setConnectTimeout(30000);
            conn.setReadTimeout(30000);
            conn.setInstanceFollowRedirects(true);
            InputStream is = conn.getInputStream();
            OutputStream os = new FileOutputStream(f);
//            CopyStream(is, os, conn.getContentLength(), photoToLoad);

            photoToLoad.totalSize = conn.getContentLength();
            int buffer_size = 1024;
            byte[] bytes = new byte[buffer_size];
            for (; ; ) {
                int count = is.read(bytes, 0, buffer_size);

                if (count == -1){
                    break;
                }
                os.write(bytes, 0, count);

                if(null != photoToLoad.onImageLoaderListener){ // 如果设置了图片加载监听,则回调
                    Message msg = handler.obtainMessage();
                    photoToLoad.currentSize += count;
                    msg.arg1 = IMAGE_LOADER_PROCESS;
                    msg.obj = photoToLoad;
                    handler.sendMessage(msg);
                }

            }

            is.close();
            os.close();
            bitmap = decodeFile(f, requiredSize);
            return bitmap;
        } catch (Exception ex) {
            ex.printStackTrace();
            return null;
        }
    }

具体实现可以参考源码

使用方式 配置初始化
AnnImageLoader.init(getApplicationContext(),
     new CacheConfig()
     .setDefRequiredSize(600) // 设置默认的加载图片尺寸(表示宽高任一不超过该值,默认是70px)
     .setDefaultResId(R.drawable.ic_launcher) // 设置显示的默认图片(默认是0,即空白图片)
     .setBitmapConfig(Bitmap.Config.ARGB_8888) // 设置图片位图模式(默认是Bitmap.CacheConfig.ARGB_8888)
     .setMemoryCachelimit(Runtime.getRuntime().maxMemory() / 3) // 设置图片内存缓存大小(默认是Runtime.getRuntime().maxMemory() / 4)
     .setFileCachePath(Environment.getExternalStorageDirectory().toString() + "/mycache") // 设置文件缓存保存目录
 );
显示图片
AnnImageLoader.getInstances().displayImage(url,imageview, new AnnImageLoader.OnImageLoaderListener() {
            @Override
            public void onProgressImageLoader(ImageView imageView, int currentSize, int totalSize) {
                //进度条
            }

            @Override
            public void onFinishedImageLoader(ImageView imageView, Bitmap bitmap) {
                //加载结束
            }
        });
总结

实现的方式很简单,有网络,有自定义控件,有涉及内存的使用,虽然还有很多的不足,但是从中总结到了许多自己平常需要用到的知识,就当作是自己的一个锻炼吧。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/67586.html

相关文章

  • 图片加载框架之UIL

    摘要:加载并显示图片或加载并执行回调接口。加载图片主要分为三类接口表示异步加载并显示图片到对应的上。以上三类接口最终都会调用到这个函数进行图片加载。不允许访问网络的图片下载器。创建图片下载器,返回一个。 1. 功能介绍 1.1 Android Universal Image Loader Android Universal Image Loader 是一个强大的、可高度定制的图片缓存,本文简...

    lentrue 评论0 收藏0
  • 2019最新Android面试题

    摘要:若拦截事件返回为,表示拦截,事件不会向下层的或者传递,表示不拦截,继续分发事件。五注册反注册未成对使用引起的内存泄漏。七集合对象没有及时清理引起的内存泄漏。 原文链接:https://blog.csdn.net/wen_hah... 版权声明:本文为博主原创文章,转载请附上博文链接! 前言 金三银四到来了,找工作的好时候到了,小伙伴们是不是都在忙着找工作呢,小弟前一阵也是忙着在找工作,...

    plus2047 评论0 收藏0

发表评论

0条评论

shadajin

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<