SAP UI5 控件库里 Form 控件和 SimpleForm

本教程前面几个步骤，我们介绍了 SAP UI5 SimpleForm 控件的使用方式和背后的工作原理：

• SAP UI5 应用开发教程之一百三十二 - SAP UI5 Simple Form 控件的使用方法介绍

• SAP UI5 应用开发教程之一百三十四 - SAP UI5 Simple Form 属性 columnsL，columnsM，columnsXL 的属性深入剖析

• SAP UI5 应用开发教程之一百三十五 - SAP UI5 应用的屏幕尺寸检测工作原理深入剖析

• SAP UI5 应用开发教程之一百三十六 - SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析

• SAP UI5 应用开发教程之一百三十七 - SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法

以步骤 137 为例，我们进入 137 文件夹，执行命令行 ui5 serve 之后，打开 url http://localhost:8080/index.html，看到如下界面：

SimpleForm 控件里包含了三个响应式网格，每个网格内显示一组由 Label 和 Text 组成的 Form 元素。

我们如果使用 Chrome 开发者工具的扩展：UI5 Inspector，在这个扩展提供的 UI5 面板里，能够观察到 SAP UI5 SimpleForm 控件，底层实际是由 sap.ui.layout.form.Form 控件实现的：

本文就来介绍 SAP UI5 SimpleForm 和 Form 这两个控件的区别和联系。

进入本教程的 138 文件夹，仍旧运行命令行 ui5 serve, 打开 url http://localhost:8080/index.html，看到如下界面：

下面是具体的实现步骤。