分享Android编程中Facebook图片加载库Fresco的使用

图片加载是Andriod开发几乎所有应用都需要用到,做Android开发的朋友或多或少都遇到过由于图片加载过多导致OOM,尤其是list页面,加载过多的网络图片,会出现滑动卡顿,内存溢出等问题。为了解决这些问题,陆续出现了很多图片加载库,UniversalImageLoader、Picasso、Fresco、Glide,这些加载库支持异步网络图片加载,多线程和缓存。今天为大家介绍的是facebook的图片开源库Fresco,Fresco 中设计有一个叫做 image pipeline 的模块。它负责从网络,从本地文件系统,本地资源加载图片。为了最大限度节省空间和CPU时间,它含有3级缓存设计(2级内存,1级文件)。

Fresco 中设计有一个叫做 Drawees 模块,方便地显示loading图,当图片不再显示在屏幕上时,及时地释放内存和空间占用。Fresco 支持 Android2.3(API level 9) 及其以上系统。

下面是使用方法:

1.添加fresco库,地址是https://github.com/facebook/fresco

需要在build.gradle中加入依赖,目前最新的版本是0.11.0

compile 'com.facebook.fresco:fresco:0.11.0'

引入版本后同步报错,提示对v4版本有要求,我当前的v4版本是23.1.1,直接开vpn,下载就哦了,没有vpn的朋友可以上http://www.androiddevtools.cn/配置镜像服务器或者下载单独的support导入,不知道这个网站一定要进去看看,不解释。

然后在 Application 初始化时,在应用调用 setContentView() 之前,进行初始化:

public class MyApplication extends Application{

@Override

public void onCreate() {

super.onCreate();

Fresco.initialize(this);

}

}

由于是获取网络图片,加载网络权限

在xml根布局文件中, 加入命名空间:

xmlns:tools="http://schemas.android.com/tools"

xmlns:fresco="http://schemas.android.com/apk/res-auto">

Fresco不同于其它几个图片加载库,它是基于自定义控件的,要使用控件SimpleDraweeView来显示图片,注意,控件不支持宽高同时设置为wrap_content,默认强制设置宽高,否则不显示图片

android:id="@+id/simple_drawee_view"

android:layout_width="50dp"

android:layout_height="50dp"

fresco:placeholderImage="@mipmap/ic_launcher"

/>

但是可以设置根据比例显示图片,一个设置wrap_content,另一个设置为强制,加入fresco:viewAspectRatio="1.33"属性

android:id="@+id/simple_drawee_view"

android:layout_width="400dp"

android:layout_height="wrap_content"

fresco:placeholderImage="@mipmap/ic_launcher"

fresco:viewAspectRatio="1.33"

/>

在activity中加载图片显示,Fresco 不支持相对路径的URI. 所有的URI都必须是绝对路径,并且带上该URI的scheme。

mSimpleDraweeView = (SimpleDraweeView) findViewById(R.id.simple_drawee_view);

Uri uri = Uri.parse("http://b.hiphotos.baidu.com/image/pic/item/d788d43f8794a4c274c8110d0bf41bd5ad6e3928.jpg");

mSimpleDraweeView.setImageURI(uri);

加载动画图gif

DraweeController controller = Fresco.newDraweeControllerBuilder()

.setUri(uri)

.setAutoPlayAnimations(true)

.build();

mSimpleDraweeView.setController(controller);

这里是控件的属性,方便使用

android:layout_width="20dp"

android:layout_height="20dp"

fresco:fadeDuration="300"

fresco:actualImageScaleType="focusCrop"

fresco:placeholderImage="@color/wait_color"

fresco:placeholderImageScaleType="fitCenter"

fresco:failureImage="@drawable/error"

fresco:failureImageScaleType="centerInside"

fresco:retryImage="@drawable/retrying"fresco:retryImageScaleType="centerCrop"

fresco:progressBarImage="@drawable/progress_bar"

fresco:progressBarImageScaleType="centerInside"

fresco:progressBarAutoRotateInterval="1000"

fresco:backgroundImage="@color/blue"

fresco:overlayImage="@drawable/watermark"

fresco:pressedStateOverlayImage="@color/red"

fresco:roundAsCircle="false"

fresco:roundedCornerRadius="1dp"

fresco:roundTopLeft="true"

fresco:roundTopRight="false"fresco:roundBottomLeft="false"

fresco:roundBottomRight="true"

fresco:roundWithOverlayColor="@color/corner_color"

fresco:roundingBorderWidth="2dp"fresco:roundingBorderColor="@color/border_color"

/>

可以设置各种默认图、加载错误图、进度条、背景图片、图片缩放模式和圆角设置等等。

Fresco库还有很多高级功能,以上是基本的使用方法,详细的使用说明参见官方文档http://fresco-cn.org/docs/index.html,但是大部分app用不到,由于这个库对缓存的优化,只要掌握上面的使用就可以节省很大内存,目前在git上这四大开源图片最节省内存,如果项目中有大量图片加载建议用Fresco,只是占用空间大点,相对现在普遍几十M的app也没有什么影响。否则用Glide即可,至于Picasso和UniversalImageLoader,基本就用不到了。

本文出自微信公众号mjw-java。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容