Android 开发图片加载（三）Fresco 的简单使用

前面的文章介绍了 Picasso 和 Glide 的简单使用，今天讲一下 Fresco 的简单使用，这是一款更简单、更强大的图片加载框架！废话不多，进入主题；

一、在 build.gradle  里面导入依赖：

implementation 'com.facebook.fresco:fresco:0.12.0'

这里根据个人所需要添加：

// 在 API < 14 上的机器支持 WebP 时，需要添加
implementation 'com.facebook.fresco:animated-base-support:0.12.0'

// 支持 GIF 动图，需要添加
implementation 'com.facebook.fresco:animated-gif:0.12.0'

// 支持 WebP （静态图+动图），需要添加
implementation 'com.facebook.fresco:animated-webp:0.12.0'

// 只支持 WebP 静态图，需要添加
implementation 'com.facebook.fresco:webpsupport:0.12.0'

二、自定义一个 Application，并在 onCreate() 方法中初始化，并在 AndroidManifest.xml 中调用，并添加网络权限：

public class MyAppaction extends Application {
    @Override
    public void onCreate() {
        super.onCreate();

        // 初始化 Fresco
        Fresco.initialize(this);
    }
}

三、加载静态图，包括圆形展示，这里要注意一点，目前 Fresco 只支持 match_parent 属性，不支持 wrap_content 属性，如果宽高都设置为 wrap_content，控件不显示。：

1、普通加载

首先定义 xml 文件：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/simpleView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="20dp"/>

Java 代码中调用，极其简单：

simpleView = findViewById(R.id.simpleViewTwo);
simpleView.setImageURI(url);   // 添加图片链接
simpleView.setAspectRatio(1.5f);// 设置宽高比例（极其重要）

2、设置为圆形头像效果：

Xml：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/simpleView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="20dp"/>

Java 调用：

simpleView = findViewById(R.id.simpleView);
Uri uri = Uri.parse(urlRound);
simpleView.setImageURI(uri);
simpleView.setAspectRatio(1.5f);

GenericDraweeHierarchyBuilder builder = new GenericDraweeHierarchyBuilder(getResources());

GenericDraweeHierarchy hierarchy = builder
        .setFadeDuration(300) // 设置淡入、淡出的动画持续时间
        .setFailureImage(R.drawable.error) // 设置故障图片
        .setPlaceholderImage(R.drawable.wait) // 设置占位符图片
        .setRetryImage(R.drawable.refresh)  // 设置点击重新加载
        .setProgressBarImage(new ProgressBarDrawable()) // 设置加载进度条
        .build();

// 设置为圆形展示
RoundingParams params = RoundingParams.fromCornersRadius(6f);
params.setBorder(R.color.black,1);  // 设置描边
params.setRoundAsCircle(true);
hierarchy.setRoundingParams(params);

simpleView.setHierarchy(hierarchy);

四、加载Glf 图片，相对 Glide 新版本要简单很多：

首先 xml ：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/imageDynamic"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="20dp"/>

Java 代码中调用：

imageDynamic = findViewById(R.id.imageDynamic);
imageDynamic.setAspectRatio(1.5f);

DraweeController controller = Fresco.newDraweeControllerBuilder()
        .setUri(url)
        .setAutoPlayAnimations(true)
        .build();
imageDynamic.setController(controller);

最后，谢谢阅读！