资讯专栏INFORMATION COLUMN

图片加载框架之Fresco

bbbbbb / 2363人阅读

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

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/13956.html

相关文章

  • 图片加载框架Fresco

    摘要:中设计有一个叫做模块,它会在图片加载完成前显示占位图,加载成功后自动替换为目标图片。当图片不再显示在屏幕上时,它会及时地释放内存和空间占用。大的内存占用势必引发更加频繁的。 Fresco图片框架简介及使用 Fresco是FaceBook退出了一个Android开源图片管理框架,它提供了图片下载、渐进式加载、内存管理等功能,很大程度上把程序员从繁琐的图片管理工作中解放了出来,官网地址,F...

    lvzishen 评论0 收藏0
  • Fresco源码分析DraweeView

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

    draveness 评论0 收藏0
  • Fresco源码分析DraweeView

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

    yanbingyun1990 评论0 收藏0
  • 图片处理工具

    摘要:但是我们还是发现至少有两个问题,以为例,第一,当需求变动,你最全面详解图像处理的最重要类之一。将图片存储到一个特殊的区域,避免了。 Android7.0 完美适配——FileProvider 拍照裁剪全解析 适配 android7.0 中的拍照相册裁剪功能 使用 photoView 实现可点击放大到全屏显示的控件,效果类似于微信朋友圈点开看大图 使用 photoView 实现可点击放大...

    wangxinarhat 评论0 收藏0
  • 图片处理工具 - 收藏集 - 掘金

    摘要:图片预览工具掘金仿微信的图片预览工具这是一个仿朋友圈的列表。加载图片工具使处理发送大图掘金什么是就是内存溢出,即。图片加载框架最详细的使用指南掘金写在前面中有几个比较有名的图片加载框架,和。 Android 图片预览工具 - Android - 掘金仿微信的图片预览工具 01.png 这是一个仿朋友圈的列表。 加载图片工具使... 处理 Android 发送大图 OOM - Andro...

    AbnerMing 评论0 收藏0

发表评论

0条评论

bbbbbb

|高级讲师

TA的文章

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