首页 > 代码库 > 关于图片加载框架

关于图片加载框架

接上篇,这篇开始对现在比较的流行的第三方图片加载框架做一个对比总结。

这篇文章介绍内容如下:

  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

关于图片加载框架