Flutter 渲染机制 - 聚沙成塔- 掘金小册课程推荐/优惠

Flutter 渲染机制 - 聚沙成塔--掘金小册课程推荐/优惠

全面探索 Flutter 框架源码,助你攀登九层之台,一览顶上风采 ~
张风捷特烈
17讲 | 1690人已学习
优惠价¥3.5
官网购买

版权声明

本站非掘金小册官网,与官方无任何关系。我们不提供课程下载或详细内容,仅作为课程分享和推荐平台。我们鼓励大家支持正版,尊重创作者的劳动成果,这样不仅能帮助创作者持续产出优质内容,也能让自己获得更好的学习体验。请通过官方渠道购买和学习课程,感谢您的理解与支持。

课程详情

课程介绍

你将获得

  • 揭开表象,从本质上分析 Flutter 框架核心类;
  • 认清构建过程中三棵树节点的作用和相互关系;
  • 探索元素树和渲染树中数据结构实现的细节;
  • 从根本上领悟 Flutter 构建和渲染期间的流程。

作者介绍

张风捷特烈,Flutter 全端开发工程师、FlutterUnit 开源项目作者。FlutterUnit 是一款帮助刚入门的朋友快速认识 Flutter 的应用,它包含绝大多数 Flutter 内置组件及绘制的展示案例。

作者本人热爱探索源码、分享知识。除了出版过《Flutter 之旅》以外,还在掘金上线了其他 5 门课程:

小册介绍

通过前面 绘制动画手势 三本小册,对 Framework 层的 PaintingAnimationGestures 进行了单独的研究。之后又通过 布局滑动 两个小册,以 Widgets 层为切入点,通过对 滑动布局 组件的源码研究,认识了 Rendering 层的一些知识。

而本册将站在更高的视角,去探索 Flutter 框架中从 Widget 到渲染到屏幕之上,所经历的所有流程。在此期间,我们会遇到到被框架封装的各种角色,认识他们的作用和关系。可以从全局的视角去看待 Widget 的分类、去理解 State 的价值、去见证在界面更新中的对象的变与不变。

你会学到什么

对于渲染机制来说,主要包括两个方面:构建流程渲染流程 。本册针对这两个方面,分为4个模块:

模块一:从 runApp 开始探索,逐步了解三棵树的概念,及形成过程。 一开始,单刀直入,直指构建核心,探索 Widget 是如何从一个配置信息结构,一步步使 元素树渲染树 成型的。大家也许都知道在框架内有的概念,但应该很少人知道: 元素树渲染树 的数据结构在实现上是有很大差异的,这也是我们想要主要探索的。

模块二:了解 Element 和 Widget 的族系衍生,以及 State 和 Key 在更新时的作用 。 我们都知道 WidgetFlutter 中非常多和繁杂,从表面上很难去对它们进行归类,不识庐山真面目只缘身在此山中。但从源码的角度,就可以跳出表象的束缚,从根源上其去发现共性,思考它们进行族系分化的必要性和意义。这是理解 构建流程 非常重要的模块。

模块三:探索 WidgetsBinding 的初始化与两个 Owner 的源码实现。 这一部分会从 WidgetsBinding 初始化流程中,学到很多 mixin 相关的使用细节。另外从源码分析两个非常重要的管理者,BuildOwner 用于管理 构建流程 中的ElementPipelineOwner 用于管理 渲染流程 中的 RenderObject 。抓住这两个对象,就相当于拿捏了渲染机制的命脉,这里也为后面探索渲染流程打下基础。

模块四:对渲染流程进行分析,探索 RenderObject 、Layer 的源码核心和总结篇。 这是最后一块,探索 RenderObject 是如何工作的,Layer 是如何形成树的,最终又是什么决定屏幕渲染内容的。最后,会对本册进行一个总结,从全新的视角去认识 Flutter 框架。

最后:由于纯手工码字以及认知的局限性,如果本册内容上有什么错误疑问错别字修改建议,可在评论区指正,或直接联系我进行探讨 ~

适宜人群

  • 对 Flutter 有一定的基础,熟练掌握 Dart 语法的朋友;
  • 想全面了解框架底层的核心知识,进一步提升的 Flutter 工程师;
  • 想提升自身读码能力或有兴趣探索源码;
  • 有一颗心平气和、勇于探索的心。

课程目录

  • 开篇: 欢迎进入 Flutter 渲染机制
  • 探索多子渲染对象、元素的数据结构
  • 从 runApp 方法到三树首脑会晤
  • 初识元素节点的挂载和三树成型
  • 探索单子渲染对象、元素的数据结构
  • 探索组合型组件、元素存在的意义
  • 探索状态类 State 源码实现与价值
  • 探索节点更新时的变与不变
  • 组件、元素、渲染对象关系梳理
  • 探索多子元素更新和 Key 的作用
  • 探索代理组件、元素的实现与价值
  • 探索 PipelineOwner 渲染管线
  • 探索 WidgetsBinding 的初始化
  • 探索 BuildOwner 构建管理器
  • 探索 RenderObject 的绘制与布局
  • 探索 Layer 树与 Scene 的构建
  • 终结篇: 立于渲染机制之上的风采

