美文网首页
关于Android图片加载组件Fresco

关于Android图片加载组件Fresco

作者: 满满正能量_617a | 来源:发表于2017-05-24 18:04 被阅读0次

    是什么?

    Fresco是一个强大的图片加载组件,里面封装了图片的加载和显示这些繁琐的事情,我们只需要直接拿过来用即可,不需要再去考虑加载大量图片处理不当引起的页面卡顿的问题,支持Android2.3及以后的版本。

    包含2个模块

    * Image Pipeline:

    支持从网络、本地文件系统、本地资源加载图片,内含3级缓存设计(2级内存,1级磁盘)),最大限度的节省了空间和CPU的处理时间。

    * Drawees:

    在图片加载完整前显示占位图,加载成功之后自动替换为目标图片,加载失败可以设置需要显示的加载失败的图片;当图片不在显示在屏幕上时,它会及时的释放内存和占用空间。

    特性:

    内存管理

    解压后的图片,即Android中的Bitmap,占用大量的内存,大量的内存占用势必会引发频繁的GC,GC将会显著地引发界面卡顿,在5.0以下,Fresco将图片放在一个特别的内存区域,在这些图片不显示之后及时的释放内存,这会使得APP更加流畅(在低端机上表现一样出色),减少因为图片内存占用而引发的OOM。

    图片加载

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

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

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

    • 加载完成回调通知

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

    • 缩放或者旋转图片

    • 对已下载的图片再次处理

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

    图片绘制

    * 自定义居中焦点

    *  圆角图,圆圈也可以

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

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

    *  制定按压时候的overlay

    图片的渐进式的呈现

    渐进式的JPEG图片格式已经流行数年了,渐进式图片格式先呈现大致的图片轮廓,然后随着图片下载的继续,呈现逐渐清晰的图片,这对于移动设备,尤其是慢网络有极大的利好,可带来更好的用户体验。

    Android 本身的图片库不支持此格式,但是Fresco支持。使用时,和往常一样,仅仅需要提供一个图片的URI即可,剩下的事情,Fresco会处理。

    动画加载

    支持Gif图和WebP动画,他能很好的处理每一帧图片及内存问题。

    如何使用:

    *  添加gradle依赖:

    compile 'com.facebook.fresco:fresco:0.10.0'

    *  在工程的Application的OnCreate( )方法中初始化:

    图1

    *  在布局文件中需要显示图片的位置使用心得控件来代替:

    图2

    备注:属性中存在fresco:开头的声明。这个是fresco的自定义属性,如果我们需要使用其自定义属性,必须在我们的xml根布局中添加声明/命名空间,见下图:

    图3

    Fresco控件属性:

    fresco:actualImageScaleType="focusCrop"

    // 设置图片缩放. 通常使用focusCrop,该属性值会通过算法把人头像放在中间

    fresco:placeholderImageScaleType="fitCenter"

    fresco:placeholderImage="@color/wait_color"

    // 下载成功之前显示的图片

    fresco:failureImage=“@drawable/error"

    fresco:failureImageScaleType="centerInside"

    // 加载失败的时候显示的图片

    fresco:retryImageScaleType="centerCrop"

    fresco:retryImage="@drawable/retrying"

    // 加载失败,提示用户点击重新加载的图片(会覆盖failureImage的图片)

    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"

    // 是不是设置圆圈

    * 代码中的使用:

    图4

    到此就完成啦!

    相关文章

      网友评论

          本文标题:关于Android图片加载组件Fresco

          本文链接:https://www.haomeiwen.com/subject/tuxgxxtx.html