当前位置:网站首页>SAP UI5 视图里的 OverflowToolbar 控件
SAP UI5 视图里的 OverflowToolbar 控件
2022-07-05 12:39:00 【汪子熙】
SAP UI5 OverflowToolbar 控件,基于 sap.m.Toolbar
,该工具栏在其内容不适合显示区域时提供 Overflow 行为。
当容器可见区域的可用空间不足时,OverflowToolbar的内容会从右向左移动到溢出区域。用户可以通过溢出按钮在弹出窗口中打开它来访问其内容。
下面是一个例子:OverflowToolbar 里的按钮,能够正常显示的情况:
Flag 和 Toggle 按钮无法正常显示,只能在 Overflow 区域显示的情况:
OverflowToolbar是一个自适应容器,它检查可用宽度并隐藏不适合的部分内容。
它的目的是使用简单的控件,如 sap. m.button和 sap.m.label 作为内容。嵌入其他自适应容器控件(sap.m.Breadcrumbs除外)会导致对可用空间的争夺——两个控件都根据另一个控件的大小计算可用空间,并同时改变它们的宽度,导致空间分布的计算不正确。
下图显示了 OverflowToolbar 名为 content
的 aggregation,里面包含了三个子控件:
这三个子控件在 detail 视图里的定义位置:
<m:OverflowToolbar>
<m:ToolbarSpacer/>
<m:Button type="Accept" text="Save"/>
<m:Button type="Reject" text="Cancel"/>
</m:OverflowToolbar>
OverflowToolbar 继承自 sap.m.Toolbar
, 这是一种水平容器,最常用于显示按钮、标签、选择和各种其他输入控件。
默认情况下,如果工具栏项有基于百分比的宽度(例如,sap.m.input 和 sap.m.slider)或实现了 sap.ui.core.IShrinkable 界面(例如, sap.m.text 和 sap.m.label),它们是可收缩的。可以通过为工具栏项提供 sap.m.ToolbarLayoutData 来重写此行为。
开发人员可以使用 sap.m.toolbarseparator 在前面和后面的 sap.m.toolbar 元素之间添加一个视觉分隔符。分隔符与主题相关,可以是填充、边距或线。
要在工具栏项之间添加水平空间,请使用sap.m.toolbarspacer。可以定义水平空间的宽度,或者灵活地覆盖工具栏项目之间的剩余空间(例如,将项目推到工具栏的边缘)。
边栏推荐
- insmod 提示 Invalid module format
- GNN(pytorch-geometric)
- Simply take stock reading notes (1/8)
- GPON other manufacturers' configuration process analysis
- Reshape the power of multi cloud products with VMware innovation
- Taobao order amount check error, avoid capital loss API
- Taobao order interface | order flag remarks, may be the most stable and easy-to-use interface
- 【云原生】Nacos中的事件发布与订阅--观察者模式
- Lepton 无损压缩原理及性能分析
- Research: data security tools cannot resist blackmail software in 60% of cases
猜你喜欢
RHCSA1
激动人心!2022开放原子全球开源峰会报名火热开启!
Ecplise development environment configuration and simple web project construction
Simply take stock reading notes (3/8)
研究:数据安全工具在 60% 的情况下无法抵御勒索软件
I met Tencent in the morning and took out 38K, which showed me the basic smallpox
非技术部门,如何参与 DevOps?
CVPR 2022 | 基于稀疏 Transformer 的单步三维目标识别器
stirring! 2022 open atom global open source summit registration is hot!
Resnet+attention project complete code learning
随机推荐
Distributed solution - distributed lock solution - redis based distributed lock implementation
太方便了,钉钉上就可完成代码发布审批啦!
实战模拟│JWT 登录认证
#yyds干货盘点#js截取文件后缀名
Oppo Xiaobu launched Obert, a large pre training model, and promoted to the top of kgclue
CVPR 2022 | 基于稀疏 Transformer 的单步三维目标识别器
Learning items
Laravel文档阅读笔记-mews/captcha的使用(验证码功能)
Iterator details in list... Interview pits
Notes for preparation of information system project manager --- information knowledge
由扫地增而引起的小叙
Flume common commands and basic operations
Pytorch two-layer loop to realize the segmentation of large pictures
Language model
Ecplise development environment configuration and simple web project construction
Pytoch uses torchnet Classerrormeter in meter
Transactions from December 27 to 28, 2021
Setting up sqli lab environment
insmod 提示 Invalid module format
初识Linkerd项目