windows-8 - 现代 UI 自定义 AppBar 按钮

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

我正在开发我的第一个 Windows 8 现代应用程序,但我似乎很难找到正确的文档来制作与默认按钮不同的应用程序栏按钮。

我想做的是类似于 Microsoft Solitaire Collection 中的应用栏,如下所示:http://www.windows8core.com/wp-content/uploads/2012/08/2b1.png

需要注意三件事:

  1. 自定义图标(第一个图标中的熊)
  2. 它不像图标下方带有文本的默认按钮
  3. 它是矩形的,宽度与应用程序在填充和全屏横向模式下的宽度成正比。 (在固定模式下,按钮会消失,但对于我的应用程序,如果可能的话,我希望在固定模式下“仅图标”)。

我首先使用 <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/

相关文章:

c# - WebView 调用脚本 HRESULT 0x80020101

Listview 选择显示,无填充且无复选标记

java - 使用 JNA 从 Java 调用 Windows UWP API

authentication - 有没有办法让 "remember me"复选框在 WinRT 应用程序的 Azure 移动服务身份验证上起作用?

c# - 检测项目是否正在为 windows 8 或 wp 编译

c# - 我如何知道魅力栏已打开?

Apache 不会在新的 Xampp 安装上启动 : The pipe has been ended. 子级:无法从父级读取套接字数据

windows-8 - Docker Windows 8问题-重新启动后无法加载容器

c# - Youtube Windows Store App API

c# - 确定 Windows 应用商店应用程序是否已从 Windows 服务中暂停或逻辑删除