继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Fresco初步认识

浮云间
关注TA
已关注
手记 146
粉丝 16
获赞 47

关于 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。

 

原文链接:http://www.apkbus.com/blog-705730-60547.html

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP