我正在开发我的第一个 Windows 8 现代应用程序,但我似乎很难找到正确的文档来制作与默认按钮不同的应用程序栏按钮。
我想做的是类似于 Microsoft Solitaire Collection 中的应用栏,如下所示:http://www.windows8core.com/wp-content/uploads/2012/08/2b1.png
需要注意三件事:
- 自定义图标(第一个图标中的熊)
- 它不像图标下方带有文本的默认按钮
- 它是矩形的,宽度与应用程序在填充和全屏横向模式下的宽度成正比。 (在固定模式下,按钮会消失,但对于我的应用程序,如果可能的话,我希望在固定模式下“仅图标”)。
我首先使用 <button>
,因为从语义上讲它们是按钮,并且似乎只有 <button>
和<hr>
属于应用栏。
我要设置data-win-options
中的参数吗?属性还是 JavaScript 中完成的?
我使用的是 JavaScript/HTML5,而不是 C++/C#/VB。 Here are the MSDN articles I've read regarding the app bar.
最佳答案
如果这是一个上部 AppBar,通常用于导航,您实际上可以通过在 data-win-options 中指定“layout”属性(值为“custom”)来提供自定义 UI,as discussed here .
您可能还想阅读 styling app bars .
最后但并非最不重要的一点是,查看the HTML AppBar control sample ,其中说明了自定义布局的使用等。
有关 Windows 应用商店应用程序开发的更多信息,请注册 Generation App .
关于windows-8 - 现代 UI 自定义 AppBar 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15185065/