SAP UI5 Page 控件的构造函数参数讲解

Posted 2022-09-24

我们在 SAP UI5 XML 视图里，可以在 ​​sap.m.Page​​ 里通过 customHeader 定义应用按钮。

下图是一个例子，定义了三个按钮，名叫 Edit，Save 和 Cancel.

page是一个容器控件，它包含应用程序的整个屏幕。页面有三个不同的区域可以容纳内容——页眉(header)、内容区(Content area)和页脚(footer).

页面最上面的区域被页眉所占据。标准标头(standard header)包含一个导航按钮和一个标题。当然者，开发人员可以创建自己的自定义标头，该标头在customHeader聚合中定义。

内容占据了页面的主要部分。默认情况下，只有内容区域是可滚动的。这可以通过将enablesrollling设置为 false 来防止。

页脚是可选的，它占据了页面的固定底部。或者，页脚可以浮动在内容的底部之上。这是通过floatingFooter属性启用的。

在 SAP Quartz 主题中使用 sap.m.Page 时，断点和布局填充可以由容器的宽度确定。 要启用此概念并将响应式填充添加到页面控件的元素，开发人员可以根据用例添加以下类：

• sapUiResponsivePadding--header
• sapUiResponsivePadding--subHeader
• sapUiResponsivePadding--content
• sapUiResponsivePadding--footer
• sapUiResponsivePadding--floatingFooter

Page 实例的构造函数定义：接受定义初始属性值、聚合和关联对象以及事件处理程序的对象文字 mSettings。

• contentOnlyBusy：确定调用 page.setBusy() 时本地 BusyIndicator 覆盖的区域。 默认情况下会覆盖整个页面，包括页眉和页脚。 当此属性设置为​​true​​ 时，仅覆盖内容区域（不包含页眉/子页眉和页脚），这很有用，例如 当子标题中有 SearchField 时，实时搜索会不断更新内容区域，而用户仍然可以键入。
• floatingFooter: 决定页脚是否可以浮动。 设置为 true 时，页脚不再固定在内容区域下方，而是浮动在内容区域上方，并与底部有轻微偏移。