图片加载是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。