首页 > 代码库 > 关于图片加载框架
关于图片加载框架
接上篇,这篇开始对现在比较的流行的第三方图片加载框架做一个对比总结。
这篇文章介绍内容如下:
1、目前流行的图片加载框架有什么?
2、各自的使用方法
3、各自的优缺点
4、优化问题
一、目前流行的图片加载框架有什么?
ImageLoader Glide Picasso Fresso(2015年)
注:由于现在ImageLoader使用较少,本篇博文将不再对它进行阐述。主要以其它三个框架为主,有兴趣的同学可以自行学习。
二、各自的使用方法
Picasso:
Picasso .with(this) .load("图片地址") //转换图片大小 .resize(100,100) //类似于scaleType属性 .centerCrop() //占位图 .placeholder(R.mipmap.ic_launcher) //错误提示图 .error(R.mipmap.ic_launcher) .into(ImageView);
Glide:(使用方法与Picasso基本一致)
Fresco:
<com.facebook.drawee.view.SimpleDraweeView android:id="@+id/my_image_view" android:layout_width="20dp" android:layout_height="20dp" fresco:fadeDuration="300" fresco:actualImageScaleType="focusCrop" fresco:placeholderImage="@color/colorPrimary" fresco:placeholderImageScaleType="fitCenter" fresco:failureImage="@mipmap/ic_launcher" fresco:failureImageScaleType="centerInside" fresco:retryImage="@mipmap/ic_launcher" fresco:retryImageScaleType="centerCrop" fresco:progressBarImage="@mipmap/ic_launcher" fresco:progressBarImageScaleType="centerInside" fresco:progressBarAutoRotateInterval="1000" fresco:backgroundImage="@color/colorPrimary" fresco:overlayImage="@mipmap/ic_launcher" fresco:pressedStateOverlayImage="@color/colorPrimary" fresco:roundAsCircle="false" fresco:roundedCornerRadius="1dp" fresco:roundTopLeft="true" fresco:roundTopRight="false" fresco:roundBottomLeft="false" fresco:roundBottomRight="true" fresco:roundWithOverlayColor="@color/colorPrimary" fresco:roundingBorderWidth="2dp" fresco:roundingBorderColor="@color/colorPrimary" />
fresco属性介绍:
1、必须设置width和Height属性,并且这两个属性不知吹wrap_content,必须强制设置宽高。
2、支持宽高比,通过viewAspectRatio属性指定宽高比,固定宽或高,另一个可以设置为wrap_content
3、placeholderImage及placeholderImageScaleType,设置占位图及占位图的缩放类型
4、roundAsCircle = true设置为圆型图
5、roundedCornerRadius圆角
6、roundWithOverlayColor背景固定成指定的颜色
在使用fresco加载图片时先初始化(推荐在application中初始化)
Fresco.initialize(this);
加载图片只需通过setImageURI就可以实现:
draweeView.setImageURI(uri);
fresco所有属性几乎都支持在代码中进行修改,如果有需要,具体需要方法可以去看官方提供文档,写的很详细。
(注:上面的所有是官方列举出来的,只对部分常用属性作解释。我的demo是在0.12.0版本下运行的,我在做的时候,版本低造成部分属性不支持,注意版本问题哦。
要想让fresco支持webp格式图片,必须引入相关依赖)
三、各自的优缺点
首先说,任何一种框架都不会是绝对完美的,只要是适合你的,就是最好的。所以,选择使用框架的时候,一定要明白它的优缺点,结合你要做的项目进行选择。
Picasso:
优点:
1、Picasso默认加载图片的格式是ARGB_8888,图片清晰度高。
2、在adapter中需要取消已经不在视野范围的ImageView图片资源的加载,否则会导致图片错位,Picasso已经解决了这个问题
3、使用复杂的图片压缩转换来尽可能的减少内存消耗
4、自带内存和硬盘二级缓存功能
缺点:
1、每次缓存的时候,不管imageview的大小是什么,它都会默认缓存整张图片,当显示的时候总是需要调整大小
2、不能加载gif图,加载出来的也是不可以动的
3、圆角图需要自定义转换器,然后通过transform 方法指定,且显示效果不好,或有毛边
Glide:
优点:
1、Picasso的with方法只能传入context对象,而Glide可以传context、Activity、FragmentActivity、Fragment等。
这样做的好处是:可以让图片的加载与Activity或Fragment的声明周期保持一致。在Activity或Fragment销毁的时候停止加载。
2、Glide默认加载的格式是RGB_565,它占用内存仅为ARGB_8888的一半
3、它会根据imageview图片大小不同缓存多张图片,加载速度快,优于Picasso,相当于用空间来换取时间
4、支持gif图(耗内存,慎用)
5、圆角图效果比Picasso好
6、还有一个特性是你可以配置图片显示的动画,而Picasso只有一种动画:fading in。
7、可以使用thumbnail()产生一个你所加载图片的thumbnail。
缺点:
1、加载格式是RGB_565,没有Picasso的图片效果好(但是肉眼并不能分辨,可以选择用这种方法来优化你的项目,减少内存占用)
。。。。
(Picasso和Glide的方法个数分别是840和2678个。必须指出,对于DEX文件65535个方法的限制来说,2678是一个相当大的数字了。建议在使用Glide的时候开启ProGuard。)
总结:Glide和Picasso都不是完美的,从某些方面来说,Glide在图片的缓存上来说是比较不错的,因为它的速度比较快,另外,它
也可以有效的防止OOM错误,而加载gif图片也是Glide的一大优势,但是默认情况下picasso的图片质量是很高的。
另外的一点小建议是,使用Glide的时候把图片的格式改为ARGB8888并且缓存全尺寸和其他尺寸的图片,这样使用可以让加载图片更好。
Fresco
号称是迄今为止安卓最强大的图片加载框架,相对与其它几个框架,他的主要优点就是能够更好的内存管理和更强大的功能。
优点:
1、内存管理,实现了真正意义上的三级缓存,两级内存缓存和一个磁盘缓存。两级内存缓存分别是bitmap缓存和未解码图片的缓存,加快了图片的加载速度。同时值得一提的是,在app切换到后台时,fresco
会自动清理两级的内存缓存,无需手动,
2、支持流式,可以类似网页上模糊渐进式显示图片
3、对多帧动画图片支持的更好,如gif和webp(引导界面的大图用智图压成webp放在drawable中,用fresco加载就可以)
(注:今日对图片加载问题的总结主要是为了webp的引入,它是一种新的图片格式,目前许多网站都有应用,有兴趣的可以继续关注)
缺点:
体积相比其它的框架都大,通常引入后会导致应用的apk增加1.5M到2M
(其实我觉得,相对与fresco的优点,这个缺点不算什么的~当然,如果你的项目仅仅的图片展示,我觉的Glide或Picasso稍微做一些优化也足够了)
四、优化问题
仅提供几种优化方法,根据自己需要进行选择:
1、需要高质量的图片,不满足与Glide的RGB_565
public class GlideConfiguration implements GlideModule { @Override public void applyOptions(Context context, GlideBuilder builder) { // Apply options to the builder here. builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888); } @Override public void registerComponents(Context context, Glide glide) { // register ModelLoaders here. } }
然后在AndroidManifest.xml中将GlideModule定义为meta-data
<meta-data android:name="com.inthecheesefactory.lab.glidepicasso.GlideConfiguration" android:value="GlideModule"/>
2、关于Glide
上面提到Glide会缓存不同尺寸图片的大小,当你的页面imageView发生改变时,它会再去请求一张相应尺寸的图片,并进行缓存,加载。这样,根据imageView大小不同,同一张
图片会缓存多次,但是这样加载速度会大大提高,这就是用空间换取时间。而Picasso只会缓存一张全尺寸的,然后根据imageView的大小不同,进行大小调整后进行加载,这样速度就会慢很多。
为避免Glide多次访问网络下载的问题,可以缓存一张全尺寸大图,然后出现不同尺寸的时候,通过调整全尺寸图进行缓存加载。
Glide.with(this) .load("") .diskCacheStrategy(DiskCacheStrategy.ALL) .into();
Picasso通过调整大小进行显示,所以有一些延迟,可以通过设置让其立即显示(效果不明显)
Picasso.noFade();
3、Picasso和Glide都可以配置图片缓存控件的大小!可以根据自己的需要进行适当调整。
最后,推荐一篇关于Picasso源码解析的文章,写的很棒
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/0731/1639.html
关于图片加载框架