关于javascript:SAP-UI5-应用里一些容器控件的介绍

60次阅读

共计 989 个字符,预计需要花费 3 分钟才能阅读完成。

sap.m.Shell 控件可用作应用程序的根元素。它能够蕴含 App 或 SplitApp 控件。Shell 为整个应用程序提供了一些总体性能,并负责在桌面浏览器平台上进行视觉适配,例如应用程序四周的框架。

sap.m.App: 该 App 继承自 sap.m.NavContainer 并因而提供其导航性能。它将某些标头标签增加到 HTML 页面,这些标签在 SAP UI5 运行在挪动设施上至关重要。

开发人员能够配置应用程序的主页图标(home icon)。

有一些选项能够应用 backgroundColor 和 backgroundImage 属性来设置背景色彩和背景图像。

默认状况下(isTopLevel 设置为 true)sap.m.App 遍历其父元素并主动将它们的高度设置为 100%.

sap.m.Page: 蕴含应用程序的整个屏幕的容器控件。sap.m.Page 是一个容器控件,它蕴含一个应用程序的整个屏幕。该页面具备三个能够包容内容的不同区域 – 页眉 (header)、内容区域(content area) 和页脚(footer).

标头(header)

页面的最顶部区域被页眉占据。规范题目包含导航按钮和题目。开发人员也能够创立本人的自定义标头,该标头在 customHeader 聚合中定义。

Content Area

内容占据了页面的次要局部。默认状况下只有内容区域是可滚动的。这能够通过将 enableScrolling 设置为 false 来禁用其滚动行为。

footer

页脚是可选的,占据页面的固定底部。或者,页脚能够浮动在内容底部的上方。这是通过 floatingFooter 属性启用的。

留神:不同区域的所有可拜访性信息及其相应的 ARIA 角色都在 sap.m.PageAccessibleLandmarkInfo 类型的聚合 landmarkInfo 中设置。

在 SAP Quartz 主题中应用 sap.m.Page 时,断点和布局填充能够由容器的宽度决定。要启用此概念并将响应填充增加到页面控件的元素,能够依据用例增加以下 CSS 类:sapUiResponsivePadding–header、sapUiResponsivePadding–subHeader、sapUiResponsivePadding–content、sapUiResponsivePadding–footer、sapUiResponsivePadding- - 浮动页脚。

正文完
 0