当前位置: 首页 > Web前端 > HTML5

SAPUI5DynamicPage控件介绍

时间:2023-04-05 12:56:19 HTML5

此控件从SAPUI5版本1.42开始可用。DynamicPage是一个布局控件,由页眉、具有动态行为的页眉、内容区域和可选的浮动页脚组成。该控件由几个组件组成:DynamicPageTitle-由左侧的标题、中间的内容和右侧的操作组成。显示的内容根据DynamicPageHeader的当前模式而变化。DynamicPageHeader-可以包含单个布局控件并且不关心内容对齐和响应性的通用容器。标题以两种模式工作-扩展和捕捉,并且可以在不同属性的帮助下调整其行为。ContentArea-一个通用容器,可以有一个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点的位置。但是,当有滚动条但内容不足以到达捕捉点时,无法使用滚动折叠。在DynamicPage内容中使用sap.ui.layout.form.Form、sap.m.Panel、sap.m.Table和sap.m.List控件时,如果要让文本内容在垂直方向对齐,你需要调整sap.f.DynamicPageHeader内容和DynamicPage内容之间的LeftTextOffsetAlignment。响应行为:DynamicPage的响应行为取决于显示内容的行为。要调整DynamicPage内容填充,您可以使用sapUiContentPadding、sapUiNoContentPadding和sapUiResponsiveContentPaddingCSS类。