美文网首页
Fresco用法介绍

Fresco用法介绍

作者: 写代码的向日葵 | 来源:发表于2017-11-07 00:18 被阅读0次

    1.Fresco介绍:

        (1).Fresci是目前最强大的图片加载组件
        (2).Fresco中设计有一个叫做image pipeline的模块,它负责从网络,从本地文件系统,本地资源加载图片。为了最大限度节省空间和cpu时间,它含有3级缓存设计(2级内存,1级文件)。
        (3).Fresco中设计有一个叫做Drawees模块,方便地显示loading图。当图片不再显示屏幕上时,及时地释放内存和空间占用。
        (4).Fresco支持Android2.3(API level 9)及其以上系统

    2.Fresco特点

    2.1内存管理:

        2.1.1 一个没有压缩的图片,即Android中的Bitmap,占用大量的内存,大的内存占用势必引发更加频繁的GC。在5.0以下,GC将会显著地引用界面卡顿
        2.1.2 在5.0以下系统,Fresco将图片放到一个特别的内存区域。当然,在图片不显示的时候,占用的内存会自动被释放。这个使得APP更加流畅,减少因图片内存占用而引发的OOM。
        2.1.3 给图片分配内存的方式:Fresco:Ashmem(系统匿名共享内存);其它:Java Heap

    2.2渐进式呈现图片:

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

    2.3Gif图和WebP格式

        2.3.1 支持加载Gif图,支持WebP格式

    2.4 图像的呈现

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

    2.5图像的加载

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

    3.Fresco基本使用

    <com.facebook.drawee.view.SimpleDraweeView
      android:id="@+id/my_image_view"
      android:layout_width="20dp"  //宽
      android:layout_height="20dp" //高
      fresco:fadeDuration="300"
      fresco:actualImageScaleType="focusCrop" 
      fresco:placeholderImage="@color/wait_color"     //下载成功之前显示的图片
      fresco:placeholderImageScaleType="fitCenter"    //设置图片缩放,通常使用FocusCrop,该属性值会通过算法把人头像放在中间
      fresco:failureImage="@drawable/error" //下载失败的时候显示的图片
      fresco:failureImageScaleType="centerInside" //设置图片缩放
      fresco:retryImage="@drawable/retrying"//加载失败,提示用户点击重新加载的图片(会覆盖failureImage的图片)
      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用法介绍

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