为 windows 8 开发 Top AppBar答案

【问题标题】：Developing Top AppBar for windows 8为 windows 8 开发 Top AppBar
【发布时间】：2012-11-22 21:27:24
【问题描述】：

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

【问题讨论】：

标签： windows-8 windows-store-apps winjs appbar

【解决方案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。不要忘记初始化所有获胜控件：

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

【讨论】：

这里允许的关键实际上是 layout:'custom' 选项。如果未指定，则不会呈现自定义 html

【解决方案2】：

Quickstart: adding an app bar with custom content

【讨论】：

我已经研究过了。但是仅仅实现导航栏是不够的。我是这个领域的初学者。任何其他帮助将不胜感激。谢谢

【解决方案3】：

阅读下面的文章，你会得到很多好的提示

31 Days of Windows 8 | Day #4: New Controls

【讨论】：

感谢您的建议。但我正在用 javascript 开发应用程序。 Clark Sell 没有对此进行详细描述。还有其他建议吗？