SplitApp主视图按钮问题

Question

我对SplitApp的主视图图标有问题--在我的PC和平板电脑上，我可以参见导航按钮，当主视图被隐藏时，它会自动放置在细节视图之上。

​

​

但是在我的智能手机上，这个图标是未显示，所以当我导航到其中一个视图时，主视图就消失了，我无法导航到其他细节视图。

​

​

我尝试放置导航按钮来创建强制导航，再次，在PC和平板电脑上，该按钮工作正常，但在智能手机上工作正常(按钮被呈现，但当我按下它时，没有任何变化)。

我该如何解决这个问题？

编辑：

这里是我SplitApp的主要视图。

这里是这个视图的控制器。

另外，这里是我从视图中返回sap.m.Page的方式。

Answer 1

我已经解决了这个问题。这个问题的关键是使用DeviceModel方法。接下来，在构建视图时，需要按如下方式返回一个页面：

return new sap.m.Page({
    title: "<page title>",
    showNavButton: "{device>/isPhone}",
    navButtonPress: [oController.doNavBack, oController],
    content: [ <your content here> ],
});

这样，您就可以在详细视图上显示导航按钮，并按下它，在该视图的控制器中执行doNavBack函数。

例如，这个doNavBack函数可能如下所示：

doNavBack: function(event) {
    this.bus.publish("nav", "back");
},

其余部分与导航相关。

Answer 2

SplitApp在平板电脑中运行两个NavContainers，在电话中维护一个NavContainer，这意味着您无法看到移动设备的导航按钮(特别是在纵向模式下)。您现在可以使用showMaster/hideMaster/backMaster方法来实现这一点。您可以使用sap.ui.unified在某种程度上实现这一点。我认为UI5团队正在致力于这个问题，并可能在未来的更新中修复。

谢谢，开发者

Answer 3

在桌面/平板电脑和电话中，SplitApp的行为不同。这是出于设计目的，并在API https://openui5.hana.ondemand.com/#docs/api/symbols/sap.m.SplitApp.html的第一部分中提到，您可以使用路由框架使应用程序按照您喜欢的方式运行：https://openui5.hana.ondemand.com/#docs/guide/688f36bd758e4ce2b4e682eef4dc794e.html https://openui5.hana.ondemand.com/#docs/api/symbols/sap.ui.core.routing.Router.html