资讯专栏INFORMATION COLUMN

图片加载框架之Fresco

lvzishen / 3319人阅读

摘要:中设计有一个叫做模块,它会在图片加载完成前显示占位图,加载成功后自动替换为目标图片。当图片不再显示在屏幕上时,它会及时地释放内存和空间占用。大的内存占用势必引发更加频繁的。

Fresco图片框架简介及使用

Fresco是FaceBook退出了一个Android开源图片管理框架,它提供了图片下载、渐进式加载、内存管理等功能,很大程度上把程序员从繁琐的图片管理工作中解放了出来,官网地址,Fresco API。

一. 特性介绍 1. Image Pipeline

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

2. Drawees

Fresco 中设计有一个叫做 Drawees 模块,它会在图片加载完成前显示占位图,加载成功后自动替换为目标图片。当图片不再显示在屏幕上时,它会及时地释放内存和空间占用。

3. 内存管理

解压后的图片,即Android中的Bitmap,占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下,GC将会显著地引发界面卡顿。
在5.0以下系统,Fresco将图片放到一个特别的内存区域。当然,在图片不显示的时候,占用的内存会自动被释放。这会使得APP更加流畅,减少因图片内存占用而引发的OOM。

4. 图片加载

Fresco的Image Pipeline允许你用很多种方式来自定义图片加载过程,比如:

为同一个图片指定不同的远程路径,或者使用已经存在本地缓存中的图片

先显示一个低清晰度的图片,等高清图下载完之后再显示高清图

加载完成回调通知

对于本地图,如有EXIF缩略图,在大图加载完成之前,可先显示缩略图

缩放或者旋转图片

对已下载的图片再次处理

5. 图片绘制

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

自定义居中焦点

圆角图,当然圆圈也行

下载失败之后,点击重现下载

自定义占位图,自定义overlay, 或者进度条

指定用户按压时的overlay

6. 图片的渐进式呈现

渐进式的JPEG图片格式已经流行数年了,渐进式图片格式先呈现大致的图片轮廓,然后随着图片下载的继续,呈现逐渐清晰的图片,这对于移动设备,尤其是慢网络有极大的利好,可带来更好的用户体验。
Android 本身的图片库不支持此格式,但是Fresco支持。使用时,和往常一样,仅仅需要提供一个图片的URI即可,剩下的事情,Fresco会处理。

7. Gif和Webp格式图片的强大支持

加载Gif图和WebP动图在任何一个Android开发者眼里看来都是一件非常头疼的事情。每一帧都是一张很大的Bitmap,每一个动画都有很多帧。Fresco让你没有这些烦恼,它处理好每一帧并管理好你的内存。

支持WebP解码,即使在早先对WebP支持不完善的Android系统上也能正常使用!

二、Fresco的简单使用 1. 在Gradle配置中加入Fresco的依赖
dependencies {
      compile "com.facebook.fresco:fresco:0.14.1"
}
2. 在你的Application中初始化Fresco
public class MyApplication extends Application{

    @Override
    public void onCreate() {
        super.onCreate();
        Fresco.initialize(this);
    }
}

注册MyApplication,并配置网络权限



        
            
                

                
            
        
    
3. 在布局文件中使用Fresco自定义的图片控件SimpleDraweeView,注意引入Fresco命名空间。



    
4.在Activity使用SimpleDraweeView,设置其Uri
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.drawee_img);
        Uri uri = Uri.parse("http://www.people.com.cn/mediafile/pic/20161022/76/4315084153778263996.jpg");
        draweeView.setImageURI(uri);

        //initView();
    }
5.效果展示

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/70568.html

相关文章

  • Fresco源码分析DraweeView

    摘要:首先这是对的源码分析,所以在看这篇文章之前你应该要有使用的基础,如果没有的强烈推荐看下官方文档。在中统一由来替代。关于后续文章会详细分析。在其内部的,是用来记录事件的传递,方便的调试。这次主要是分析了中的基本组件与它的子类。 在Android中图片加载的框架很多,例如:Fresco、Picasso、Glide与Imageloader。它们都有各自的优点,但总的来说,使用起来方便简单、可...

    draveness 评论0 收藏0

发表评论

0条评论

lvzishen

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<