Fresco 简单使用引入Fresco以及相关注意事项。需要注意的一点就是，我们在使用Fresco之前首先要进行初始化

导入依赖

//Fresco
implementation

'com.facebook.fresco:fresco:1.9.0'
// 支持 GIF 动图，需要添加
implementation

'com.facebook.fresco:animated-gif:1.9.0'

引入Fresco以及相关注意事项。

1.PlaceHolderImage占位图

2.FailureImage加载失败时显示的图片

3.RetryImage重新加载的图片

4.ProgressBarImage加载时显示的进度图片

5.BackgroundImage背景图

6.OverlayImage叠加图

7.多种效果结合加载图片

8.圆形头像，圆角头像以及背景叠加

9.图像边框

需要注意的一点就是，我们在使用Fresco之前首先要进行初始化操作。要放在布局加载之前，否则setContentView解析xml的时候会出错。

@Override
protected void onCreate(Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
Fresco.initialize(
this
);
setContentView(R.layout.activity_simple_drawee);
}

1.PlaceHolderImage 占位图

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/placeHolderImageDraweeView"
android:layout_margin=
"5dp"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
fresco:placeholderImage=
"@drawable/placeholder_image"
fresco:placeholderImageScaleType=
"fitCenter"
/>

Java代码中我们需要为这个SimpleDraweeView设置相关的控制器。这里初始化了GenericDraweeHierarchy,控制图片的淡入淡出的效果时间，同时设置控制器显示需要加载的图片的url.在加载这个过程中，我们可以看到占位图会被加载的图片替换掉。

GenericDraweeHierarchyBuilder builder =
new
GenericDraweeHierarchyBuilder(getResources());
/**
* 设置淡入淡出效果的显示时间
* */
GenericDraweeHierarchy hierarchy = builder.setFadeDuration(
1000
).build();
DraweeController placeHolderDraweeController = Fresco.newDraweeControllerBuilder()
.setUri(
"http://avatar.csdn.net/4/E/8/1_y1scp.jpg"
)
//为图片设置url
.setTapToRetryEnabled(
true
)
//设置在加载失败后,能否重试
.setOldController(placeHolderImageDraweeView.getController())
.build();
placeHolderImageDraweeView.setController(placeHolderDraweeController);
placeHolderImageDraweeView.setHierarchy(hierarchy);
复制代码

2.FailureImage加载失败时显示的图片

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/failureImageDraweeView"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
android:layout_margin=
"5dp"
fresco:failureImage=
"@drawable/error"
fresco:failureImageScaleType=
"centerInside"
/>

3.RetryImage重新加载的图片

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/retryImageDraweeView"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
android:layout_margin=
"5dp"
fresco:retryImage=
"@drawable/retry"
fresco:retryImageScaleType=
"centerCrop"
fresco:failureImage=
"@drawable/error"
/>

4.ProgressBarImage

进度显示图片，图片在加载的时候往往是需要显示进度的，或者显示一个加载进度的图片与用户进行交互，那么Fresco的ProgressBarImage可以帮助我们完成这个功能，在显示图片的同时，图片同时也是旋转显示的。

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/progressBarImageDraweeView"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
android:layout_margin=
"5dp"
fresco:progressBarImage=
"@drawable/progress_image"
fresco:progressBarAutoRotateInterval=
"5000"
fresco:progressBarImageScaleType=
"centerInside"
/>

5.BackGroundImage

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/backgroundImageDraweeView"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
android:layout_margin=
"5dp"
fresco:backgroundImage=
"@color/blue"
/>

6.OverlayImage

叠加图和BackGroundImage就有区别了，叠加图是会影响加载的图片的，比如说我们为SimpleDraweeView设置了一个加载的图片，同时设置了一个叠加图，那么加载后的图片会收到叠加图的影响的，二者会产生叠加效果。

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/overlayImageDraweeView"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
android:layout_margin=
"5dp"
fresco:overlayImage=
"@color/overlay"
/>

