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"
/>
网友评论