zoukankan      html  css  js  c++  java

  • ImageLoader作用 AAAA

    https://github.com/nostra13/Android-Universal-Image-Loader

    ImageLoader作用

    1.多线程下载图片，图片可以来源于网络，文件系统，项目文件夹assets中以及drawable中
    2.支持图片的内存缓存，文件系统缓存或者SD卡缓存
    3.支持图片下载过程的监听
    4.根据控件(ImageView)的大小对Bitmap进行裁剪，减少Bitmap占用过多的内存

    加载第三方库

    Gradle代码
    ‘com.nostra13.universalimageloader:universal-image-loader:1.9.4’

    权限

    1
    2
    		 
    <uses-permission android:name="android.permission.INTERNET" />  
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

    ImageLoader加载的类型

    1
    2
    3
    4
    5
    6
    7
    		 
    "http://site.com/image.png"// from Web  
    "file:///mnt/sdcard/image.png" // from SD card
    "file:///mnt/sdcard/video.mp4" // from SD card  (video thumbnail)
    "content://media/external/images/media/13" // from content provider
    "content://media/external/video/media/13" // from content provider (video thumbnail)
    "assets://image.png" // from assets
    "drawable://" + R.drawable.img // from drawables [用imageView.setImageResource(drawable)来代替]

    ImageLoader的加载、显示配置：

    加载Image时的配置(ImageLoaderConfiguration)

    自定义配置 - 通过new ImageLoaderConfiguration.Builder().builder()方法进行实例化。
    默认配置 - 通过ImageLoaderConfiguration 的createDefault进行实例化。

    • 默认配置
    1
    2
    3
    4
    5
    6
    7
    8
    9
    		 
    File diskCache = StorageUtils.getOwnCacheDirectory(context, "BNJ_IMAGE_CACHE/");  
    ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context)
    		.diskCache(new UnlimitedDiscCache(diskCache)) // 设置缓存路径
    		.memoryCacheSize(2 * 1024) // 设置缓存的最大字节
    		.diskCacheFileNameGenerator(new Md5FileNameGenerator())  // 加密
    		.denyCacheImageMultipleSizesInMemory() // 禁止缓存显示不同大小的同一张图片
    		.memoryCacheExtraOptions(800, 760) // 保存每个缓存图片的最大长和宽
    		.diskCacheFileCount(100) //缓存的File数量
    		.build();

    使用
    通过ImageLoader的getInstance().init()方法传入上述options对象.

    显示Image时的配置(DisplayImageOptions)

    自定义配置 - 通过new DisplayImageOptions.Builder().builder()方法实例化对象 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    		 
    DisplayImageOptions options = new DisplayImageOptions.Builder()  
               .showImageOnLoading(R.drawable.ic_stub) // 设置加载时的图片 （使用loadImage方法加载时无效）
               .showImageForEmptyUri(R.drawable.ic_empty) // resource or drawable  
               .showImageOnFail(R.drawable.ic_error) // 设置加载失败的图片
               .cacheInMemory(true) //设置使用内存缓存
               .cacheOnDisk(true)  //使用文件缓存
               .displayer(new RoundedBitmapDisplayer(20))  // 设置成圆角图片    
               .bitmapConfig(Bitmap.Config.RGB_565)  //减少内存消耗
    		   .delayBeforeLoading(100) //设置下载图片前的延时
               .imageScaleType(ImageScaleType.EXACTLY_STRETCHED)
       		   .considerExifParams(false) //是否考虑JPEG图像EXIF参数（旋转，翻转）
               .build();  

    ImageSize size= new ImageSize(300,300);（大小可以通过创建ImageSize对象设置）

    上述图片显示displayer  
    //显示圆角 RoundedBitmapDisplayer
    //淡入显示 FadeInBitmapDisplayer

    加载图片的方法

    loadImage跟displayImage

    A.ImageLoader.getInstance().loadImage(uri地址，图片大小，上述配置，监听器，进度监听器);
    B.ImageLoader.getinstance().displayImage(uri地址，控件，上述配置，监听器，进度监听器);

    区别
    A方法可以设置图片大小，即自定义下载图片的大小
    B方法会根据控件大小及ImageScaleType来裁剪图片
    常用displayImage方法

    监听器有两种
    SimpleImageLoadingListener（简单的监听器）
    ImageLoadingListener （该监听器能实现 加载图片取消时，失败时的方法）
    ImageLoadingProgressListener
    最后在监听器的onLoadingComplete方法里，设置图片显示即可

    进阶
    listView.setOnScrollListener(new PauseOnScrollListener(imageLoader, pauseOnScroll, pauseOnFling));
    第一个参数是imageLoader，第二个参数是滑动时是否加载图片，第三个参数是猛的滑动时是否加载图片

    OOM问题

    如果使用了ImageLoader出现OutOfMemoryError的话,那么可以通过下列方法解决
    关闭memory的cache。

    减少线程池的大小
    用Bitmap.Config.RGB565代替ARGB8888
    使用.imageScaleType(ImageScaleType.EXACTLY 或ImageScaleType.IN_SAMPLE_INT）
    使用.diskCacheExtraOption(480, 320, null)

    获取缓存文件

    1
    2
    		 
    DiskCache diskCache = ImageLoader.getInstance().getDiskCache();
    File cacheFile = DiskCacheUtils.findInCache(imgpath, diskCache);

    ImageView ScaleType

    ImageLoader的使用及封装

    使用

    1.全局初始化ImageLoader,配置ImageLoader的参数(ImageLoaderConfiguration)
    2.配置图片加载的参数(DisplayImageOptions)
    3.创建ImageLoader的对象,调用displayImage方法

    封装

    1.利用单例模式创建ImageLoaderTool的对象

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    		 
    public class ImageLoaderTool{

    	private static ImageLoader imageLoader;//用于全局初始化
    	private static ImageLoaderConfiguration configuration;//配置ImageLoader的参数

    	private static class Holder{ //单例模式
    		private static final ImageLoaderTool imageLoaderTool = new ImageLoaderTool();
    	}

    	public static ImageLoaderTool getInstance(){
    		if(configuration==null || imageLoader==null){
    			throw new RunTimeException ("Must be call the method InitImageLoader(Context context) in Application");
    		}
    		return Holder.imageLoaderTool;
    	}
    }

    2.初始化ImageLoaderConfiguration

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    		 

    public static void initImageLoader(Context context) {
        File diskCache = StorageUtils.getOwnCacheDirectory(context, "TJD_NBA/");
        if (configuration == null) {
            configuration = new ImageLoaderConfiguration.Builder(context)
                    .diskCache(new UnlimitedDiskCache(diskCache))
                    .diskCacheFileNameGenerator(new Md5FileNameGenerator()) //md5加密
                    .memoryCacheSize(1024 * 2)//缓存最大字节
                    .memoryCache(new LruMemoryCache(5 * 1024 * 1024))//解决缓存listview滑动后显示默认图
                    .memoryCacheExtraOptions(800, 760)// 保存每个缓存图片的最大长和宽
                    .diskCacheFileCount(100) //缓存的File数量
                    .build();
        }
        if (imageLoader == null) {
            imageLoader = ImageLoader.getInstance();
            imageLoader.init(configuration);
        }
    }

    3.封装DisplayImage方法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    		 
    /**
     * 加载drawable图片,不能加载系统的drawable 即android:drawable
     *
     * @param resid
     * @param imageView
     */
    public void loadImageFromDrawable(int resid, ImageView imageView) {
        imageLoader.displayImage(DRAWABLE_PREFIX + resid, imageView);
    }

    示例 - 封装ImageLoader

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    		 
    /**
     * ImageLoader的封装。单例模式
     * 1. "http://site.com/image.png" // from Web
     * 2. "file:///mnt/sdcard/image.png" // from SD card
     * 3. "file:///mnt/sdcard/video.mp4" // from SD card  (video thumbnail)
     * 4. "content://media/external/images/media/13" // from content provider
     * 5. "content://media/external/video/media/13" // from content provider (video thumbnail)
     * 6. "assets://image.png" // from assets
     * 7. "drawable://" + R.drawable.img // from drawables (non-9patch images)[用imageView.setImageResource(drawable)来代替]
     */
    public class ImageLoaderTool {

        private static ImageLoader imageLoader; //用于全局初始化
        private static ImageLoaderConfiguration configuration;//默认的ImageLoader配置
        private final String DRAWABLE_PREFIX = "drawable://";//用于加载drawable图像

        private static class Holder {
            private static final ImageLoaderTool loaderTool = new ImageLoaderTool();
        }

        public static ImageLoaderTool getInstance() {
            if (imageLoader == null || configuration == null) {
                throw new RuntimeException("Must be call the method InitImageLoader(Context context) in Application");
            }
            return Holder.loaderTool;
        }

        //
        // 初始化ImageLoader
        //
        // @param context 在APP中
        //
        public static void initImageLoader(Context context) {
            File diskCache = StorageUtils.getOwnCacheDirectory(context, "TJD_NBA/");
            if (configuration == null) {
                configuration = new ImageLoaderConfiguration.Builder(context)
                        .diskCache(new UnlimitedDiskCache(diskCache))
                        .diskCacheFileNameGenerator(new Md5FileNameGenerator()) //md5加密
                        .memoryCacheSize(1024 * 2)//缓存最大字节
                        .memoryCache(new LruMemoryCache(5 * 1024 * 1024))//解决缓存listview滑动后显示默认图
                        .memoryCacheExtraOptions(800, 760)// 保存每个缓存图片的最大长和宽
                        .diskCacheFileCount(100) //缓存的File数量
                        .build();
            }
            if (imageLoader == null) {
                imageLoader = ImageLoader.getInstance();
                imageLoader.init(configuration);
            }
        }

         //
         // 默认图片加载参数
         //
        private static DisplayImageOptions defaultOptions = new DisplayImageOptions.Builder()
                .cacheOnDisk(true)
                .cacheInMemory(true)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .imageScaleType(ImageScaleType.EXACTLY)
                .showImageOnFail(R.drawable.side_nav_bar)
                .showImageForEmptyUri(R.drawable.side_nav_bar)
                .showImageOnLoading(R.drawable.side_nav_bar)
                .delayBeforeLoading(1000)
                .considerExifParams(true) //是否考虑JPEG图像EXIF参数（旋转，翻转）
                .build();

        //
        // 加载普通图片
        //
        // @param url
        // @param imageView
        //
        public void loadImage(String url, ImageView imageView) {
            imageLoader.displayImage(url, imageView, defaultOptions);
        }

        //
        // 加载drawable图片,不能加载系统的drawable 即android:drawable
        //
        // @param resid
        // @param imageView
        //
        public void loadImageFromDrawable(int resid, ImageView imageView) {
            imageLoader.displayImage(DRAWABLE_PREFIX + resid, imageView);
        }

    }

    使用ImageLoader时加载相同URL的问题

    //使用displayImage,而不使用loadImage,因为loadImage会导致当同时加载同一个url的时候出现task被取消的情况
    //详情见https://github.com/nostra13/Android-Universal-Image-Loader/issues/804

    1
    2
    3
    		 
    // 解决方法
     ImageSize size = new ImageSize(Functions.getScreenWidthPix(getActivity()), Functions.getScreenHeightPix(getActivity()));
     NonViewAware imageAware = new NonViewAware(size, ViewScaleType.CROP);

    解决listvie宽度设置wwrap_content无效的方法

    stackoverflow大佬

    现象
    listview宽度设置wrap_content无效
    解决办法，添加FrameLayout跟LinearLayout设置weight

    修改前代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    		 
    <ListView
    android:id="@+id/listView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.3"
    android:background="黑色"
    android:divider="@null"
    android:gravity="center"
    android:horizontalSpacing="7dp"
    android:numColumns="4"
    android:paddingLeft="@dimen/common_layout_margin_15dp"
    android:paddingRight="@dimen/common_layout_margin_15dp"></ListView>

    修改后代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    		 
    <LinearLayout
    				android:layout_width="wrap_content"
    				android:layout_height="wrap_content"
    				android:orientation="horizontal">

    	<ListView
    			android:id="@+id/listView"
    			android:layout_width="0dp"
    			android:layout_height="wrap_content"
    			android:layout_weight="0.3"
    			android:background="黑色"
    			android:divider="@null"
    			android:gravity="center"
    			android:horizontalSpacing="7dp"
    			android:numColumns="4"
    			android:paddingLeft="@dimen/common_layout_margin_15dp"
    			android:paddingRight="@dimen/common_layout_margin_15dp"></ListView>

    	<FrameLayout
    			android:layout_width="0dp"
    			android:layout_height="match_parent"
    			android:layout_weight="0.7"
    			android:background="蓝色" />

    </LinearLayout>

    本文标题:ImageLoader的理解

    文章作者:TanJunDang

    发布时间:2015年09月17日 - 00时00分

    最后更新:2018年05月14日 - 15时44分

    原始链接:http://TanJunDang.github.io/2015/09/17/ImageLoaderTool/


    https://tanjundang.github.io/2015/09/17/ImageLoaderTool/
  • 相关阅读:
    [error]The command could not be located because '/usr/bin' is not included
    hadoop伪分布式
    ssh免密码登录
    移动端中的陀螺仪，摇一摇
    利用百度地图做的定位，获取位置和经纬度
    租房短租发布场地，工作中遇到的复杂日期插件功能
    深入理解定时器系列第三篇——定时器应用(时钟、倒计时、秒表和闹钟)
    BOM之navigator对象和用户代理检测
    jq css3实现跑马灯+大转盘
    Vue小事例
  • 原文地址：https://www.cnblogs.com/pengmn/p/10330017.html
Copyright © 2011-2022 走看看