7.多种效果加载图片

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/multiEffectSuccessSimpleDraweeView"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
android:layout_margin=
"5dp"
fresco:placeholderImage=
"@drawable/placeholder_image"
fresco:placeholderImageScaleType=
"fitCenter"
fresco:progressBarImage=
"@drawable/progress_image"
fresco:progressBarImageScaleType=
"centerInside"
fresco:progressBarAutoRotateInterval=
"5000"
fresco:failureImage=
"@drawable/error"
fresco:failureImageScaleType=
"centerInside"
fresco:retryImage=
"@drawable/retry"
fresco:retryImageScaleType=
"centerCrop"
/>

这里使用了多种效果结合来完成图片的显示，首先有一个占位图，然后设置图片在加载时显示的图片，用于和用户完成交互功能，如果成功那么显示加载后的图片，如果失败，那么显示重新加载的图片，如果重复了四次仍然无法完成加载，那么就显示加载失败的图片。相关的控制器也比较的简单，和上面差不多。简单贴一下。

/**
* 多种效果结合：加载图片成功和失败
* */
DraweeController multiEffectSuccessController = Fresco.newDraweeControllerBuilder()
.setUri(
"http://avatar.csdn.net/4/E/8/1_y1scp.jpg"
)
//想要看到失败效果,设置一个错误的uri就可以了
.setTapToRetryEnabled(
true
)
.setOldController(multiEffectSuccessSimpleDraweeView.getController())
.build();
multiEffectSuccessSimpleDraweeView.setController(multiEffectSuccessController);

8.圆形头像的实现

我们在写app的时候，经常会使用到圆形头像这一个功能，因此我们一般不得不自定义View或者是使用其他框架等等，有了Fresco那么他会帮助你完成这个功能，而且轻快又简便只需要添加一行代码就可以完成了。

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/circleImageDraweeView"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
android:layout_margin=
"5dp"
fresco:placeholderImage=
"@drawable/placeholder_image"
fresco:placeholderImageScaleType=
"fitCenter"
fresco:progressBarImage=
"@drawable/progress_image"
fresco:progressBarImageScaleType=
"centerInside"
fresco:progressBarAutoRotateInterval=
"5000"
fresco:failureImage=
"@drawable/error"
fresco:failureImageScaleType=
"centerInside"
fresco:retryImage=
"@drawable/retry"
fresco:retryImageScaleType=
"centerCrop"
fresco:roundAsCircle=
"true"
fresco:roundingBorderWidth=
"2dp"
fresco:roundingBorderColor=
"@color/colorAccent"
/>

虽然看着挺多，其实实现圆形头像只需要添加roundAsCircle这个属性为true就搞定了，我这里添加了roundingBorderWidth其实是为这个图片加上边框和相关的边框颜色而已。这里也就顺便把边框线这个功能直接说了。

9.圆角图片

圆角图片和圆形图片的区别大家肯定是知道的，并且也比较的常用，在Fresco中也只需要设置具体属性就可以了。

<com.facebook.drawee.view.SimpleDraweeView
android:id=
"@+id/roundCornerImageDraweeView"
android:layout_width=
"40dp"
android:layout_height=
"40dp"
android:layout_margin=
"5dp"
fresco:roundedCornerRadius=
"10dp"
fresco:roundTopLeft=
"true"
fresco:roundTopRight=
"true"
fresco:roundBottomLeft=
"true"
fresco:roundBottomRight=
"true"
fresco:roundWithOverlayColor=
"@color/overlay"
/>
复制代码

我们只需要设置roundCornerRadius的大小，表示的是圆角的圆形程度，剩下的四个属性表示四个角都需要设置成圆角，如果希望那个边角不是圆角，那么主要设置为false就可以了。roundWithOverlayColor表示的是圆形头像或者是圆角头像底部的叠加颜色。

这里也就通过了XML设置了基本所有的效果，虽然没有截图，但是在这里提供一个源代码，具体的效果大家去运行加深一下印象就可以了，都是一些基本的东西，这篇博客也没什么难点，算是学习Fresco的一个基本入门。提供个大家参考一下就可以了。