我可以在Metro App中使用两个不同的App栏吗？

Question

我的Metro应用程序中有两个不同的场景，每个场景需要使用不同的App栏。

有没有办法让我有两个App栏并根据需要使用它们？

Answer 1

是的，你可以在你想要的任何页面中声明任意数量的app / nav栏，它们都会出现在DOM中。也就是说，在元素中声明应用栏只会在DOM中创建元素，并且它们的行为与任何其他元素一样。但这确实意味着，标记中的最后一个 - 无论哪一个出现在DOM树中的最后一个 - 将是默认情况下z-index中最顶端的那个，因此是接收事件的那个。

然后，你需要做的就是隐藏除了一个应用程序栏之外的所有内容。保留的那个将显示在Win + Z /向上滑动/右键单击并接收事件。

Answer 2

我设法通过相应地禁用/启用appbars来找到解决方案

var appbar = document.getElementById('appBar');
var appbarControl = appbar.winControl;
appbarControl.disabled = true;


var appbar2 = document.getElementById('appBar2');
var appbarControl2 = appbar2.winControl;
appbarControl2.disabled = false;