Question

我有一个NotificaitonBar-Control作为详细视图的内容元素，它是splitApp的一个元素。

在谷歌浏览器中没有问题，但在iPad上存在显示问题。 notificationBar位于主视图和详细信息视图之间。

masterview覆盖了notificationBar的一部分，而detail-view则没有。

如何调整notificationBar的大小。我没有找到任何方法或属性来修改notificationBar。

如果我查看API，我不明白为什么它与detailview不匹配：

NotificationBar是一个＆＃34;工具栏＆＃34;可以添加到页面以显示来自应用程序的消息和通知。它的位置，高度和宽度继承自添加通知栏的元素。

我该如何解决这个问题？

Answer 1

从命名空间sap.ui.ux3我假设NotificationBar没有真正的响应，因此不能在像iPad这样的小型设备上工作。

我发现NotificationBar有一些有趣的信息：

如果NotificationBar应小于默认值，则必须将单独的CSS类添加到NotificationBar

这意味着你必须通过好的旧CSS进行大小调整。他们给出的示例看起来类似于以下代码段。

style.css （或者您的自定义CSS文件已命名）

.slimNotificationBar {
     left : 60px;
     right: 100px;
}

要使其在iPad和桌面上均可使用，您应该通过添加媒体查询来使其响应（请参阅此处：https://developer.mozilla.org/de/docs/Web/CSS/Media_Queries/Using_media_queries）

Your.controller.js （或者无论如何命名）

// after instantiating your NotificationBar
oNotificationBar.addStyleClass("slimNotificationBar");

但是，如果您更喜欢内置且响应迅速的解决方案，则可能需要尝试以下方法。

在您的详细信息页面中添加sap.m.Toolbar，该页面有一个打开sap.m.MessagePopover的按钮。