• Android 图片处理之 Fresco


    一、关于 Fresco

    github: https://github.com/facebook/fresco

    API: http://www.fresco-cn.org/javadoc/reference/packages.html


    Fresco 是一个强大的图片加载组件。

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

    Fresco 中设计有一个叫做 Drawees 模块,方便地显示loading图,当图片不再显示在屏幕上时,及时地释放内存和空间占用。

    Fresco 支持 Android2.3(API level 9) 及其以上系统。

    二、特性

    图片的渐进式呈现

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

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

    Gif图和WebP格式

    是的,支持加载Gif图,支持WebP格式。

    图像的呈现

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

    • 自定义居中焦点(对人脸等图片显示非常有帮助)
    • 圆角图,当然圆圈也行。
    • 下载失败之后,点击重现下载
    • 自定义占位图,自定义overlay, 或者进度条
    • 指定用户按压时的overlay

    图像的加载

    Fresco 的 image pipeline 设计,允许用户在多方面控制图片的加载:

    • 为同一个图片指定不同的远程路径,或者使用已经存在本地缓存中的图片
    • 先显示一个低解析度的图片,等高清图下载完之后再显示高清图
    • 加载完成回调通知
    • 对于本地图,如有EXIF缩略图,在大图加载完成之前,可先显示缩略图
    • 缩放或者旋转图片
    • 处理已下载的图片
    • WebP 支持

    三、例子

    1.使用Fresco加载网络图片

    第一步:需要引入库

    因为本人是在AndroidStudio上面进行项目开发,在此工具内配置方法是在app 的build.gradle文件中添加如下代码
    dependencies {
    compile 'com.facebook.fresco:fresco:0.8.1+'  目前最新版
    }
     
    第二步:官方文档已经说fresco的类库发布到了Maven中央库,所以我们只需添加上面的代码再同步编译即可,如果无效,需作如下配置
    allprojects {
        repositories {
            jcenter()
            mavenCentral()
        }
     }
    第三步:必须在application中初始化Fresco,最后别忘记,修改清单文件application的name
    Fresco.initialize(instance);

    接着:Fresco是通过控件来实现它内部的优化缓存处理的,我们可以使用它提供的SimpleDraweeView来完成

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/my_image_view"
        android:layout_width="50dp"
        android:layout_height="50dp"
        fresco:roundAsCircle="true"
        fresco:roundedCornerRadius="180dp"
        fresco:actualImageScaleType="focusCrop"
        android:layout_centerVertical="true" />

    上面引入了自定义属性,只需要在xml根部局中添加 “自定义命名空间即可”, 当然AS是支持快捷键一键生成的

    第四步:就是显示网络图片了:

    Uri uri = Uri.parse("https://raw.githubusercontent.com/facebook/fresco/gh-pages/static/fresco-logo.png"); 
    SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view); 
    draweeView.setImageURI(uri);

    剩下的,Fresco会替你完成:

    • 显示占位图直到加载完成;
    • 下载图片;
    • 缓存图片;
    • 图片不再显示时,从内存中移除;

    等等等等。

    上面就是Fresco最简单的用法了 

    四、其他一些介绍

    Fresco是不支持 wrap_content属性的,如果布局中非要用,需在java代码中指定setAspectRatio(1.5f); 比例

    fresco:fadeDuration="300" //持续时间
    fresco:actualImageScaleType="focusCrop"//设置图片缩放属性,通常使用focusCrop,该属性值会通过算法把人头像放在中间
    fresco:placeholderImage="指定一个默认图片"//下载图片之前的默认占位
    fresco:failureImage="@drawable/error" //下载失败的默认图片

    功能太多不再一一赘述。。。。
    参考官方文档:http://www.fresco-cn.org/docs/index.html#_
  • 相关阅读:
    oracle性能监控
    MySQL Explain详解
    oracle中merge into用法解析
    Mysql常见函数
    Quartz -第一篇-入门
    搭建zookeeper集群
    linux 安装mysql
    mysql无法远程访问
    ActiveMQ 持久化
    Nyoj 城市平乱(图论)
  • 原文地址:https://www.cnblogs.com/android-zcq/p/5131554.html
Copyright © 2020-2023  润新知