作者介绍

万花过尽知无物
海的彼岸有我未曾见证的风采

作者其他课程

Flutter 语言基础 - 梦始之地 - 掘金小册课程推荐/分享/优惠/折扣
Flutter 语言基础 - 梦始之地
从语法到思想,欢迎来到 Flutter 梦开始的地方 ~
张风捷特烈
2219人已学习
优惠价¥3.5
官网购买
Flutter 状态管理: 源码探索与实战 - 掘金小册课程推荐/分享/优惠/折扣
Flutter 状态管理: 源码探索与实战
从实践探索到源码级分析,全面通关 Flutter 状态管理。
张风捷特烈
541人已学习
优惠价¥9.9
官网购买
Flutter 动画探索 - 流光幻影 - 掘金小册课程推荐/分享/优惠/折扣
Flutter 动画探索 - 流光幻影
Flutter 动画探索,一起去见证 Flutter 动画的风采 ~
张风捷特烈
2284人已学习
优惠价¥3.5
官网购买
Flutter 绘制指南 - 妙笔生花  - 掘金小册课程推荐/分享/优惠/折扣
Flutter 绘制指南 - 妙笔生花
带你见证 Flutter 的绘制之美,全面解析绘制相关的知识。数学和程序的碰撞,擦出创造的火花。
张风捷特烈
3753人已学习
优惠价¥3.28
官网购买
Flutter 布局探索 - 薪火相传 - 掘金小册课程推荐/分享/优惠/折扣
Flutter 布局探索 - 薪火相传
由浅入深,从源码探索 Flutter 布局原理~
张风捷特烈
2031人已学习
优惠价¥3.5
官网购买
Flutter  实战:正则匹配应用 - 掘金小册课程推荐/分享/优惠/折扣
Flutter 实战:正则匹配应用
从思想分析到应用实践, Flutter 全平台玩转正则表达式 ~
张风捷特烈
773人已学习
优惠价¥9.9
官网购买
Flutter 路由导航: 源码探索与实战 - 掘金小册课程推荐/分享/优惠/折扣
Flutter 路由导航: 源码探索与实战
路由导航是应用程序必须的一环,从源码到实践完全解读。
张风捷特烈
561人已学习
优惠价¥9.9
官网购买
Flutter 滑动探索 - 珠联璧合 - 掘金小册课程推荐/分享/优惠/折扣
Flutter 滑动探索 - 珠联璧合
从源码入手,带你深入探索 Flutter 滑动体系
张风捷特烈
1834人已学习
优惠价¥3.5
官网购买
Flutter 手势探索 - 执掌天下 - 掘金小册课程推荐/分享/优惠/折扣
Flutter 手势探索 - 执掌天下
Flutter 手势探索,用你的手指,掌控着整个屏幕世界 ~
张风捷特烈
2074人已学习
优惠价¥3.5
官网购买

推荐

Electron + React 从 0 到 1 实现简历平台实战 - 掘金小册课程推荐/分享/优惠/折扣
Electron + React 从 0 到 1 实现简历平台实战
本小册从一个开发者角度,讲述技术选型到编码实现,点亮 Electron、TS 等技术点,逐步深入React开发,从0到1实现一款轻巧适用的简历平台桌面应用。
彭道宽
1766人已学习
优惠价¥29.9
官网购买
Kafka 原理与源码精讲 - 掘金小册课程推荐/分享/优惠/折扣
Kafka 原理与源码精讲
Kafka 源码+ Kafka 架构原理 + 生产环境落地
肖恩架构
941人已学习
优惠价¥39.9
官网购买
SpringBoot 场景开发多面手成长手册 - 掘金小册课程推荐/分享/优惠/折扣
SpringBoot 场景开发多面手成长手册
多场景的开发整合+使用+核心原理剖析,广度深度全都要。
LinkedBear
895人已学习
优惠价¥49.9
官网购买
说透大厂 Java 项目场景面试题 - 掘金小册课程推荐/分享/优惠/折扣
说透大厂 Java 项目场景面试题
技术原理 + 面试官心理角度,深入剖析高频项目场景面试题
托尼学长
871人已学习
优惠价¥49.9
官网购买
从零开发H5可视化搭建项目 - 掘金小册课程推荐/分享/优惠/折扣
从零开发H5可视化搭建项目
配套视频教学!由浅入深从根上理解可视化搭建这回事,紧贴业务设计符合业务需要的搭建体系。
muwoo
2804人已学习
优惠价¥19.9
官网购买
SpringCloudNetflix 源码解读与原理分析 - 掘金小册课程推荐/分享/优惠/折扣
SpringCloudNetflix 源码解读与原理分析
继SpringBoot原理分析之后的又一力作,从熟悉的场景逐步深入源码底层,理解SpringCloudNetflix中组件的设计和原理。
LinkedBear
1443人已学习
优惠价¥59.9
官网购买