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。能够定义程度空间的宽度,或者灵便地笼罩工具栏我的项目之间的残余空间(例如,将我的项目推到工具栏的边缘)。