关于颤振控件

作为一个跨平台的UI框架，Flutter主要处理跨平台的接口。

在中，所有内容都显示为小部件。Widget具有广泛的概念，可以表示一些UI组件、手势等。

Flutter中的小部件可以大致理解为Android中的视图。Widget与View的不同之处在于它们具有不同的生命周期，并且是不可变的。每当小部件的状态发生变化时，Flutter就会创建一个新的小部件；Android中的视图将绘制一次，在调用验证之前不会重新绘制。

Widget不是一个真正的控件，它在Flutter中的位置更像是一个配置文件。

Widget可以分为有状态和无状态：

无状态，即继承自无状态Wiget，指的是保持在一个帧中。

有状态的，即从有状态的Widget继承的，意味着当数据更新时，会构建新的Widget。

Widget类别WidgetsApp：您需要自定义样式。

MaterialApp：Android的材料设计风格。

Cupertinoapp：iOS风格。

普通WidgetFlutter中小部件的功能相对简单。

容器：只能包含一个子部件。默认情况下已满。您可以使用填充、边距、颜色、宽度、高度、装饰和其他配置。

填充：只能包含一个子控件，并且可以设置内部边距值。

中心：中心显示只能包含一个子控件。

堆栈：它可以包含多个子部件，以实现多个子部件的级联效果。

列：可以包含用于垂直线性布局的多个子窗口小部件。

行：可以保护多个子窗口小部件进行水平线性布局。

扩展：只能包含一个子部件。在列或行中填充空格。您可以设置弹性配置比例。

ListView：可以包含多个子控件的滚动控件。

文本：显示文本。可以通过样式设置样式。

RichText：富文本，可通过TextSpan进行拼接。

TextField：文本输入框。

图像：图片显示。

小部件工作流当加载小部件时，将首先创建小部件的相应Element对象，然后Element将读取小部件的配置信息（大小、位置、文本等），并将其转换为RenderObject对象。RenderObject是真正的控制对象，最后它将被插入到RenderObject树中进行绘制。

元素将维护一些配置信息。同时，小部件加载、生命周期和更新、RenderObject的创建和更新以及子部件的加载和更新等过程都通过Element实现或执行。

Widget可以被多次调用。

元素通常只创建一次。元素包含Wdiget和RenderObject。

Widget和Elements是多对一的，Elements和RenderObjects是一对一的。

app视图模型是统软云的产品，更接近于原始的编程体验。它提供了一个简单的模型来分离app的用户界面、业务逻辑和数据模型，适用于高度定制的项目。AVM是统软云基于标准H5子集设计的DSL中间语言编程框架。它可以具有以下功能：

虚拟DOM：通过虚拟DOM，渲染到不同的终端，充分尊重系统特性，对不同的终端进行差异化处理，实现高效渲染；

组件化：具有高重用性、可组合性和可维护性的架构设计隐藏了复杂的DOM结构和行为，允许开发人员专注于app的功能和外观；

数据绑定：轻松将数据源绑定到app用户界面，降低逻辑复杂性和开发难度；

状态管理和路由：有效分离用户界面和数据处理，实现项目的工程管理；

类似Vue的语法和React JSX兼容性结合了Vue的轻量级和React的灵活性。

统软云 DSL最终可以编译成标准JS，通过DeepEngine将其渲染到应用端和Web端，或者编译成微信小程序代码，用于微信小app平台发布。