简单实现自己的类似UniversalImageLoader网络图

2017-07-30  本文已影响0人  拯救世界的小安安

前言

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

总结

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

上一篇下一篇

猜你喜欢

热点阅读