在主详细信息应用程序（SAPUI5）中添加统一shell标头

Question

我想在我的主详细信息应用中添加统一的shell标头，但我不知道在哪里可以编写代码。

我希望标题变成这样的图片：

我该怎么做？

Answer 1

您可以找到此类用法here on my GitHub的示例。我的代码只有一个Master-Detail应用程序，所以我会在这里总结一下。

基本上，如果您使用了标准的Master-Detail模板，那么您的App视图只包含一个拆分应用程序。这是应用程序的根控件（即所有主视图和详细视图都是此控件的子控件）。您可以简单地使用统一的shell组件（如注释中所示）。

<mvc:View controllerName="something.App" xmlns:mvc="sap.ui.core.mvc" 
    xmlns="sap.m" xmlns:u="sap.ui.unified">
    <u:Shell>
        <SplitApp id="idAppControl"/> 
    </u:Shell>
</mvc:View>

请记住，如果您计划将该应用程序用作独立的UI5应用程序，这才有意义。如果您将其注册到Fiori启动板，则启动板本身会自动添加shell。

如果您希望能够在独立运行应用程序时以及从启动板运行应用程序时拥有shell，则可以在应用程序的index.html内部移动shell实例化（基本上将ComponentContainer实例与统一包装在一起）贝壳）。