Fresco 图片加载库架构设计赏析

最新推荐文章于 2024-10-05 15:15:57 发布

七脉神剑

最新推荐文章于 2024-10-05 15:15:57 发布

阅读量440

点赞数

分类专栏：图片SDK相关

本文链接：https://blog.csdn.net/weixin_44643524/article/details/115074167

版权

本文详细解析Fresco图片加载库的架构，包括UI层的DraweeView、DraweeHierachy、DraweeHolder，以及加载逻辑控制层的DraweeController。重点介绍了图片加载的流程，从DataSource发起请求到Producer的处理，揭示了Fresco如何实现网络图片加载的全过程。

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

本文是Fresco源码分析系列的开篇，主要分析Fresco的整体架构、各个组成模块的功能以及图片加载流程,希望通过本文可以对Fresco的整体框架设计有一个大概的了解，也为后续更为深入的分析打下基础。

DraweeController : 加载逻辑控制层

DraweeController的构造逻辑

Fresco源码庞大，涉及的图片加载情况众多。本系列Fresco源码分析是沿着Fresco网络加载图片这个点展开的。

Fresco的整体架构

Fresco的组成结构还是比较清晰的，大致如下图所示:

Fresco架构设计赏析

下面结合代码分别解释一下上面各模块的作用以及大概的工作原理。

UI层

DraweeView

它继承自ImageView,是Fresco加载图片各个阶段过程中图片显示的载体，比如在加载图片过程中它显示的是占位图、在加载成功时切换为目标图片。不过后续官方可能不再让这个类继承ImageView。目前DraweeView与ImageView唯一的交集是:它利用ImageView来显示Drawable:

//DraweeView.setController()
public void setController(@Nullable DraweeController draweeController) {
mDraweeHolder.setController(draweeController);
super.setImageDrawable(mDraweeHolder.getTopLevelDrawable());  //super 就是 ImageView
}
//DraweeHolder.getTopLevelDrawable()
public @Nullable Drawable getTopLevelDrawable() {
return mHierarchy == null ? null : mHierarchy.getTopLevelDrawable(); // mHierarchy 是 DraweeHierachy
}

DraweeView.setController()会在Fresco加载图片时会调用。其实在这里可以看出Fresco的图片显示原理是:利用ImageView显示DraweeHierachy的TopLevelDrawable。上面这段代码引出了UI層中另外两个关键类:DraweeHolder和DraweeHierachy。

DraweeHierachy

可以说它是Fresco图片显示的实现者。它的输出是Drawable，这个Drawable会被DraweeView拿来显示(上面已经说了)。它内部有多个Drawable，当前显示在DraweeView的Drawable叫做TopLevelDrawable。在不同的图片加载阶段，TopLevelDrawable是不同的(比如加载过程中是placeholder,加载完成是目标图片)。具体的Drawable切换逻辑是由它来具体实现的。

它是由DraweeController直接持有的，因此对于不同图片显示的切换操作具体是由DraweeController来直接操作的。

DraweeHolder

它维护着DraweeView和DraweeController的attach关系(DraweeView只有attch了DraweeController才会具体加载网络图片的能力)。可以把它理解为DraweeView、DraweeHierachy和DraweeController这3个类之间的粘合剂,具体引用关系如下图:

Fresco架构设计赏析