首页 > 解决方案 > 是否有可能在 NW.js 应用程序中获得本机 Windows 菜单栏,或者至少为它们设置样式?

问题描述

我遵循了这个:https ://nwjs.readthedocs.io/en/latest/References/Menu/#menu

结果是一个非常像 Chromium 的菜单。这些项目看起来......与我对 Windows 菜单项的看法完全不同。(尽管这些天在这个 FrankensteinOS 中有上百万种不同的风格......)

是这个吗?我必须使用 Chromium 认为好看的菜单吗?至少我不能用 CSS 或其他东西来设置它们的样式?例如,如果我想让它们成为“暗模式”而不是亮白色?我想我可以实现我自己的基于 Canvas 的自定义像素完美菜单,但这既是大量的工作,也永远不会感觉原生或“响应式”。

标签: csscustomizationchromiumstylingnwjs

解决方案


您指向的文档用于使用本机操作系统菜单。这在 Linux、OSX 和 Windows 上会有所不同,并且会匹配该系统的原生布局和交互,包括键盘导航。类似于最小化/最大化/恢复/关闭按钮的内置方式,并且在每个操作系统上有所不同。

如果您愿意,您可以添加自己的标记和样式来创建自定义菜单,并且它在每个操作系统上的外观和行为都相同。同样,您可以为最小/最大/恢复/关闭按钮和标题栏创建自己的标记和样式。

如果您对 HTML/CSS 没有足够的信心来自己制作响应式菜单,您可以使用像 Bootstrap 这样的框架,它具有开箱即用的菜单样式。


推荐阅读