SplitApp 主视图按钮问题答案

【问题标题】：SplitApp master view button issueSplitApp 主视图按钮问题
【发布时间】：2014-10-13 19:42:00
【问题描述】：

SplitApp 的主视图图标有问题 - 在我的 PC 和平板电脑 (android) 上，我可以在隐藏主视图时自动放置在详细视图上方的 see navigation button。

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

我尝试放置导航按钮来创建强制导航，同样，在 PC 和平板电脑上，此按钮工作正常，但在智能手机上却不行（按钮已呈现，但当我按下它时没有任何反应）。

我该如何解决这个问题？

编辑：

Here 是我的 SplitApp 主视图。

here 是这个视图的控制器。

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

【问题讨论】：

请提供您的代码（例如在 jsbin.com 上）。否则很难解决。
为什么在导航到细节后隐藏主人： afterDetailNavigate: function() { this.hideMaster(); },
@Allen 在智能手机上，当我导航到详细视图时，主视图并没有消失。
您尚未显示您的视图定义，因此很难为您提供帮助。你能把你的问题减少到一个可运行的 JSBin sn-p 上吗？如果做不到这一点，您能否至少告诉我们您的处理程序是否正在为导航按钮按下事件调用？

标签： sapui5

【解决方案1】：

SplitApp 维护两个 NavContainer（如果在平板电脑中运行）和一个 NavContainer 在手机中。 这意味着您看不到移动设备的导航按钮（尤其是在纵向模式下）。您现在可以使用 showMaster/hideMaster/backMaster 方法来实现这一点。您可以在某种程度上使用 sap.ui.unified 来实现这一点。我认为 UI5 团队正在解决这个问题，并且可能会在未来的更新中修复。

谢谢，开发者

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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");
},

其余的都连接到navigation 的东西。

【讨论】：