这一章我们继续学习Fiori的基础知识,根据官网给定的API,我们来实现一个网页常用的顶部菜单栏。我们需要使用sap.tnt库下的ToolHeader这一API。先来了解下ToolHeader,ToolHeader控件是一个水平容器,最常用来显示按钮、标签和其他各种输入控件。工具头控件基于sap.m.OverflowToolbar。它包含结构清晰的命令菜单,这些命令在同一工具布局中的不同应用程序中都可以使用。我们可以为OverflowToolbar内的每个控件设置不同的行为和优先级,当容器的可见区域中可用空间不足时,OverflowToolbar的内容从右向左移动到溢出区域。用户可以通过在弹出窗口中打开它的overflow按钮访问它。OverflowToolbarLayoutData中的priority属性定义OverflowToolbar项的优先级,可用的优先级NeverOverflow, High, Low, Disappear 和 AlwaysOverflow。
下面新建项目ToolHeader,在view.xml中做页面的布局。在mvc中引入需要的全部库,这里面我们只手动引入了sap.tnt。
<mvc:View controllerName="Fzx.ToolHeader.controller.App" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc"
displayBlock="true" xmlns="sap.m" xmlns:tnt="sap.tnt" height="100%">