黑马程序员技术交流社区
标题: 如何讲解面试汇总遇到的最新网络图片加载框架Fresco [打印本页]
作者: 工善器 时间: 2016-4-3 16:57
标题: 如何讲解面试汇总遇到的最新网络图片加载框架Fresco
本帖最后由 工善器 于 2016-4-3 17:12 编辑
在我们黑马的课程中，很多学生都了解了图片加载框架，Android 图片加载框架picasso
这个框架我们是比较熟悉的，但是这个框架是比较成熟的，我们在面试中经常会问道有没有新的技术，那么今天给大家介绍我们新晋的图片加载之王：最新网络图片加载框架Fresco。
使用bitmap:我们知道在我们加载图片的时候，我们有两种方式使用Bitmapfactory:一，使用更精简的编码格式，二，使用option方法，降低图片的采样率-也就是压缩图片了。（在这里悄悄的说下，很多同学心目中的降低图片采样率，其实就是压缩图片了。是一样的。）
这听起来像一个完美的解决方案，但是问题是Bitmap解码的操作是运行在UI线程的。Bitmap解码是非常消耗CPU资源的，当消耗过大时会引起UI阻塞。因为这个原因，所以Google不推荐使用这个特性。 现在它们推荐使用另外一个特性——inBitmap。
使用更高级的inBitmap:
但是这个特性直到Android3.0之后才被支持。即使是这样，这个特性也不是非常有用，除非 App 里的所有图片大小都相同，这图片较多，而且大小不一的facebook来说，说显然是不适用的。一直到4.4版本，这个限制才被移除了。但我们需要的是能够运行在 Android 2.3 - 最新版本中的通用解决方案。看来他不能实现版本的通用
那么用imageloader如何？
当一张图片从网络上下载下来之后，我们想显示一张占位图。如果下载失败了，我们就会显示一个错误标志。当图片加载完之后，我们有一个渐变动画。通过 使用硬件加速，我们可以按比例放缩，或者是矩阵变换成我们想要的大小然后渲染。我们不总是按照图片的中心进行放缩，那么我们可以自己定义放缩的聚焦点。有 些时候，我们想显示圆角甚至是圆形的图片。所有的这些操作都应该是迅速而平滑的。imageloader不能实现平滑
我们之前的实现是使用Android的View对象——时机到了，可以使用ImageView替换出占位的View。这个操作是非常慢的。改变 View会让Android强制刷新整个布局，当用户滑动的时候，这绝对不是你想看到的效果。比较明智的做法是使用Android的Drawables, 它可以迅速的被替换。
所以我们创建了Drawee。这是一个像MVC架构的图片显示框架。该模型被称为DraweeHierarchy。它被实现为Drawables的一个层，对于底层的图像而言，每一个曾都有特定的功能——成像、层叠、渐变或者是放缩。
DraweeControllers通过管道的方式连接到图像上——或者是其他的图片加载库——并且处理后台的图片操作。他们从管道接收事件并决定如何处理他们。他们控制DraweeHierarchy实际上的操作——无论是占位图片,错误条件或是完成的图片。
DraweeViews 的功能不多,但都是至关重要的。他们监听Android的View不再显示在屏幕上的系统事件。当图片离开屏幕的时候,DraweeView可以告诉 DraweeController关闭使用的图像资源。这可以避免内存泄露。此外,如果它已经不在屏幕范围内的话，控制器会告诉图片管道取消网络请求。因 此，像Fackbook那样滚动一长串的图片的时候，不会频繁的网络请求。
通过这些努力，显示图片的辛苦操作一去不复返了。调用代码只需要实例化一个DraweeView,然后指定一个URI和其他可选的参数就可以了。剩下的一切都会自动完成。开发人员不需要担心管理图像内存，或更新图像流。Fresco为他们把一切都做了
特性内存管理解压后的图片，即Android中的Bitmap，占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下，GC将会显著地引发界面卡顿。
在5.0以下系统，Fresco将图片放到一个特别的内存区域。当然，在图片不显示的时候，占用的内存会自动被释放。这会使得APP更加流畅，减少因图片内存占用而引发的OOM。
Fresco 在低端机器上表现一样出色，你再也不用因图片内存占用而思前想后。
图片的渐进式呈现渐进式的JPEG图片格式已经流行数年了，渐进式图片格式先呈现大致的图片轮廓，然后随着图片下载的继续，呈现逐渐清晰的图片，这对于移动设备，尤其是慢网络有极大的利好，可带来更好的用户体验。
Android 本身的图片库不支持此格式，但是Fresco支持。使用时，和往常一样，仅仅需要提供一个图片的URI即可，剩下的事情，Fresco会处理。
Gif图和WebP格式是的，支持加载Gif图，支持WebP格式。
图像的呈现Fresco 的 Drawees 设计，带来一些有用的特性：
- 自定义居中焦点(对人脸等图片显示非常有帮助)
- 圆角图，当然圆圈也行。
- 下载失败之后，点击重现下载
- 自定义占位图，自定义overlay, 或者进度条
- 指定用户按压时的overlay
图像的加载Fresco 的 image pipeline 设计，允许用户在多方面控制图片的加载：
- 为同一个图片指定不同的远程路径，或者使用已经存在本地缓存中的图片
- 先显示一个低解析度的图片，等高清图下载完之后再显示高清图
- 加载完成回调通知
- 对于本地图，如有EXIF缩略图，在大图加载完成之前，可先显示缩略图
- 缩放或者旋转图片
- 处理已下载的图片
- WebP 支持
作者: 15614014298 时间: 2016-4-5 21:31
受教了。。。
作者: zhoubinjian 时间: 2016-9-5 23:04
好文章，分析的非常清楚
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |