Android图片加载框架之Fresco

Facebook应该没人没听过吧？嗯，今天学的这个Fresco就来源于它。Fresco相比Picasso和Glide来说就来得重量级一点了，当然功能也会更加强大，废话少说，开撸

特性

强大的内存管理

大家都知道Bitmap占用内存过大经常是导致程序OOM的元凶，同时也会引起系统频繁的GC，在5.0系统一下会显著引发界面卡顿。Fresco在5.0以下系统里使用了一块特别的区域来存放图片，减少OOM以及使App更加流畅

可定制的图片加载方式

• 为同一个图片指定不同的远程路径，或者使用已经存在本地缓存中的图片
• 先显示一个低清晰度的图片，等高清图下载完之后再显示高清图
  加载完成回调通知
• 对于本地图，如有EXIF缩略图，在大图加载完成之前，可先显示缩略图
  缩放或者旋转图片
• 对已下载的图片再次处理
• 支持WebP解码，即使在早先对WebP支持不完善的Android系统上也能正常使用！

图片绘制

• 自定义居中焦点
• 圆角图，当然圆圈也行
• 下载失败之后，点击重现下载
• 自定义占位图，自定义overlay, 或者进度条
• 指定用户按压时的overlay

加载渐进式图片

渐进式图片格式先呈现大致的图片轮廓，然后随着图片下载的继续，呈现逐渐清晰的图片，这对于移动设备，尤其是慢网络有极大的利好，可带来更好的用户体验。
　　Android 本身的图片库不支持此格式，但是Fresco支持。

加载动图

加载Gif图和WebP动图在任何一个Android开发者眼里看来都是一件非常头疼的事情。每一帧都是一张很大的Bitmap，每一个动画都有很多帧。Fresco让你没有这些烦恼，它处理好每一帧并管理好你的内存。

项目地址

https://github.com/facebook/fresco

使用方法

http://fresco-cn.org/docs/index.html

Gradle依赖：

compile 'com.facebook.fresco:fresco:0.13.0'

初始化Fresco：

public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        Fresco.initialize(this);
    }
}

Fresco使用前必须进行初始化，因为多次调用初始化毫无意义，所以在Application里面做这件事再适合不过了。然后在AndroidManifest.xml指定Application 类，并确保已加入了网络权限。

  <manifest
    ...
    >
    <uses-permission android:name="android.permission.INTERNET" />
    <application
      ...
      android:label="@string/app_name"
      android:name=".MyApplication"
      >
      ...
    </application>
    ...
  </manifest>

类MVC的三大组件：

• V：DraweeView
• M：DraweeHierachy
• C：DraweeController

Fresco不像别的很多框架只是用来下载和缓存图片显示由ImageView负责，它有自己的一套显示图片的控件，即DraweeView：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/draweeView"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:layout_centerInParent="true" />

DraweeView有丰富的可配置参数：

fresco:actualImageScaleType="focusCrop"

fresco:placeholderImage="@drawable/icon_placeholder"
fresco:placeholderImageScaleType="fitCenter"

fresco:progressBarImage="@drawable/icon_progress_bar"
fresco:progressBarImageScaleType="centerInside"
fresco:progressBarAutoRotateInterval="5000"

fresco:failureImage="@drawable/icon_failure"
fresco:failureImageScaleType="centerInside"

fresco:retryImage="@drawable/icon_retry"
fresco:retryImageScaleType="centerCrop"

fresco:fadeDuration="5000"

fresco:roundedCornerRadius="30dp"
fresco:roundTopLeft="true"
fresco:roundTopRight="true"
fresco:roundBottomLeft="true"
fresco:roundBottomRight="true"
fresco:roundingBorderWidth="10dp"
fresco:roundingBorderColor="@android:color/black"
fresco:roundWithOverlayColor="@android:color/darker_gray"
fresco:roundAsCircle="true"

fresco:backgroundImage="@android:color/holo_orange_light"

fresco:pressedStateOverlayImage="@android:color/holo_green_dark"

fresco:overlayImage="@android:color/black"

DraweeView可以配置placeholder、进度条、圆角等等。
如果仅仅是想简单下载一张网络图片，在下载完成之前，显示一张占位图，那么简单使用 SimpleDraweeView即可。

Uri uri = Uri.parse("https://raw.githubusercontent.com/facebook/fresco/gh-pages/static/logo.png");
SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view);
draweeView.setImageURI(uri);

DraweeHierarchy用来配置DraweeView的参数，类似于xml中配置的参数：

GenericDraweeHierarchy hierarchy = new GenericDraweeHierarchyBuilder(getResources())
        .setPlaceholderImage(ContextCompat.getDrawable(this, R.drawable.icon_placeholder), ScalingUtils.ScaleType.CENTER_CROP)
        .setProgressBarImage(ContextCompat.getDrawable(this, R.drawable.icon_progress_bar), ScalingUtils.ScaleType.CENTER_INSIDE)
        .build();

再来段设置圆角的：

RoundingParams roundingParams = new RoundingParams();

roundingParams.setCornersRadii(new float[]{55, 25, 30, 35, 40, 45, 50, 55})
        .setRoundAsCircle(true)
        .setBorder(Color.RED, 10)
        .setOverlayColor(Color.BLUE)
        .setRoundingMethod(RoundingParams.RoundingMethod.BITMAP_ONLY);
//      .setRoundingMethod(RoundingParams.RoundingMethod.OVERLAY_COLOR);

GenericDraweeHierarchy hierarchy = GenericDraweeHierarchyBuilder.newInstance(getResources())
//      .setRoundingParams(RoundingParams.asCircle())
//      .setRoundingParams(RoundingParams.fromCornersRadius(200))
//      .setRoundingParams(RoundingParams.fromCornersRadii(200, 0, 200, 200))
//      .setRoundingParams(RoundingParams.fromCornersRadii(new float[]{55, 25, 30, 35, 40, 45, 50, 55}))
        .setRoundingParams(roundingParams)
        .setFadeDuration(5000)
        .build();

DraweeController用来控制DraweeView的行为，如Uri地址、是否开启点击重试等：

DraweeController controller = Fresco.newDraweeControllerBuilder()
        .setUri(uri)
        .setTapToRetryEnabled(true)
        .setOldController(simpleDraweeView.getController())
        .build();

最后是给DraweeView设置DraweeHierarchy和DraweeController：

simpleDraweeView.setHierarchy(hierarchy);
simpleDraweeView.setController(controller);

---

参考链接：
Android图片加载神器之Fresco-加载图片基础[详细图解Fresco的使用]