前言

  对fresco框架源码的阅读学习,学习优秀的编码方式和较为实用常见设计模式,该篇讲得比较浅,主要是理清三个主要类的之间的关系。

本篇目录
  • fresco框架的MVC模式
  • fresco的DraweeView、DraweeHierarchy、DraweeController的简单介绍
  • fresco的DraweeView、DraweeHierarchy、DraweeController的创建顺序

 fresco 框架的 MVC模式

View - DraweeView

Model - DraweeHierarchy

Controleer - DraweeController


其中Hierarchy和Controller保存在DraweeHolder中,需要从Holder中get方式得到。目的是将Hierarchy和Controller封装在一起,解耦出来,如果要自定义DraweeView只需要在类中新添DraweeHolder类就可以比较方便地拥有Hierarchy和Controller了。

  DraweeView
  DraweeHolder
    |  
    |-- DraweeHierarchy
    |
    |-- DraweeController

----------------------------------------------------------------------------------------------------------------------------------------

 fresco的DraweeView、DraweeHierarchy、DraweeController的简单介绍 

 V-DraweeView 
                  
                  |--------- DraweeView
                  |      
                  |(extends)
        |--------- GenericDraweeView
        |      
        |(extends)
    SimpleDraweeView
(越接近开发者的层越为简单,方便理解,较为复杂的逻辑在顶层父类实现。)

SimpleDraweeViewView

  控件对外的表层的model,只提供简单setImageURL方法,作用为修改显示图片URL

public void setImageURI(Uri uri)

public void setImageURI(@Nullable String uriString)

public void setImageURI(@Nullable String uriString, @Nullable Object callerContext)

public void setImageURI(Uri uri, @Nullable Object callerContext)

GenericDraweeView

  其方法只有一个,在其构造方法中被调用,作用为初始化DraweeHierarchy

protected void inflateHierarchy(Context context, @Nullable AttributeSet attrs)

DraweeView

  0.11.0版本依然是继承自ImageView,看网上说后面会直接继承自View,负责图片的显示,其中重要的一个方法:getTopLevelDrawable()用来获得Hierarchy储存的顶层图片进行显示。

  @Nullable public Drawable getTopLevelDrawable() {
return mDraweeHolder.getTopLevelDrawable();
}
DraweeHolder:
public Drawable getTopLevelDrawable() {
return mHierarchy == null ? null : mHierarchy.getTopLevelDrawable();
}

 M-DraweeHierarchy 

                  |--------- DraweeHierarchy
                  |      
                  |(extends)
        |--------- SettableDraweeHierarchy
        |      
        |(implements)
   GenericDraweeHierarchy

 SettableDraweeHierarchy、DraweeHierarchy皆为接口类,GenericDraweeHierarchy实现他们的方法。

DraweeHierarchy

  只有一个简单却重要的方法,作用获得在Hierarchy中的FadeDrawable中储存的顶层图片进行显示,FaceDrawable是个图片数组,里面包含所需要的所有图片。

  Drawable getTopLevelDrawable();

SettableDraweeHierarchy

  里面的接口方法均为提供给Controller调用来控制图像,在GenericDraweeHierarchy中实现

  void reset();
void setImage(Drawable drawable, float progress, boolean immediate);
void setProgress(float progress, boolean immediate);
void setFailure(Throwable throwable);
void setRetry(Throwable throwable);
void setControllerOverlay(Drawable drawable);

GenericDraweeHierarchy

  GenericDraweeHierarchy实现了父类的接口,提供给Controller调用来控制图片的显示。

  其中要三个主要的Drawable对象:

  FadeDrawable,它存储了需要到的图片资源,包括显示图片、加载图片、失败时显示的图片等等。继承自ArrayDrawable,层级类图片集合。会选择图片数组中的最后一张进行显示。

  RootDrawable(mTopLevelDrawable)即储存了FadeDrawable的顶层图片,为要即将要显示的图片

  ForwardingDrawable(mActualImageWrapper) 即储存了目标图片

  其中FadeDrawable类中的主要方法有:

  public void setTransitionDuration(int durationMs);\\设置隐藏/显示图层渐变动画时间(默认为300ms)
