每天学习一个Android中的常用框架——11.Fresco

亦凉 2023-03-12 09:24 0阅读 0赞

### 文章目录 ###

*  1.简介
 *  2.特性
 *  3.演示
 *   *  3.1 集成
     *  3.2 配置
     *  3.3 布局文件和URL封装
     *  3.4 图片加载
 *  4.源码地址

# 1.简介 #

**Fresco**，作为图片加载框架，由大名鼎鼎的Facebook开发。比起其他的图片加载框架，由于导入了Native层代码的原因，使其功能相当强大。

*  优点：

1.  **内存自动回收**。图片不可见时，会及时自动释放所占用的内存，尽可能地避免OOM
2.  **三级缓存机制**。两级内存缓存（解码的与未解码的）+一级磁盘缓存，提升加载速度，节省内存占用空间
3.  **支持各种加载场景**。如动图加载、高斯模糊等常见的图片加载场景。另外还提供了独特的**渐进式加载、先加载小图再加载大图，加载进度**等功能（很强大）。

*  缺点：

1.  **体积大（很胖）**。较其他主流图片库体积要大不少
2.  **侵入性较强**。须使用它提供的SimpleDraweeView来代替ImageView加载显示图片

综合来说，如果你的应用对图片的显示、加载等要求高的话，那就建议使用**Fresco**。但如果要求没那么高的话就用**Glide**或其它库吧。

# 2.特性 #

事实上，**Fresco**是少有的拥有**中文**官方文档的框架，这对于想要深入学习的读者大有帮助，该网站为：[Fresco 专为Android加载图片][Fresco _Android]，这里就简单贴出由官网说明的一些关于Fresco的相关特性：

*  **内存管理**  
    解压后的图片，即Android中的`Bitmap`，占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下，GC将会显著地引发界面卡顿。  
    在5.0以下系统，Fresco将图片放到一个特别的内存区域。当然，在图片不显示的时候，占用的内存会自动被释放。这会使得APP更加流畅，减少因图片内存占用而引发的OOM。  
    Fresco 在低端机器上表现一样出色，你再也不用因图片内存占用而思前想后。
 *  **图片加载**  
    Fresco的Image Pipeline允许你用很多种方式来自定义图片加载过程，比如：
    
     *  为同一个图片指定不同的远程路径，或者使用已经存在本地缓存中的图片
     *  先显示一个低清晰度的图片，等高清图下载完之后再显示高清图
     *  加载完成回调通知
     *  对于本地图，如有EXIF缩略图，在大图加载完成之前，可先显示缩略图
     *  缩放或者旋转图片
     *  对已下载的图片再次处理
     *  支持WebP解码，即使在早先对WebP支持不完善的Android系统上也能正常使用！
 *  **图片绘制**  
    Fresco 的 Drawees 设计，带来一些有用的特性：
    
     *  自定义居中焦点
     *  圆角图，当然圆圈也行
     *  下载失败之后，点击重现下载
     *  自定义占位图，自定义overlay, 或者进度条
     *  指定用户按压时的overlay
 *  **图片的渐进式呈现**  
    渐进式的JPEG图片格式已经流行数年了，渐进式图片格式先呈现大致的图片轮廓，然后随着图片下载的继续，呈现逐渐清晰的图片，这对于移动设备，尤其是慢网络有极大的利好，可带来更好的用户体验。  
    Android 本身的图片库不支持此格式，但是Fresco支持。使用时，和往常一样，仅仅需要提供一个图片的URI即可，剩下的事情，Fresco会处理。
 *  **动图加载**  
    加载Gif图和WebP动图在任何一个Android开发者眼里看来都是一件非常头疼的事情。每一帧都是一张很大的`Bitmap`，每一个动画都有很多帧。Fresco让你没有这些烦恼，它处理好每一帧并管理好你的内存。

除了特性之外，Fresco具有的两大模块也需要说明一下：

*  **Image Pipeline**  
    Fresco 中设计有一个叫做 Image Pipeline 的模块。它负责从网络，从本地文件系统，本地资源加载图片。为了最大限度节省空间和CPU时间，它含有3级缓存设计（2级内存，1级磁盘）。
 *  **Drawees**  
    Fresco 中设计有一个叫做 Drawees 模块，它会在图片加载完成前显示占位图，加载成功后自动替换为目标图片。当图片不再显示在屏幕上时，它会及时地释放内存和空间占用。

鉴于Fresco的功能众多，API庞杂，这里限于作者学力所限仅展示最基础的图片加载功能，其余的拓展功能可以参看官方文档，官方文档写的相当详细了。

# 3.演示 #

## 3.1 集成 ##

在使用任意框架之前，集成总是最先要做的。前往Fresco查看最新的依赖，然后修改module下的build.gradle，代码如下：

dependencies { 
      // 其他依赖
      compile 'com.facebook.fresco:fresco:2.2.0'
    }

## 3.2 配置 ##

在加载图片之前，你必须初始化Fresco类。你只需要调用`Fresco.initialize`一次即可完成初始化，在 Application 里面做这件事再适合不过了（如下面的代码），注意多次的调用初始化是无意义的。

import android.app.Application;
    
    import com.facebook.drawee.backends.pipeline.Fresco;
    
    public class MyApplication extends Application { 
        @Override
        public void onCreate() { 
            super.onCreate();
            Fresco.initialize(this);
        }
    }

做完上面的工作后，你需要在 AndroidManifest.xml 中指定你的 Application 类。为了下载网络图片，请确认你声明了网络请求的权限。

注意：Fresco的底层调用了Native层的框架，使用前需要为项目配置NDK，如果没有NDK则需要下载（需要NDK版本号在20以上），项目配置即下图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70]

## 3.3 布局文件和URL封装 ##

接下来，我们直接开始布局文件activity\_main.xml的编写。该布局很简单，仅有一个按钮和一个由Fresco提供的`SimpleDraweeView`控件（替代ImageView），代码如下：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:fresco="http://schemas.android.com/apk/res-auto"
        tools:context=".MainActivity"
        android:orientation="vertical">
    
        <Button
            android:id="@+id/btn_load_image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="加载图片"/>
    
        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/iv_standard"
            android:layout_width="100dp"
            android:layout_height="100dp"
            fresco:placeholderImage="@drawable/background"
            />
    
    </LinearLayout>

在SimpleDraweeView控件中，`fresco:placeholderImage`属性用于充当图片还未完全加载时的占位图。

之后，我们简单用字符串封装一下要请求的URL。这里封装一个URL，用于请求一个本地TomCat服务器中的图片，代码如下（服务器URL不固定，根据自己的服务器路径名进行相应修改）：

mUri = Uri.parse("http://10.0.2.2:8080/tomcat.png");

## 3.4 图片加载 ##

这里直接在MainActivity中为按钮注册点击事件，然后调用相应api即可，代码如下：

btn_load_image.setOnClickListener(new View.OnClickListener() { 
                @Override
                public void onClick(View v) { 
                    iv_standard.setImageURI(mUri);
                }
            });

注意，这里的`iv_standard`是SimpleDraweeView控件的实例对象名。没错，只需要简单的加上`setImageURI()`这句api，就可以实现图片加载的功能了。

# 4.源码地址 #

[AFL——Android框架学习][AFL_Android]

[Fresco _Android]: https://www.fresco-cn.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70]: /images/20230312/30982809872b4f6387fd314abc3b5365.png
[AFL_Android]: https://gitee.com/moxitao/AndoridFrameLearn