Android图片加载框架Fresco的简单使用

目前使用在android中的图片加载框架有不少,有ImageLoader,Glide,Picasso,这些框架被用在了很多的项目当中,可是当Glide或者是Picasso去加载几千张的图片时候,依然造成了图片加载卡顿的现象,所以这里就要介绍给大家一个非常优秀的、功能十分强大的,在加载几千张图片依然流畅的图片加载框架Fresco,这个框架的出自Facebook的开发团队,目前在github的star数已经达到了上万。
项目地址:https://github.com/facebook/fresco
接下来就来体验一下Fresco的使用

(一)最简单的使用

  1. 在你的app级别的.gradle文件中添加fresco的依赖

     compile'com.facebook.fresco:fresco:1.1.0'
    
  2. 创建App类,继承自系统中的Application类,重写onCreate()方法,并在清单文件中配置App类

     //最简单的Fresco初始化
      Fresco.initialize(this);
    

    Fresco还重载了两个初始化的方法,另外两种初始化在后文中再讲

  3. Fresco对于图片加载并不是像其他的图片加载框架一样,直接将图片加载到ImageView中,而是加载到它内置的一个继承自View的DraweeView控件上。然而我们想要使用Fresco中一些强大的功能的话,需要用到的是DraweeView的一个子类SimpleDraweeView。
    在布局文件中使用SimpleDraweeView

     
    

    这边需要注意的是在DraweeView的layout_width和layout_height并不支持wrap_content属性,一旦你使用了这个属性,将会导致view的onLayout()方法重新执行,出现画面的跳跃

  4. 加载图片
    Fresco能够加载以下类型的图片

类型 SCHEME 示例
远程图片 http://, https:// HttpURLConnection 或者参考 使用其他网络加载方案
本地文件 file:// FileInputStream
Content provider content:// ContentResolver
asset目录下的资源 asset:// AssetManager
res目录下的资源 res:// Resources.openRawResource
Uri中指定图片数据 data:mime/type;base64 数据类型必须符合 rfc2397规定 (仅支持 UTF-8)

这个案例我们就去加载网络中的图片,我随便在网络上找了一张图片去加载
加载网络图片还需要在manifests文件中增加访问网络图片的权限

   

在activity中进行图片加载操作

  SimpleDraweeView sdv = (SimpleDraweeView) findViewById(R.id.sdv);
  sdv.setImageURI("http://pic.58pic.com/58pic/13/77/09/53K58PICEMN_1024.jpg");

对于加载其他类型的图片,用以下规则
String imageUri = "http://site.com/image.png"; // 网络图片
String imageUri = "file:///mnt/sdcard/image.png"; //SD卡图片
String imageUri = "content://media/external/audio/albumart/13"; // 媒体文件夹
String imageUri = "assets:///image.png"; // assets
String imageUri = "res://" + context.getPackageName()+"/" +R.drawable.image; // drawable文件
运行app,发现图片成功被加载。

(二)SimpleDraweeView的属性介绍

上面介绍了Fresco最简单的用法,接下来就来说下SimpleDrawwwView的所有属性,这些属性体现了Fresco强大的地方

Android图片加载框架Fresco的简单使用_第1张图片
Paste_Image.png
属性 说明 取值
fadeDuration 渐进式加载JPEG图片的时间,对于其他格式的图片 渐进式是无效果的 整数类型,单位s
actualImageUri 图片的uri地址
actualImageScaleType 图片的缩放的形式 见上表
placeholderImage 设置占位图
failureImage 设置加载出现错误后显示的图片
failureImageScaleType 设置加载出现错误后显示的图片的缩放形式 见上表
retryImage 重试加载图 当显示这个图使,加载错误图片并不显示,当重试次数达到4次时,显示加载错误图
retryImageScaleType 重试加载图的缩放形式 见上表
progressBarImage 进度条图片
progressBarImageScaleType 进度条图片缩放形式 见上表
progressBarAutoRotateInterval 进度条旋转时长
backgroundImage 背景图
overlayImage 叠加图
pressedStateOverlayImage 图片按下显示的图
roundAsCircle 图片显示为圆形 boolean 默认false
roundedCornerRadius 图片显示为圆角图的圆角半径 整数类型
roundTopLeft 图片左上角是否需要圆角
roundTopRight 图片右上角是否需要圆角
roundBottomLeft 图片左下角是否需要圆角
roundBottomRight 图片右下角是否需要圆角
roundWithOverlayColor 圆形图片带叠加图
roundingBorderWidth 将图片显示为圆形的宽度
roundingBorderColor 图片显示成圆形后边框颜色
viewAspectRatio 宽高比,加这个属性后,layout_width或layout_height中的一个可以是wrap_content

对于这些属性的使用就补贴代码了,大家可以自己尝试一下

(三)对于GIF与WEBP的支持

Fresco不仅支持常见的图片格式,还支持GIF和WEBP格式的图片
如果你想要你的应用支持gif和webp格式图片,那么需要添加以下依赖:

    // 支持 GIF 动图,需要添加
compile 'com.facebook.fresco:animated-gif:1.1.0'

// 支持 WebP (静态图+动图),需要添加
compile 'com.facebook.fresco:animated-webp:1.1.0'
compile 'com.facebook.fresco:webpsupport:1.1.0'

 // 仅支持 WebP 静态图,需要添加
compile 'com.facebook.fresco:webpsupport:1.1.0'

(四)切换网络底层

Fresco网络加载库默认是使用的是HttpUrlConnection,但是它支持开发者切换网络加载库
切换网络底层,讲到切换网络底层就要回到Fresco的初始化的重载方法,这里使用两个参数的初始化方法

Fresco.initialize(Context context,@Nullable ImagePipelineConfig imagePipelineConfig);

这里可以看到需要一个ImagePipelineConfig对象,Fresco将图片加载的工作交给ImagePipelineConfig类去做,所以对图片加载的配置都是通过这个类来完成的。
ImagePipelineConfig的对象不能直接new,而是通过其内部提供的Builder类的build()方法来构造出对象。
所以切换底层,用以下这个类就能完成。
在这里,我将网络底层切换为okhttp。
查看文档,发现切换网络底层需要我们去自定义类继承NetworkFetchProducer类去完成,不过Fresco非常人性化的为我们提供依赖,可以快速的将网络底层切换为okhttp。
在app的.gradle依赖:

//网络加载切换为okhttp2
compile "com.facebook.fresco:imagepipeline-okhttp:1.1.0"
//网络加载切换为okhttp3
compile "com.facebook.fresco:imagepipeline-okhttp3:0.1.1.0"

重写onCreate()方法

ImagePipelineConfig frescoConfig = OkHttpImagePipelineConfigFactory.newBuilder(this,okHttpClient).build();
Fresco.initialize(this,frescoConfig);

参考文献:Fresco官方使用文档 https://www.fresco-cn.org/docs/index.html

你可能感兴趣的:(Android图片加载框架Fresco的简单使用)