关于sap:SAP-UI5-视图里的-OverflowToolbar-控件

4次阅读

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

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

正文完
 0