开源框架Fresco初步认识

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了开源框架Fresco初步认识相关的知识,希望对你有一定的参考价值。

关于 Fresco

Fresco 是一个强大的图片加载组件。

Fresco 中设计有一个叫做 image pipeline 的模块。它负责从网络,从本地文件系统,本地资源加载图片。为了最大限度节省空间和CPU时间,它含有3级缓存设计(2级内存,1级文件)。

Fresco 中设计有一个叫做 Drawees 模块,方便地显示loading图,当图片不再显示在屏幕上时,及时地释放内存和空间占用。

Fresco 支持 android2.3(API level 9) 及其以上系统。

特性

内存管理

解压后的图片,即Android中的Bitmap,占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下,GC将会显著地引发界面卡顿。

在5.0以下系统,Fresco将图片放到一个特别的内存区域。当然,在图片不显示的时候,占用的内存会自动被释放。这会使得APP更加流畅,减少因图片内存占用而引发的OOM。

Fresco 在低端机器上表现一样出色,你再也不用因图片内存占用而思前想后。

图片的渐进式呈现

渐进式的JPEG图片格式已经流行数年了,渐进式图片格式先呈现大致的图片轮廓,然后随着图片下载的继续,呈现逐渐清晰的图片,这对于移动设备,尤其是慢网络有极大的利好,可带来更好的用户体验。

Android 本身的图片库不支持此格式,但是Fresco支持。使用时,和往常一样,仅仅需要提供一个图片的URI即可,剩下的事情,Fresco会处理。

Gif图和WebP格式

是的,支持加载Gif图,支持WebP格式。

图像的呈现

Fresco 的 Drawees 设计,带来一些有用的特性:

  • 自定义居中焦点(对人脸等图片显示非常有帮助)
  • 圆角图,当然圆圈也行。
  • 下载失败之后,点击重现下载
  • 自定义占位图,自定义overlay, 或者进度条
  • 指定用户按压时的overlay

图像的加载

Fresco 的 image pipeline 设计,允许用户在多方面控制图片的加载:

  • 为同一个图片指定不同的远程路径,或者使用已经存在本地缓存中的图片
  • 先显示一个低解析度的图片,等高清图下载完之后再显示高清图
  • 加载完成回调通知
  • 对于本地图,如有EXIF缩略图,在大图加载完成之前,可先显示缩略图
  • 缩放或者旋转图片
  • 处理已下载的图片
  • WebP 支持

引入Fresco编辑和纠错

 

类库发布到了Maven中央库:

1. Android Studio 或者 Gradle

[代码]xml代码:

1
2
3
dependencies {
  compile ‘com.facebook.fresco:fresco:0.9.0+‘
}

2. Intellij IDEA 或者 Maven:

这是一个在 Intellij IDEA 的工程简单示例: https://github.com/liaohuqiu/fresco-demo-for-maven ,可供参考。

这个 issue 解决之前,pom 中相关依赖缺少 type 字段,通过以下方式无法直接引入:

[代码]xml代码:

1
2
3
4
5
<dependency>
  <groupid>com.facebook.fresco</groupid>
  <artifactid>fresco</artifactid>
  <version>LATEST</version>
</dependency>

需要这样:

[代码]xml代码:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!-- use this version, exclude all the other version from the other libraries. -->
<dependency>
    <groupid>com.android.support</groupid>
    <artifactid>support-v4</artifactid>
    <version>21.0.3</version>
    <type>aar</type>
</dependency>
 
<!-- begin of fresco -->
<dependency>
    <groupid>com.facebook.fresco</groupid>
    <artifactid>fresco</artifactid>
    <version>0.9.0</version>
    <type>aar</type>
    <exclusions>
        <exclusion>
            <groupid>com.android.support</groupid>
            <artifactid>support-v4</artifactid>
        </exclusion>
        <exclusion>
            <groupid>com.facebook.fresco</groupid>
            <artifactid>*</artifactid>
        </exclusion>
    </exclusions>
</dependency>
<dependency>
    <groupid>com.facebook.fresco</groupid>
    <artifactid>fbcore</artifactid>
    <type>aar</type>
    <version>0.9.0</version>
</dependency>
<dependency>
    <groupid>com.facebook.fresco</groupid>
    <artifactid>drawee</artifactid>
    <type>aar</type>
    <version>0.9.0</version>
    <exclusions>
        <exclusion>
            <groupid>com.android.support</groupid>
            <artifactid>support-v4</artifactid>
        </exclusion>
        <exclusion>
            <groupid>com.facebook.fresco</groupid>
            <artifactid>fbcore</artifactid>
        </exclusion>
    </exclusions>
</dependency>
<dependency>
    <groupid>com.facebook.fresco</groupid>
    <artifactid>imagepipeline</artifactid>
    <type>aar</type>
    <version>0.9.0</version>
    <exclusions>
        <exclusion>
            <groupid>com.android.support</groupid>
            <artifactid>support-v4</artifactid>
        </exclusion>
        <exclusion>
            <groupid>com.facebook.fresco</groupid>
            <artifactid>fbcore</artifactid>
        </exclusion>
    </exclusions>
</dependency>
<!-- end of fresco -->

很丑陋对吧,抱歉目前暂时只能这样,有更好的办法请一定告诉我。

刷新 Maven 工程,下载引用,下载完成之后,将:

gen-external-apklibs/com.facebook.fresco_imagepipeline_{版本号}/jni

目录下的三个文件夹:armeabiarmeabi-v7ax86 这三个文件夹拷贝到 libs 文件夹下。

3. Eclipse ADT

首先,下载这个文件.

解压后,你会看到一个目录:frescolib,注意这个目录。

  1. 从菜单 “文件(File)”,选择导入(Import)
  2. 展开 Android, 选择 "Existing Android Code into Workspace", 下一步。
  3. 浏览,选中刚才解压的的文件中的 frescolib 目录。
  4. 这5个项目应该都会被添加到工程: drawee, fbcore, fresco, imagepipeline, imagepipeline-okhttp。请确认前4个项目一定是被选中的。点击完成。
  5. 右键,项目,选择属性,然后选择 Android。
  6. 点击右下角的 Add 按钮,选择 fresco,点击 OK,再点击 OK。

现在,fresco 就导入到项目中了,你可以开始编译了。如果编译不通过,可以尝试清理资源,或者重启 Eclipse。

如果你想在网络层使用 OkHttp,请看这里.

如果 support-v4 包重复了,删掉 frescolib/imagepipeline/libs 下的即可。

 

建议尽早使用 Android Studio。

转自:安卓巴士

以上是关于开源框架Fresco初步认识的主要内容,如果未能解决你的问题,请参考以下文章

Fresco

初步认识Ehcache清空缓存的3种策略

Android开发常用开源框架:图片处理

Android开发常用开源框架:图片处理

Android开发常用开源框架:图片处理

Android图片加载与缓存开源框架总结七部曲:Glide Picasso ImageLoader Fresco ASimpleCache等