public void fadeInLayer(int index);\\显示指定图层
public void fadeOutLayer(int index);\\隐藏指定图层
public void fadeInAllLayers();\\显示所有图层
public void fadeOutAllLayers();\\隐藏所有图层
public void fadeToLayer(int index);\\显示指定图层同时隐藏其他图层
public void fadeUpToLayer(int index);\\隐藏数组下标<=index的图层

  以上方法 会修改 boolean[] mIsLayerOn布尔数组,来判断是否显示图片。

 C-DraweeController 

  •   在初始化框架时会创建一个PipelineDraweeControllerBuilderSupplier,并保存在SimpleDraweeView和Fresco两个类中,以静态变量的方式,所以Controller的创建有两个入口。
  •   创建Controller时通过初始化的sDraweeControllerBuilderSupplier获得一个SimpleDraweeControllerBuilder,再用建造器模式创建出一个DraweeController。
  •   事实上DraweeController的创建是在AbstractDraweeControllerBuilder调用实现了的build()方法,buildr()方法又调用了PipelineDraweeControllerBuilder获得一个PipelineDraweeController,返回builder()后转换成AbstractDraweeController,在最外层的调用又转换成DraweeController。(java的多态)

  提供给SimpleDraweeView创建Controller的方法只有简单的几个,即在SimpleDraweeControllerBuilder中的接口方法。

 SimpleDraweeControllerBuilder

  SimpleDraweeControllerBuilder setCallerContext(Object callerContext);
SimpleDraweeControllerBuilder setUri(Uri uri);
SimpleDraweeControllerBuilder setUri(@Nullable String uriString);
SimpleDraweeControllerBuilder setOldController(@Nullable DraweeController oldController);
DraweeController build();

  而在代码中动态创建Controller再设置给SimpleDraweeView则有更多可以设置的属性方法,这些方法保存在AbstractDraweeController中,创建方式在下面会写到。

fresco的DraweeView、DraweeHierarchy、DraweeController的创建顺序

初始化顺序为:

1.DraweeView

其余都为DraweeView对象中的类,所以先有DraweeView

2.DraweeHolder (在DraweeView的init()方法中创建 保存在DraweeView中)

DraweeView:
DraweeHolder.create(null, context)
DraweeHolder:
public static <DH extends DraweeHierarchy> DraweeHolder<DH> create(
@Nullable DH hierarchy,
Context context) {
DraweeHolder<DH> holder = new DraweeHolder<DH>(hierarchy);
holder.registerWithContext(context);
return holder;
}

3.DraweeHierarchy (在GenericDraweeView的inflateHierarchy()方法中创建 保存在DraweeHolder和DraweeController中)

GenericDraweeView:
protected void inflateHierarchy(Context context, @Nullable AttributeSet attrs) {
GenericDraweeHierarchyBuilder builder =
GenericDraweeHierarchyInflater.inflateBuilder(context, attrs);
setAspectRatio(builder.getDesiredAspectRatio());
setHierarchy(builder.build());
}

4.DraweeController

并不预先创建,而是在使用到控件的时候动态创建,有两种创建途径,但两种都是通过拿到DraweeControllerBuilderSupplier 用建造器模式去创建Controller

  ①.调用SimpleDraweeView中的setImageURL(),源码中已写好创建Controller的代码,只设置图片URL

例:(SimpleDraweeView中的源码)
  public void setImageURI(Uri uri, @Nullable Object callerContext) {
  DraweeController controller = mSimpleDraweeControllerBuilder
  .setCallerContext(callerContext)
  .setUri(uri)
  .setOldController(getController())
  .build();
  setController(controller);
  }

  ②.在代码中使用到的时候动态创建,能自定义更多关于图片的属性方法,如需要监听一张GIF图片的播放结束事件,就需要自己在代码中动态创建(高版本已经把对gif的支持单独出去,这里只做一个例子)

例:(自己项目代码)
SimpleDraweeView view = (SimpleDraweeView) contentView.findViewById(R.id.exp_first_gif); ControllerListener listener = new BaseControllerListener() {
@Override
public void onFinalImageSet(String id, @Nullable Object imageInfo, @Nullable Animatable animatable) {
super.onFinalImageSet(id, imageInfo, animatable);
valueAnimator.start();
} }; Uri uri = Uri.parse("res://com.--------/" + R.drawable.gif_exp_one);
DraweeController draweeController =
Fresco.newDraweeControllerBuilder()
.setControllerListener(listener)
.setUri(uri)
.setAutoPlayAnimations(true) // 设置加载图片完成后是否直接进行播放
.build();
view.setController(draweeController);
												

