这两天修改公司外部项目时，发现对方在项目中使用了fresco，正好趁这个机会，对fresco进行一次详细的梳理。
fresco相当于一个独立的图片管家，使用它之后你就不用再去关心图片的加载和显示问题，这些繁琐的事情fresco都会自动帮你解决还有就是在动图加载中，加载Gif图和WebP动图在任何一个Android开发者眼里看来都是一件非常头疼的事情。每一帧都是一张很大的Bitmap，每一个动画都有很多帧。Fresco让你没有这些烦恼，它处理好每一帧并管理好你的内存。
fresco官网：http://www.fresco-cn.org/
fresco先包括两个大板块：Image Pipeline和Drawees.
Image Pipeline
Fresco 中设计有一个叫做 Image Pipeline 的模块。它负责从网络，从本地文件系统，本地资源加载图片。为了最大限度节省空间和CPU时间，它含有3级缓存设计（2级内存，1级磁盘）。
特性：
1.内存管理方面：
解压后的图片，即Android中的Bitmap，占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下，GC将会显著地引发界面卡顿。
在5.0以下系统，Fresco将图片放到一个特别的内存区域。当然，在图片不显示的时候，占用的内存会自动被释放。这会使得APP更加流畅，减少因图片内存占用而引发的OOM。
Fresco 在低端机器上表现一样出色，你再也不用因图片内存占用而思前想后。
2.图片绘制方面
Fresco 的 Drawees 设计，带来一些有用的特性：
自定义居中焦点
圆角图，当然圆圈也行
下载失败之后，点击重现下载
自定义占位图，自定义overlay, 或者进度条
指定用户按压时的overlay
Drawees
Fresco 中设计有一个叫做 Drawees 模块，它会在图片加载完成前显示占位图，加载成功后自动替换为目标图片。当图片不再显示在屏幕上时，它会及时地释放内存和空间占用
特性：
1.图片加载方面：
Fresco的Image Pipeline允许你用很多种方式来自定义图片加载过程，比如：
为同一个图片指定不同的远程路径，或者使用已经存在本地缓存中的图片
先显示一个低清晰度的图片，等高清图下载完之后再显示高清图
加载完成回调通知
对于本地图，如有EXIF缩略图，在大图加载完成之前，可先显示缩略图
缩放或者旋转图片
对已下载的图片再次处理
支持WebP解码，即使在早先对WebP支持不完善的Android系统上也能正常使用！
2.图片的渐进式呈现
渐进式的JPEG图片格式已经流行数年了，渐进式图片格式先呈现大致的图片轮廓，然后随着图片下载的继续，呈现逐渐清晰的图片，这对于移动设备，尤其是慢网络有极大的利好，可带来更好的用户体验。
Android 本身的图片库不支持此格式，但是Fresco支持。使用时，和往常一样，仅仅需要提供一个图片的URI即可，剩下的事情，Fresco会处理。
具体一些详细的操作，查看API（http://fresco-cn.org/docs/supported-uris.html）
就可以理解了，下面就一些可能会出现的问题进行说明：
1.在使用AndroidStudio进行开发时，刚开始在项目（）build.gradle添加下面代码：
dependencies
{
compile
'com.facebook.fresco:fresco:0.5.0+'
}
但很多情况下项目会提示缺少包，这是因为官方文档已经说fresco的类库发布到了Maven中央库，而我们可能没有在总Project下的build.gradle文件中添加下面代码：
allprojects {
repositories {
jcenter()
mavenCentral()
}
}
2.现在来说说最简单的使用：就是加载网络图片，
第一：在你的application类onCreate方法中添加
Fresco.initialize(instance);
第二：fresco是通过控件来实现它内部的优化缓存处理，我们使用的时候是通过控件来使用，具体如下
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/user_avator"
android:layout_width="50dp"
android:layout_height="50dp"
fresco:roundAsCircle="true"
fresco:roundedCornerRadius="180dp"
fresco:actualImageScaleType="focusCrop"
android:layout_centerVertical="true" />
大家可能看到，属性中存在fresco:开头的声明。这个是fresco的自定义属性，如果我们需要使用其自定义属性，必须在我们的xml根布局中添加声明/命名空间，这点需要注意
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fresco="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
第三：在代码中具体的使用
Uri uri = Uri.parse(http://b.hiphotos.baidu.com/image/pic/item/e78.jpg);
mAvatorImg.setImageURI(uri);
3.现在介绍一些fresco的属性，通过这些属性我们可以很方便的定制一些效果
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/my_image_view"
android:layout_width="20dp" // 不支持wrap_content 如果要设置宽高比, 需要在Java代码中指定setAspectRatio(1.33f);
android:layout_height="20dp"// 不支持wrap_content
fresco:fadeDuration="300"
fresco:actualImageScaleType="focusCrop"
// 设置图片缩放. 通常使用focusCrop,该属性值会通过算法把人头像放在中间
fresco:placeholderImage="@color/wait_color"
// 下载成功之前显示的图片
fresco:placeholderImageScaleType="fitCenter"
fresco:failureImage="@drawable/error"
// 加载失败的时候显示的图片
fresco:failureImageScaleType="centerInside"
fresco:retryImage="@drawable/retrying"
// 加载失败,提示用户点击重新加载的图片(会覆盖failureImage的图片)
fresco:retryImageScaleType="centerCrop"
fresco:progressBarImage="@drawable/progress_bar"// 提示用户正在加载,和加载进度无关
fresco:progressBarImageScaleType="centerInside"
fresco:progressBarAutoRotateInterval="1000"
fresco:backgroundImage="@color/blue"
fresco:overlayImage="@drawable/watermark"
fresco:pressedStateOverlayImage="@color/red"
fresco:roundAsCircle="false"
// 是不是设置圆圈
fresco:roundedCornerRadius="1dp"
// 圆角角度,180的时候会变成圆形图片
fresco:roundTopLeft="true"
fresco:roundTopRight="false"
fresco:roundBottomLeft="false"
fresco:roundBottomRight="true"
fresco:roundWithOverlayColor="@color/corner_color"
fresco:roundingBorderWidth="2dp"
fresco:roundingBorderColor="@color/border_color"
/>
修改图片尺寸
Uri uri = "file:///mnt/sdcard/MyApp/myfile.jpg";
int width = 50, height = 50;
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
.setResizeOptions(new ResizeOptions(width, height))
.build();
PipelineDraweeController controller = Fresco.newDraweeControllerBuilder()
.setOldController(mDraweeView.getController())
.setImageRequest(request)
.build();
mSimpleDraweeView.setController(controller);
自动旋转
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
.setAutoRotateEnabled(true)
.build();
