当前位置:网站首页>SAP UI5 DynamicPage 控件介绍
SAP UI5 DynamicPage 控件介绍
2022-07-05 12:39:00 【汪子熙】
该控件从 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 类。
边栏推荐
- 深度长文探讨Join运算的简化和提速
- Super efficient! The secret of swagger Yapi
- 10 minute fitness method reading notes (2/5)
- Full text search of MySQL
- Simply take stock reading notes (4/8)
- Using docker for MySQL 8.0 master-slave configuration
- 开发者,云原生数据库是未来吗?
- Kotlin函数
- Transactions on December 23, 2021
- [figure neural network] GNN from entry to mastery
猜你喜欢
UNIX socket advanced learning diary -ipv4-ipv6 interoperability
前几年外包干了四年,秋招感觉人生就这样了..
Resnet18 actual battle Baoke dream spirit
Resnet+attention project complete code learning
Anaconda creates a virtual environment and installs pytorch
Preliminary exploration of basic knowledge of MySQL
Detailed steps for upgrading window mysql5.5 to 5.7.36
Detailed structure and code of inception V3
实战模拟│JWT 登录认证
Super efficient! The secret of swagger Yapi
随机推荐
Laravel文档阅读笔记-mews/captcha的使用(验证码功能)
Detailed structure and code of inception V3
Install rhel8.2 virtual machine
From the perspective of technology and risk control, it is analyzed that wechat Alipay restricts the remote collection of personal collection code
Full text search of MySQL
Distributed solution - Comprehensive decryption of distributed task scheduling platform - xxljob scheduling center cluster
Kotlin流程控制、循环
Compile kernel modules separately
我在滴滴做开源
Vonedao solves the problem of organizational development effectiveness
2021-12-22 transaction record
Super efficient! The secret of swagger Yapi
Lepton 无损压缩原理及性能分析
Volatile instruction rearrangement and why instruction rearrangement is prohibited
Detailed steps for upgrading window mysql5.5 to 5.7.36
How to connect the API interface of Taobao open platform (super detailed)
前几年外包干了四年,秋招感觉人生就这样了..
NLP engineer learning summary and index
Annotation problem and hidden Markov model
What if wechat is mistakenly sealed? Explain the underlying logic of wechat seal in detail