1分钟
00 深入绘制原理
作为系列文章的第九篇,本篇主要深入了解 Widget 中绘制相关的原理,探索 Flutter 里的 RenderObject 最后是如何走完屏幕上的最后一步,结尾再通过实际例子理解如何设计一个 Flutter 的自定义绘制。
文章汇总地址:
在第六、第七篇中我们知道了 Widget
、Element
、RenderObject
的关系,同时也知道了Widget
的布局逻辑,最终所有 Widget
都转化为 RenderObject
对象, 它们堆叠出我们想要的画面。
所以在 Flutter 中,最终页面的 Layout
、Paint
等都会发生在 Widget 所对应的 RenderObject
子类中,而 RenderObject
也是 Flutter 跨平台的最大的特点之一:所有的控件都与平台无关 ,这里简单的人话就是: Flutter 只要求系统提供的 “Canvas”,然后开发者通过 Widget 生成 RenderObject
“直接” 通过引擎绘制到屏幕上。
ps 从这里开始篇幅略长,可能需要消费您的一点耐心。
学员评价