码迷，mamicode.com
首页 > 其他好文 > 详细

ImageLoader作用 AAAA

时间：2019-01-28 15:07:45      阅读：216      评论：0      收藏：0      [点我收藏+]

标签：target   fling   file   缓存   解决   except   nal   分享   简单的   

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/

ImageLoader作用 AAAA

标签：target   fling   file   缓存   解决   except   nal   分享   简单的   

原文地址：https://www.cnblogs.com/pengmn/p/10330017.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！