关于sap:SAP-UI5-DynamicPage-控件介绍

44次阅读

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

该控件从 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 类。

正文完
 0