fresco的源码学习自我总结的更多相关文章

  1. Spring源码学习-容器BeanFactory(一) BeanDefinition的创建-解析资源文件

    写在前面 从大四实习至今已一年有余,作为一个程序员,一直没有用心去记录自己工作中遇到的问题,甚是惭愧,打算从今日起开始养成写博客的习惯.作为一名java开发人员,Spring是永远绕不过的话题,它的设 ...

  2. spring源码学习之AOP(一)

    继续源码学习,看了spring中基础的容器和AOP感觉自己也没有什么长进,哈哈,我也不知道到底有用没有,这可能是培养自己的一种精神吧,不管那么多,继续学习!AOP中 AOP中几个重要的概念:(1)Ad ...

  3. 05.ElementUI源码学习:项目发布配置(github pages&npm package)

    0x00.前言 书接上文.项目第一个组件已经封装好,说明文档也已编写好.下面需要将说明文档发布到外网上,以此来展示和推广项目,使用 Github Pages功能实现.同时将组件发布之 npm 上,方便 ...

  4. Vue3全局APi解析-源码学习

    本文章共5314字,预计阅读时间5-15分钟. 前言 不知不觉Vue-next的版本已经来到了3.1.2,最近对照着源码学习Vue3的全局Api,边学习边整理了下来,希望可以和大家一起进步. 我们以官 ...

  5. Java集合专题总结(1):HashMap 和 HashTable 源码学习和面试总结

    2017年的秋招彻底结束了,感觉Java上面的最常见的集合相关的问题就是hash--系列和一些常用并发集合和队列,堆等结合算法一起考察,不完全统计,本人经历:先后百度.唯品会.58同城.新浪微博.趣分 ...

  6. jQuery源码学习感想

    还记得去年(2015)九月份的时候,作为一个大四的学生去参加美团霸面,结果被美团技术总监教育了一番,那次问了我很多jQuery源码的知识点,以前虽然喜欢研究框架,但水平还不足够来研究jQuery源码, ...

  7. MVC系列——MVC源码学习:打造自己的MVC框架(四:了解神奇的视图引擎)

    前言:通过之前的三篇介绍,我们基本上完成了从请求发出到路由匹配.再到控制器的激活,再到Action的执行这些个过程.今天还是趁热打铁,将我们的View也来完善下,也让整个系列相对完整,博主不希望烂尾. ...

  8. MVC系列——MVC源码学习:打造自己的MVC框架(三:自定义路由规则)

    前言:上篇介绍了下自己的MVC框架前两个版本,经过两天的整理,版本三基本已经完成,今天还是发出来供大家参考和学习.虽然微软的Routing功能已经非常强大,完全没有必要再“重复造轮子”了,但博主还是觉 ...

  9. MVC系列——MVC源码学习:打造自己的MVC框架(二:附源码)

    前言:上篇介绍了下 MVC5 的核心原理,整篇文章比较偏理论,所以相对比较枯燥.今天就来根据上篇的理论一步一步进行实践,通过自己写的一个简易MVC框架逐步理解,相信通过这一篇的实践,你会对MVC有一个 ...

随机推荐

  1. C#多线程(上) 分类: C# 线程 2015-03-09 10:35 174人阅读 评论(0) 收藏

    一.多线程的相关概念 什么是进程? 当一个程序开始运行时,它就是一个进程,进程包括运行中的程序和程序所使用到的内存和系统资源. 而一个进程又是由多个线程所组成的. 什么是线程? 线程是程序中的一个执行 ...

  2. sql:[dbo].[smt_MES_RptProductDaily] 生产日报表

    USE [ChangHongMES_904]GO/****** Object: StoredProcedure [dbo].[smt_MES_RptProductDaily] Script Date: ...

  3. 【LINUX】编程笔记

      a storage class can only be specified for objects and functions extern修饰一个struct报错,错误原因如上,C++中存储类修 ...

  4. MPAndroidChart 的实现

    效果图: 代码实现: package com.jiahao.me; import java.util.ArrayList; import java.util.List; import android. ...

  5. 【不积跬步,无以致千里】linux下如何查看自己的外网IP

    局域网的服务器是通过ADSL路由器连接外网的,但ADSL是从ISP运营商那儿通过动态获得IP的,那么我怎么知道自己的外网地址是多少呢?今天得到几个办法:curl -s http://whatismyi ...

  6. TFS 图标意思

    小人:文件被其他人签出 对号:文件被自己签出 锁: 文件已经被签入 加号:新增加一个文件

  7. SOA面向服务化编程架构(dubbo)

      dubbo 是阿里系的技术.并非淘宝系的技术啦,淘宝系的分布式服务治理框架式HSF啦 ,只闻其声,不能见其物.而dubbo是阿里开源的一个SOA服务治理解决方案,dubbo本身 集成了监控中心,注 ...

  8. UVA 816 - Abbott&#39;s Revenge(BFS)

    UVA 816 - Abbott's Revenge option=com_onlinejudge&Itemid=8&page=show_problem&category=59 ...

  9. C语言的ANSI/ISO标准

    摘自:http://see.xidian.edu.cn/cpp/html/1658.html 从技术上讲有两种C语言标准,一种来自ANSI(American National Standard Ins ...

  10. 动态缓存技术之CSI,SSI,ESI

    平常我们谈到网络缓存技术,大多是以页面为单位的,比如,新闻网站中将执行后的结果,缓存为一个静态html文件,下次访问时就直接访问这个静态页面了! 减轻了服务器压力!但是,如果一个页面大部分是可静态的, ...