赞!编程中Facebook图片加载库Fresco的使用方法!

图片加载是Andriod开发几乎所有应用都需要用到，做Android开发的朋友或多或少都遇到过由于图片加载过多导致OOM，尤其是list页面，加载过多的网络图片，会出现滑动卡顿，内存溢出等问题。为了解决这些问题，陆续出现了很多图片加载库，UniversalImageLoader、Picasso、Fresco、Glide，这些加载库支持异步网络图片加载，多线程和缓存。今天为大家介绍的是facebook的图片开源库Fresco，Fresco 中设计有一个叫做 image pipeline 的模块。它负责从网络，从本地文件系统，本地资源加载图片。为了最大限度节省空间和CPU时间，它含有3级缓存设计（2级内存，1级文件）。

Fresco 中设计有一个叫做 Drawees 模块，方便地显示loading图，当图片不再显示在屏幕上时，及时地释放内存和空间占用。Fresco 支持 Android2.3(API level 9) 及其以上系统。

下面是使用方法：

1.添加fresco库，地址是https://github.com/facebook/fresco

需要在build.gradle中加入依赖,目前最新的版本是0.11.0

compile 'com.facebook.fresco:fresco:0.11.0'

引入版本后同步报错，提示对v4版本有要求，我当前的v4版本是23.1.1，直接开vpn，下载就哦了，没有vpn的朋友可以上http://www.androiddevtools.cn/配置镜像服务器或者下载单独的support导入，不知道这个网站一定要进去看看，不解释。

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

public class MyApplication extends Application{

@Override

public void onCreate() {

super.onCreate();

Fresco.initialize(this);

}

}

由于是获取网络图片，加载网络权限

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

在xml根布局文件中, 加入命名空间：

<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">

Fresco不同于其它几个图片加载库，它是基于自定义控件的，要使用控件SimpleDraweeView来显示图片，注意，控件不支持宽高同时设置为wrap_content，默认强制设置宽高，否则不显示图片

<com.facebook.drawee.view.SimpleDraweeView

android:id="@+id/simple_drawee_view"

android:layout_width="50dp"

android:layout_height="50dp"

fresco:placeholderImage="@mipmap/ic_launcher"

/>

但是可以设置根据比例显示图片，一个设置wrap_content，另一个设置为强制，加入fresco:viewAspectRatio="1.33"属性

<com.facebook.drawee.view.SimpleDraweeView

android:id="@+id/simple_drawee_view"

android:layout_width="400dp"

android:layout_height="wrap_content"

fresco:placeholderImage="@mipmap/ic_launcher"

fresco:viewAspectRatio="1.33"

/>

在activity中加载图片显示，Fresco 不支持相对路径的URI. 所有的URI都必须是绝对路径，并且带上该URI的scheme。

mSimpleDraweeView = (SimpleDraweeView) findViewById(R.id.simple_drawee_view);

Uri uri = Uri.parse("http://b.hiphotos.baidu.com/image/pic/item/d788d43f8794a4c274c8110d0bf41bd5ad6e3928.jpg");

mSimpleDraweeView.setImageURI(uri);

加载动画图gif

DraweeController controller = Fresco.newDraweeControllerBuilder()

.setUri(uri)

.setAutoPlayAnimations(true)

.build();

mSimpleDraweeView.setController(controller);

这里是控件的属性，方便使用

<com.facebook.drawee.view.SimpleDraweeView android:id="@+id/my_image_view"

android:layout_width="20dp"

android:layout_height="20dp"

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" 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"

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"

/>

可以设置各种默认图、加载错误图、进度条、背景图片、图片缩放模式和圆角设置等等。

Fresco库还有很多高级功能，以上是基本的使用方法，详细的使用说明参见官方文档http://fresco-cn.org/docs/index.html，但是大部分app用不到，由于这个库对缓存的优化，只要掌握上面的使用就可以节省很大内存，目前在git上这四大开源图片最节省内存，如果项目中有大量图片加载建议用Fresco，只是占用空间大点，相对现在普遍几十M的app也没有什么影响。否则用Glide即可，至于Picasso和UniversalImageLoader，基本就用不到了。

此文章出自微信公众号mjw-java，更多精彩内容还请关注公众号！