全面掌握 sap.ui.layout.VerticalLayout 的原理、实践与 Fiori Elements 场景应用

在 SAPUI5 版图里，sap.ui.layout.VerticalLayout 像一条简洁却坚韧的垂直脊梁：它把一组任意 UI 控件按文档流的方向自上而下串联，同时保持轻量、零学习成本的特性。本文从设计初衷到 API 细节，再到 Fiori Elements 场景的深度实践，通过真实案例与独立可运行源码展示这一控件的威力，并由此引出它与 sap.m.VBox、FlexBox 等新世代容器的取舍逻辑。

下面是一些例子：

纵览与定位

VerticalLayout 位于 sap.ui.layout 命名空间，最早随 SAPUI5 1.10 发布，定位为纯粹的纵向流式容器，不引入额外的弹性特征，也不自带滚动条或边距设置。(SAPUI5 SDK)
与早期 sap.ui.commons.layout.VerticalLayout 相比，它已经完成 API 迁移并取代了后者，而旧控件自 1.16