一、关于 Fresco
github: https://github.com/facebook/fresco
API: http://www.fresco-cn.org/javadoc/reference/packages.html
Fresco 是一个强大的图片加载组件。
Fresco 中设计有一个叫做 image pipeline 的模块。它负责从网络,从本地文件系统,本地资源加载图片。为了最大限度节省空间和CPU时间,它含有3级缓存设计(2级内存,1级文件)。
Fresco 中设计有一个叫做 Drawees 模块,方便地显示loading图,当图片不再显示在屏幕上时,及时地释放内存和空间占用。
Fresco 支持 Android2.3(API level 9) 及其以上系统。
二、特性
图片的渐进式呈现
渐进式的JPEG图片格式已经流行数年了,渐进式图片格式先呈现大致的图片轮廓,然后随着图片下载的继续,呈现逐渐清晰的图片,这对于移动设备,尤其是慢网络有极大的利好,可带来更好的用户体验。
Android 本身的图片库不支持此格式,但是Fresco支持。使用时,和往常一样,仅仅需要提供一个图片的URI即可,剩下的事情,Fresco会处理。
Gif图和WebP格式
是的,支持加载Gif图,支持WebP格式。
图像的呈现
Fresco 的 Drawees 设计,带来一些有用的特性:
- 自定义居中焦点(对人脸等图片显示非常有帮助)
- 圆角图,当然圆圈也行。
- 下载失败之后,点击重现下载
- 自定义占位图,自定义overlay, 或者进度条
- 指定用户按压时的overlay
图像的加载
Fresco 的 image pipeline 设计,允许用户在多方面控制图片的加载:
- 为同一个图片指定不同的远程路径,或者使用已经存在本地缓存中的图片
- 先显示一个低解析度的图片,等高清图下载完之后再显示高清图
- 加载完成回调通知
- 对于本地图,如有EXIF缩略图,在大图加载完成之前,可先显示缩略图
- 缩放或者旋转图片
- 处理已下载的图片
- WebP 支持
三、例子
1.使用Fresco加载网络图片
第一步:需要引入库
因为本人是在AndroidStudio上面进行项目开发,在此工具内配置方法是在app 的build.gradle文件中添加如下代码
dependencies {
compile 'com.facebook.fresco:fresco:0.8.1+' 目前最新版
}
第二步:官方文档已经说fresco的类库发布到了Maven中央库,所以我们只需添加上面的代码再同步编译即可,如果无效,需作如下配置
allprojects {
repositories {
jcenter()
mavenCentral()
}
}
第三步:必须在application中初始化Fresco,最后别忘记,修改清单文件application的name
Fresco.initialize(instance);
接着:Fresco是通过控件来实现它内部的优化缓存处理的,我们可以使用它提供的SimpleDraweeView来完成
<com.facebook.drawee.view.SimpleDraweeView android:id="@+id/my_image_view" android:layout_width="50dp" android:layout_height="50dp" fresco:roundAsCircle="true" fresco:roundedCornerRadius="180dp" fresco:actualImageScaleType="focusCrop" android:layout_centerVertical="true" />
上面引入了自定义属性,只需要在xml根部局中添加 “自定义命名空间即可”, 当然AS是支持快捷键一键生成的
第四步:就是显示网络图片了:
Uri uri = Uri.parse("https://raw.githubusercontent.com/facebook/fresco/gh-pages/static/fresco-logo.png"); SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view); draweeView.setImageURI(uri);
剩下的,Fresco会替你完成:
- 显示占位图直到加载完成;
- 下载图片;
- 缓存图片;
- 图片不再显示时,从内存中移除;
等等等等。
上面就是Fresco最简单的用法了
四、其他一些介绍
Fresco是不支持 wrap_content属性的,如果布局中非要用,需在java代码中指定setAspectRatio(1.5f); 比例
fresco:fadeDuration="300" //持续时间
fresco:actualImageScaleType="focusCrop"//设置图片缩放属性,通常使用focusCrop,该属性值会通过算法把人头像放在中间
fresco:placeholderImage="指定一个默认图片"//下载图片之前的默认占位
fresco:failureImage="@drawable/error" //下载失败的默认图片
功能太多不再一一赘述。。。。
参考官方文档:http://www.fresco-cn.org/docs/index.html#_