美文网首页
简单实现自己的类似UniversalImageLoader网络图

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

作者: 拯救世界的小安安 | 来源:发表于2017-07-30 11:06 被阅读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) {
                    //加载结束
                }
            });
    

    总结

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

    相关文章

      网友评论

          本文标题:简单实现自己的类似UniversalImageLoader网络图

          本文链接:https://www.haomeiwen.com/subject/kfvhlxtx.html