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

SAPUI5视图中的OverflowToolbar控件

时间:2023-04-04 22:42:28 HTML5

SAPUI5OverflowToolbar控件,基于sap.m.Toolbar,当其内容不适合显示区域时,该工具栏提供Overflow行为。当容器可见区域的可用空间不足时,OverflowToolbar的内容会从右向左移动到溢出区域。用户可以通过溢出按钮在弹出窗口中打开它来访问其内容。下面是一个例子:OverflowToolbar中的按钮可以正常显示:Flag和Toggle按钮不能正常显示,只能在Overflow区域显示:OverflowToolbar是自适应容器,检查可用宽度并隐藏不合适的零件含量。它旨在使用像sap.m.button和sap.m.label这样的简单控件作为内容。嵌入其他自适应容器控件(sap.m.Breadcrumbs除外)导致可用空间争用——两个控件都根据另一个控件的大小计算可用空间,并同时更改它们的宽度,导致空间分布计算不正确正确的。下图是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。可以定义水平空间的宽度,或者灵活地覆盖工具栏项目之间的剩余空间(例如将项目推到工具栏的边缘)。