Fresco 原理浅析

作者: 寂寞书生_328c | 来源:发表于2017-10-17 14:24 被阅读0次

什么是fresco?

为什么要设计fresco?

fresco有什么特性?

fresco的架构原理

内存机制

GenericDraweeHierarchy 层级结构

参考资料

什么是Fresco?

官网https://www.fresco-cn.org

githubhttps://github.com/facebook/fresco

为什么要设计Fresco?

FaceBook 说的如下：

对于Android平台的Facebook来说，快速而高效的展示图片是很重要的。不过近年来，我们在如何高效地存储图片方面遇到了很多问题。图片所需空间很大，而设备上空间很小。每个像素占用4个字节，分别为红、绿、蓝和α透明度。如果一个手机的屏幕尺寸是480*800像素，一张全屏的图片就占用1.5MB的内存。通常手机的内存很少，并且Android设备在众多应用程序之间会平均分配自身的内存。在一些设备上，Facebook程序内存被限制在16MB，可是仅仅一张图片就占用了十分之一！

当你的应用程序运行超出内存时会发生什么？它会crash。我们打算通过创建我们称之为Fresco的库来解决这个问题。它能管理图片及其所占内存，Crash便随之消失了。

总结：就是处理图片OOM问题，对图片做内存管理。

Fresco有什么特性？

内存管理

图片加载

图片绘制

图片的渐进式呈现

动图加载

Fresco架构原理

栗子：

ControllerListenerlistener = newBaseControllerListener(){...}DraweeControllercontroller =Fresco.newDraweeControllerBuilder() .setUri(uri) .setTapToRetryEnabled(true) .setOldController(mSimpleDraweeView.getController()) .setControllerListener(listener) .build();mSimpleDraweeView.setController(controller);

弄懂fresco的架构原理，需要知道

fresco是如何获取图片数据？

获取到的图片数据是如何显示的？

SimpleDraweeViewAbstractDraweeControllerBuilderPipelineDraweeControllerPipelineDraweeControllerBuilderImagePipelineProducerSequenceFactoryNetworkFetchProducerConsumerMemoryCacheDraweeHolderAbstractDraweeControllerAbstractDataSourceAbstractDraweeController.DataSubscriberGenericDraweeHierarchyForwardingDrawableSimpleDraweeViewinitsetImageURIbuildbuildControllerobtainControllerobtainDataSourceSuppliergetDataSourceSupplierForRequestgetDataSourceForRequestfetchDecodedImagegetDecodedImageProducerSequencegetBasicDecodedImageSequence(uri的区别对待)getNetworkFetchSequence（走网络）getCommonNetworkFetchToEncodedMemorySequence（encoded cache -> disk cache -> (webp transcode) -> network fetch）reurn ProductersubmitFetchRequestproduceResults(从网络上获取数据)notifyConsumer(转化成encodeimage 给消费者消费)onNewResultImpl()cachesetController(设置图片)attachControlleronAttachsubmitRequestgetCachedImagegetCachedImage(return cache image)subscribe(注册监听)notifyDataSubscriber（ui线程，通知监听者）onNewResultImpl(回调)onNewResultInternal(关键)createDrawablesetImagesetDrawable(设置图片)SimpleDraweeViewAbstractDraweeControllerBuilderPipelineDraweeControllerPipelineDraweeControllerBuilderImagePipelineProducerSequenceFactoryNetworkFetchProducerConsumerMemoryCacheDraweeHolderAbstractDraweeControllerAbstractDataSourceAbstractDraweeController.DataSubscriberGenericDraweeHierarchyForwardingDrawable

ps:最后下面的mDraweeHolder.getTopLevelDrawable()会从ForwardingDrawable 中获取到设置的drawable.

/** Sets the controller. */publicvoidsetController(@NullableDraweeController draweeController){mDraweeHolder.setController(draweeController);super.setImageDrawable(mDraweeHolder.getTopLevelDrawable()); }

Fresco架构图