Fresco源码简单分析 DraweeView DraweeHierarchy DraweeController

最新推荐文章于 2019-12-05 17:07:12 发布

WrQx99

最新推荐文章于 2019-12-05 17:07:12 发布

阅读量611

点赞数

本文链接：https://blog.csdn.net/watertekhqx/article/details/51285680

版权

本文档主要分析Fresco库中DraweeView、DraweeHierarchy和DraweeController的原理和作用。DraweeView作为视图层，负责图片显示；DraweeHierarchy作为模型层，维护显示的Drawable对象；而DraweeController作为控制器，与image loader交互，控制图片加载逻辑。通过查看SimpleDraweeView及其继承体系，了解它们之间的关系和各自职责，深入理解Fresco的工作机制。

摘要由CSDN通过智能技术生成

4. Fresco的内容

为了方便学习，我们先从使用结合官方的文档来分析

4.1 Fresco客户端的使用

在使用Fresco的使用，我们直接使用的是SimpleDraweeView这个类，然后在Activity或者Fragment中使用findViewById，然后便调用SimpleDraweeView.setImageUri()，这个方法，便直接可以加载图片，那么在这之间到底是怎么做的呢？结果打开SimpleDraweeView这个类，发现其继承体系，又发现中间有其他一些类，如果只是硬着头皮看代码，我们也会发现其中的逻辑，但是通过官方文档的介绍，我们会降低分析的时间花销
官方关于SimpleDraweeView的介绍

4.1.1 Drawees

rawees 负责图片的呈现，包含几个组件，有点像MVC模式

4.1.2 DraweeView(Viewer)

继承于 View, 负责图片的显示。

4.1.3 DraweeHierarchy(Model)

DraweeHierarchy 用于组织和维护最终绘制和呈现的Drawable对象，相当于MVC中的M。

4.1.4 DraweeController(Controller)

DraweeController 负责和 image loader 交互（默认是Fresco中 image pipeline），可以创建一个这个类的实例，来实现对所要显示的图片做更多的控制

4.1.5 DraweeView(Viewer)-DraweeHierarchy(Model)-DraweeController(Controller)的代码体现

了解通用的MVC模式，便知道Model负责的是持有数据，Viewer用于展示数据，Controller用于控制数据的逻辑，即核心的控制逻辑位于Controller中
MVC的示意图：

这个只是通用的MVC示意图，那么在Drawees中是如何体现呢：

在查看三者的关系时，我们从Viewer入手，在查看SimpleDraweeView，先看其继承体系

4.1.5.1 视图层DraweeView继承体系及各个类的作用

DraweeView
--| GenericDraweeView
------| SimpleDraweeView

DraweeView (Viewer)
获取和设置Hierarchy+Controller，DraweeView的相关信息在DraweeHolder中
DraweeHolder是一个辅助的类，解耦的设计方式，将需要设置以及传递控制的信息，全部交给DrawHolder来实现

GenericDraweeView
解析在xml中设置的属性

SimpleDraweeView

从外界设置ConrolllerBuilderSupplier
可以设置ImageUri

核心的业务逻辑位于DraweeView中
在控件初始化时，初始化了一个DraweeHolder

DraweeView的初始化源码

  private DraweeHolder<DH> mDraweeHolder;

  public DraweeView(Context context) {
    super(context);
    init(context);
  }

  public DraweeView(Context context, AttributeSet attrs) {
    super(context, attr