荐 每天学习一个Android中的常用框架——11.Fresco
1.简介
Fresco,作为图片加载框架,由大名鼎鼎的Facebook开发。比起其他的图片加载框架,由于导入了Native层代码的原因,使其功能相当强大。
- 优点:
- 内存自动回收。图片不可见时,会及时自动释放所占用的内存,尽可能地避免OOM
- 三级缓存机制。两级内存缓存(解码的与未解码的)+一级磁盘缓存,提升加载速度,节省内存占用空间
- 支持各种加载场景。如动图加载、高斯模糊等常见的图片加载场景。另外还提供了独特的渐进式加载、先加载小图再加载大图,加载进度等功能(很强大)。
- 缺点:
- 体积大(很胖)。较其他主流图片库体积要大不少
- 侵入性较强。须使用它提供的SimpleDraweeView来代替ImageView加载显示图片
综合来说,如果你的应用对图片的显示、加载等要求高的话,那就建议使用Fresco。但如果要求没那么高的话就用Glide或其它库吧。
2.特性
事实上,Fresco是少有的拥有中文官方文档的框架,这对于想要深入学习的读者大有帮助,该网站为: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 类。为了下载网络图片,请确认你声明了网络请求的权限。
<manifest
...
>
<uses-permission android:name="android.permission.INTERNET" />
<application
...
android:label="@string/app_name"
android:name=".MyApplication"
>
...
</application>
...
</manifest>
注意:Fresco的底层调用了Native层的框架,使用前需要为项目配置NDK,如果没有NDK则需要下载(需要NDK版本号在20以上),项目配置即下图所示:
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.源码地址
本文地址:https://blog.csdn.net/qq_41151659/article/details/106131283