ImageLoader作用 AAAA

Posted pengmn

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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/

























































































































































































































































































































































































































































以上是关于ImageLoader作用 AAAA的主要内容，如果未能解决你的问题，请参考以下文章

vue3中的fragment（片段）组件

62. ImageLoader源代码-流程分析

63.ImageLoader源代码分析-内存缓存算法

64.ImageLoader源代码分析-磁盘命名和图片缓存算法

这些 C++ 代码片段有啥作用？

这个代码片段有啥作用？