Fresco的介绍及使用
在我们应用的开发中，我们的应用中会有一些的图片进行展示，在之前我们都用过ImageLoader，Glide和Picasso这些图片请求框架。今天给大家介绍一个更强的图片请求框架Fresco。
Fresco主要用于以图片为主的APP。它是基于控件开发，是由Facebook发布的一款开源的框架，它支持Android2.3之后的版本。
Fresco也拥有三级缓存，只不过和之前的有所不同（之前其他图片加载框架的三级缓存是：内存，磁盘，网络；而Fresco加载图片框架的三级缓存是:两级内存，一级磁盘）下面简单的介绍Fresco的三级缓存。
2级内存是：Bitmap缓存；未解码图片的内存缓存；1级磁盘是：文件缓存
1、Bitmap缓存：
Bitmap缓存存储Bitmap对象，这些Bitmap对象可以立刻用来显示或者用于后处理，他将图片存放到一个独特的内存中（ashmem 匿名共享内存），这样Bitmap对象的创建和释放将不会引发GC。
2、未解码图片的内存缓存：
我们刚开始加载在内存中的是始压缩格式的图片，当我们取出图片时他将先进行解码，如果有调整大小，旋转，或者WebP编码转换工作需要完成，这些工作会在解码之前进行。
（这2级都是当程序退到后台，存的东西就会清除。）
3、文件缓存：
和未解码的内存缓存相似，文件缓存存储的是未解码的原始压缩格式的图片，在使用之前同样需要经过解码等处理。
Image Pipeline ：
它负责从网络，从本地文件系统，本地资源加载图片。为了最大限度节省空间和CPU时间，它含有3级缓存设计（在上面已经简单的提到过了）。
Image Pipeline允许你用很多种方式来自定义图片加载过程，比如：
● 为同一个图片指定不同的远程路径，或者使用已经存在本地缓存中的图片
● 先显示一个低清晰度的图片，等高清图下载完之后再显示高清图
● 加载完成回调通知
● 对于本地图，如有EXIF缩略图，在大图加载完成之前，可先显示缩略图
● 缩放或者旋转图片
● 对已下载的图片再次处理
● 支持WebP解码，即使在早先对WebP支持不完善的Android系统上也能正常使用！
Drawees ：
它会在图片加载完成前显示占位图，加载成功后自动替换为目标图片。当图片不再显示在屏幕上时，它会及时地释放内存和空间占用。
Drawees 设计，带来一些有用的特性：
● 自定义居中焦点(对人脸等图片显示非常有帮助)
● 圆角图，当然圆圈也行。
● 下载失败之后，点击重现下载
● 自定义占位图，自定义overlay, 或者进度条
● 指定用户按压时的over
下面我们简单的看一下Fresco的内存管理：
我们平常请求图片是没有未压缩的图片，会占用大量的内存，大的内存占用量势必引发更加频繁的 GC，这样就会出现页面的卡顿，有可能出现oom异常。而Fresco 将图片放到一个特别的内存区域。当然，在图片不显示的时候，占用的内存会自动被释放。这会使得 APP 更加流畅，减少因图片内存占用而引发的 OOM。所以Fresco 在低端机器上表现也一样出色，你再也不用因图片内存占用而思前想后。
他还有一些远超于其他图片请求框架的特点：
1、图片的渐进式呈现
渐进式图片格式先呈现大致的图片轮廓，然后随着图片下载的继续，呈现逐渐清晰的图片，这对于移动设备，尤其是慢网络有极大的利好，可带来更好的用户体验。
2、动图加载（Gif图和WebP动图）
加载Gif图和WebP动图在任何一个Android开发者眼里看来都是一件非常头疼的事情。每一帧都是一张很大的Bitmap，每一个动画都有很多帧。Fresco让你没有这些烦恼，它处理好每一帧并管理好你的内存。
万物都有两面性：
优点:
● 图片存储在安卓系统的匿名共享内存, 而不是虚拟机的堆内存中, 图片的中间缓冲数据也存放在本地堆内存,所以, 应用程序有更多的内存使用, 不会因为图片加载而导致 oom, 同时也减少垃圾回收器频繁调用回收 Bitmap导致的界面卡顿, 性能更高.
● 渐进式加载 JPEG 图片, 支持图片从模糊到清晰加载
● 图片可以以任意的中心点显示在 ImageView, 而不仅仅是图片的中心.
● JPEG 图片改变大小也是在 native 进行的, 不是在虚拟机的堆内存, 同样减少 OOM
● 很好的支持 GIF 图片的显示
缺点:
● 框架较大, 影响 Apk 体积
● 使用较繁琐
现在也了解的差不多了，就来看一看是如何实现的吧
1）它是第三方的东西，我们就要先导入依赖
compile 'com.facebook.fresco:fresco:0.11.0'2）因为我这里加载的是一张网络图片，所以要获得网络权限
<uses-permission android:name="android.permission.INTERNET"/>3) 然后如果你是多次用到Fresco，建议在 Application 初始化，如果只是写着玩，就在应用调用 setContentView() 之前，进行初始化：
package com.example.nanchen.imageloadfrescodemo;
import android.app.Application;
import com.facebook.drawee.backends.pipeline.Fresco;
/**
* Created by 徐博涛 on 2016/7/11.
*/
public class MyApplication extends Application {
@Override
public void onCreate() {
super.onCreate();
Fresco.initialize(this);
}
}4）用人家的框架就要按照人家的要求来是不，所以控件名字，命名空间都要听人家的
Fresco不同于其它几个图片加载库，它是基于自定义控件的，要使用控件SimpleDraweeView来显示图片，
注意，控件不支持宽高同时设置为wrap_content，默认强制设置宽高，否则不显示图片
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:fresco="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.nanchen.imageloadfrescodemo.MainActivity">
<com.facebook.drawee.view.SimpleDraweeView
android:layout_width="400dp"
android:layout_height="match_parent"
android:id="@+id/main_simple_drawee_view"
fresco:placeholderImage="@mipmap/ic_launcher"/>
RelativeLayout>5）在activity中加载图片显示，Fresco 不支持相对路径的URI. 所有的URI都必须是绝对路径，并且带上该URI的scheme。
package com.example.nanchen.imageloadfrescodemo;
import android.net.Uri;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import com.facebook.drawee.backends.pipeline.Fresco;
import com.facebook.drawee.interfaces.DraweeController;
import com.facebook.drawee.view.SimpleDraweeView;
public class MainActivity extends AppCompatActivity {
private SimpleDraweeView sdv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
sdv = (SimpleDraweeView) findViewById(R.id.main_simple_drawee_view);
Uri uri = Uri.parse("http://dynamic-image.yesky.com/740x-/uploadImages/2015/163/50/690V3VHW0P77.jpg");
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setUri(uri)
.setAutoPlayAnimations(true)
.build();
sdv.setController(controller);
}多图请求
有时候需要加载很多图片，这个时候如果网络情况不是很好的情况下，一直显示占位图，体验也不是很好，我们可以先显示一个低分辨率的图片，等到大图加载完成之后，在显示真正的图片。
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setLowResImageRequest(ImageRequest.fromUri(lowResUri))
.setImageRequest(ImageRequest.fromUri(highResUri))
.setOldController(draweeView.getController())
.build();
draweeView.setController(controller);当然如果你想监听加载的过程，就加一个ControllerListen
//写一个监听器 监听图片加载
ControllerListener listener = new BaseControllerListener(){
/**
* 当图片加载成功时会执行的方法
* @param id
* @param imageInfo
* @param animatable
*/
@Override
public void onFinalImageSet(String id, Object imageInfo, Animatable animatable) {
super.onFinalImageSet(id, imageInfo, animatable);
}
/**
* 图片加载失败时调用的方法
* @param id
* @param throwable
*/
@Override
public void onFailure(String id, Throwable throwable) {
super.onFailure(id, throwable);
}
/**
* 如果图片使用渐进式，这个方法将会被回调
* @param id
* @param throwable
*/
@Override
public void onIntermediateImageFailed(String id, Throwable throwable) {
super.onIntermediateImageFailed(id, throwable);
}
};
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setUri(uri)
.setAutoPlayAnimations(true)
.setControllerListener(listener)
.build();
sdv.setController(controller);》》 追加的属性（drawee支持如下属性）：
fresco:fadeDuration="300" // 淡入淡出的持续时间
fresco:actualImageScaleType="focusCrop" // 实际图像的缩放类型
fresco:placeholderImage="@color/wait_color" //占位图
fresco:placeholderImageScaleType="fitCenter" //占位图的缩放类型
fresco:failureImage="@drawable/error" //下载失败显示的图片
fresco:failureImageScaleType="centerInside" //失败图的缩放类型
fresco:retryImage="@drawable/retrying"
//图片加载失败时显示，提示用户点击重新加载，重复加载4次还是没有加载出来的时候才会显示failureImage的图片
fresco:retryImageScaleType="centerCrop" //重新加载的图片缩放类型
fresco:progressBarImage="@drawable/progress_bar" //进度条图片
fresco:progressBarImageScaleType="centerInside"
fresco:progressBarAutoRotateInterval="1000"
//进度图自动旋转间隔时间(单位：毫秒ms)
fresco:backgroundImage="@color/blue"
//背景图片，这里的背景图片首先被绘制
fresco:overlayImage="@drawable/watermark"
// 设置叠加图，在xml中只能设置一张叠加图片，如果需要多张图片的话，需要在java代码中设置哦
fresco:pressedStateOverlayImage="@color/red"
// 设置点击状态下的叠加图
fresco:roundAsCircle="false" //设置为圆形图
fresco:roundedCornerRadius="1dp" // 圆角半径
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" //边框颜色