windows-8 - 为 Windows 8 开发 Top AppBar

Question

我正在为 Windows 8 开发一个简单的应用程序。现在我想修改顶部应用程序栏(即它不应该看起来像底部应用程序栏)，并且我希望它比仅显示默认图标(例如导航工作)。我想添加不同大小(长度)的图标。是的，类似于天气应用程序或旅行应用程序的图标。但我找不到任何好的引用资料。请帮忙，我应该从哪里开始做。以及是否可以修改应用栏。请指导。注意:我正在使用 javascript 开发应用程序

Answer 1

您可以使用以下 HTML 来实现非常基本的顶部应用栏:

<div data-win-control="WinJS.UI.AppBar" data-win-options="{layout:'custom',placement:'top'}">
    <!-- your custom top bar content goes here -->
</div>

从 div 内部，您可以将任何内容添加到您的心中，甚至是 AppBarCommands。不要忘记初始化所有 win 控件:

<script>
    document.addEventListener("DOMContentLoaded", function () {
         WinJS.UI.processAll();
    }, false);
</script>