SAP UI5 DynamicPage 控件介绍

简介: SAP UI5 DynamicPage 控件介绍

该控件从 SAP UI5 1.42 版开始可用。DynamicPage 是一个布局控件,由标题、具有动态行为的标题、内容区域和可选的浮动页脚组成。

该控件由几个组件组成:

  • DynamicPageTitle - 由左侧的标题、中间的内容和右侧的操作组成。 显示的内容会根据 DynamicPageHeader 的当前模式而变化。
  • DynamicPageHeader - 一个通用容器,可以包含单个布局控件并且不关心内容对齐和响应性。 标头在两种模式下工作 - 展开模式(expanded)和收起模式(snapped),并且可以借助不同的属性调整其行为。
  • 内容区域 - 一个通用容器,可以有单个 UI5 布局控件,不用关心内容对齐和响应性。
  • 页脚 - 位于底部,有一个小的偏移量,用于附加操作,页脚浮动在内容上方。 它可以是任何 sap.m.IBar 控件。
  • 如果需求是显示一个始终可见的标题和一个具有可配置扩展/对齐功能的标题,请使用 DynamicPage。相反的,不需要扩展/对齐功能,最好使用 sap.m.Page 作为较轻的控件。
  • 如果显示的 sap.m.FlexBox 具有非自适应内容(不会拉伸以填充可用空间),建议将 FlexBox 的 fitContainer 属性设置为 false。
  • 如果您正在显示 sap.ui.table.Table,请记住它是非自适应的,并且可能会导致 DynamicPage 在较小的屏幕尺寸(例如移动设备)上出现不可预测的行为。应该使用 sap.m 命名空间下的 Table 控件。
  • 在以下情况下不支持将 DynamicPageTitle 收起(snap): 当 DynamicPage 有滚动条时,控件通常会滚动到 snap point 的位置 。但是,当有滚动条但没有足够的内容到达 snap point 时,无法使用滚动进行收起操作。
  • 在DynamicPage的内容中使用 sap.ui.layout.form.Form、sap.m.Panel、sap.m.Table和sap.m.List控件时,如果要实现垂直方向的文字内容对齐,需要调整它们的左文字偏移量 sap.f.DynamicPageHeader 的内容和 DynamicPage 的内容之间的对齐。
  • 响应行为:DynamicPage 的响应行为取决于所显示内容行为。要调整 DynamicPage 内容填充,可以使用 sapUiContentPadding、sapUiNoContentPadding 和 sapUiResponsiveContentPadding CSS 类。
相关文章
|
19天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
|
1月前
|
API
在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
【2月更文挑战第28天】 在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
23 1
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
20天前
|
XML Java Android开发
Android之UI基础控件
Android之UI基础控件
|
1月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
15 0
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
31 0
|
1月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
21 0
|
1月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
20 0
|
3月前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数?
如何理解 SAP UI5 的 sap.ui.define 函数?
48 0

热门文章

最新文章