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

shadajin 发布于2019-08-15 11:10 / 1332人阅读

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

前言

一直以来都在用第三方框架加载图片，因为这样会省下不少的开发成本，常用的一些如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) {
                //加载结束
            }
        });

总结

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

超融合服务器 idc机房托管 js实现数据的懒加载图片 js实现图片预加载 php简单的mvc框架 java中的缓存框架

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

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

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

摘要：前言一直以来都在用第三方框架加载图片，因为这样会省下不少的开发成本，常用的一些如以及谷歌官方的图片框架或者相似的都基本上能够满足我们开发的需求。前言一直以来都在用第三方框架加载图片，因为这样会省下不少的开发成本，常用的一些如universal-image-loader以及谷歌官方的图片框架glide或者相似的picasso都基本上能够满足我们开发的需求。本着学习的态度，在参考了若干...

incredible 2019-06-25 11:31 评论0 收藏0
图片加载框架之UIL

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

lentrue 2019-08-16 10:50 评论0 收藏0
图片加载框架之UIL

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

junfeng777 2019-06-25 11:36 评论0 收藏0
2019最新Android面试题

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

plus2047 2019-08-19 11:45 评论0 收藏0
图片处理工具

摘要：但是我们还是发现至少有两个问题，以为例，第一，当需求变动，你最全面详解图像处理的最重要类之一。将图片存储到一个特殊的区域，避免了。 Android7.0 完美适配——FileProvider 拍照裁剪全解析适配 android7.0 中的拍照相册裁剪功能使用 photoView 实现可点击放大到全屏显示的控件，效果类似于微信朋友圈点开看大图使用 photoView 实现可点击放大...

wangxinarhat 2019-06-25 11:47 评论0 收藏0