SAP UI5 官网提到了所谓 FlexBox Layout 布局的概念。文档提到,FlexBox 布局可以让 SAP UI5 界面上的控件充分利用屏幕可用空间,避免空间的浪费或者控件之间出现重叠的现象发生。
其实这个 FlexBox 布局并非 SAP UI5 独创,而是 HTML 支持的标准布局方式之一,sap.m
命名空间下的 FlexBox
,只是对这种布局方式的包装器,方便 SAP UI5 应用开发人员使用罢了。
我们首先来简单了解一下 HTML 支持的 Flex 布局。
本步骤的全部源代码,链接如下。
158 文件夹下有个文件 example.html
,我们直接用浏览器打开,看到如下效果:
简单看看这个文件的源代码实现:我们把三个 div 元素,放置到了另一个具有 css 类,flex-container
的 div 元素内。后者的 css 类具有一行属性,在第 6 行代码进行维护:di