windows-8 - 屏幕右侧的应用栏按钮 Windows 8 Metro 风格应用

Question

我正在使用 html、javascript 和 css 开发 Metro 风格的 Windows 8 应用程序。

我在我的应用程序底部使用应用程序栏。以下是 html 代码。

<div id="appbarbottom" data-win-control="WinJS.UI.AppBar" data-win-options="{layout:'custom',placement:'bottom'}">
    <button id="playerBut" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{section:'global',label:'Player', icon:'placeholder',type:'flyout',flyout:sportsFlyout}" type="button"></button>

</div>

我阅读了官方文档，它说它section:'global'将使按钮位于右侧。我这样做了，但没有效果。

我试过了，section:'selection' 但按钮仍然在左侧

我已经寻找替代解决方案，但每个人都说同样的话，所以我怎样才能实现我的目标。请帮我一把。

谢谢你。

Answer 1

我已经 'layout:custom'从data-win-options="{layout:'custom',placement:'bottom'}

的data-win-control="WinJS.UI.AppBar" ，它解决了我的问题。

我几乎在这上面浪费了 4 个小时。

我希望这对其他人有帮助。

谢谢。