专为Android加载图片——Fresco

摘自：http://fresco-cn.org/

关于Fresco

Fresco 是一个强大的图片加载组件。

GitHub: https://github.com/facebook/fresco

Fresco 中设计有一个叫做 image pipeline 的模块。它负责从网络，从本地文件系统，本地资源加载图片。为了最大限度节省空间和CPU时间，它含有3级缓存设计（2级内存，1级文件）。

Fresco 中设计有一个叫做 Drawees 模块，方便地显示loading图，当图片不再显示在屏幕上时，及时地释放内存和空间占用。

Fresco 支持 Android2.3(API level 9) 及其以上系统。

特性

内存管理

解压后的图片，即Android中的Bitmap，占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下，GC将会显著地引发界面卡顿。

在5.0以下系统，Fresco将图片放到一个特别的内存区域。当然，在图片不显示的时候，占用的内存会自动被释放。这会使得APP更加流畅，减少因图片内存占用而引发的OOM。

Fresco 在低端机器上表现一样出色，你再也不用因图片内存占用而思前想后。

图片的渐进式呈现

渐进式的JPEG图片格式已经流行数年了，渐进式图片格式先呈现大致的图片轮廓，然后随着图片下载的继续，呈现逐渐清晰的图片，这对于移动设备，尤其是慢网络有极大的利好，可带来更好的用户体验。

Android 本身的图片库不支持此格式，但是Fresco支持。使用时，和往常一样，仅仅需要提供一个图片的URI即可，剩下的事情，Fresco会处理。

Gif图和WebP格式

是的，支持加载Gif图，支持WebP格式。

图像的呈现

Fresco 的 Drawees 设计，带来一些有用的特性：

自定义居中焦点(对人脸等图片显示非常有帮助)

圆角图，当然圆圈也行。

下载失败之后，点击重现下载

自定义占位图，自定义overlay, 或者进度条

指定用户按压时的overlay

图像的加载

Fresco 的 image pipeline 设计，允许用户在多方面控制图片的加载：

为同一个图片指定不同的远程路径，或者使用已经存在本地缓存中的图片

先显示一个低解析度的图片，等高清图下载完之后再显示高清图

加载完成回调通知

对于本地图，如有EXIF缩略图，在大图加载完成之前，可先显示缩略图

缩放或者旋转图片

处理已下载的图片

WebP 支持

配置和使用

1，Android Studio 或者 Gradle

dependencies {
compile 'com.facebook.fresco:fresco:0.8.1+'
}

2,Eclipse ADT

首先，下载这个文件.

解压后，你会看到一个目录：frescolib，注意这个目录。

从菜单 “文件(File)”，选择导入(Import)

展开 Android, 选择 “Existing Android Code into Workspace”， 下一步。

浏览，选中刚才解压的的文件中的 frescolib 目录。

这5个项目应该都会被添加到工程： drawee， fbcore， fresco， imagepipeline， imagepipeline-okhttp。请确认前4个项目一定是被选中的。点击完成。

右键，项目，选择属性，然后选择 Android。

点击右下角的 Add 按钮，选择 fresco，点击 OK，再点击 OK。

现在，fresco 就导入到项目中了，你可以开始编译了。如果编译不通过，可以尝试清理资源，或者重启 Eclipse。

如果你想在网络层使用 OkHttp，请看这里.

如果 support-v4 包重复了，删掉 frescolib/imagepipeline/libs 下的即可。

注： 建议尽早使用Android Studio 。

开始使用Fresco

如果仅仅是想要简单的下载一张网络图片，在下载完成之前， 显示一张位图， 那么简单使用SimpleDraweeView 即可。

为了下载网络图片，请确保在androidManifest.xml 中添加网络权限：

<uses-permission android:name="android.permission.INTERNET"/>

在Application 初始化时， 在应用调用setContentView() 之前，进行初始化工作：

Fresco.initialize(context);

然后在XML 布局文件中， 加入命名空间：

<!-- 其他元素 -->
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fresco="http://schemas.android.com/apk/res-auto">

继续在改布局文件添加 SimpleDraweeView

<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/my_image_view"
android:layout_width="20dp"
android:layout_height="20dp"
fresco:placeholderImage="@drawable/my_drawable"
/>

最后开始加载图片：

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 会替你完成：

（1） 显示占位图直到加载完成

（2）下载图片

（3） 缓存图片

（4） 图片不再显示时， 从内存中移除。

支持的URIs

Fresco 支持许多URI格式。

特别注意：Fresco 不支持 相对路径的URI. 所有的URI都必须是绝对路径，并且带上该URI的scheme。

如下：

类型 Scheme 示例

远程图片 http://, https:// HttpURLConnection 或者参考 使用其他网络加载方案

本地文件 file:// FileInputStream

Content provider content:// ContentResolver

asset目录下的资源 asset:// AssetManager

res目录下的资源 res:// Resources.openRawResource

res 示例:

Uri uri = Uri.parse("res://包名(实际可以是任何字符串甚至留空)/" + R.drawable.ic_launcher);

注意，只有图片资源才能使用在Image pipeline中，比如(PNG)。其他资源类型，比如字符串，或者XML Drawable在Image pipeline中没有意义。所以加载的资源不支持这些类型。

像ShapeDrawable这样声明在XML中的drawable可能引起困惑。注意到这毕竟不是图片，如果想把这样的drawable作为图像显示。

那么把这个drawable设置为占位图，然后把URI设置为null。