为Windows 8开发顶级AppBar

时间:2012-12-05 05:11:17

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

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

3 个答案:

答案 0 :(得分:2)

您可以使用以下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>

答案 1 :(得分:1)

答案 2 :(得分:0)

阅读以下文章,您将获得很多好的提示

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