Windows导航栏上的浏览器样式选项卡

时间:2018-06-05 16:14:49

标签: electron

我正在设计一个看起来像浏览器(即谷歌浏览器)的电子应用程序,导航栏上有标签。

我希望将Windows样式按钮保持在右上方,以便关闭,最大化和最小化以及Windows颜色的边框。

目前我正在使用无框电子窗口并尝试复制Windows 10 GUI,但我遇到了一些障碍。

  1. 如何获得窗口颜色?
  2. 当未聚焦的Windows 10为窗口提供1px透明灰色边框时。我创建的任何透明边框都叠加在电子的窗口背景上,并且不透明。
  3. 在哪里可以找到复制右上窗口按钮的Windows资源?我希望它看起来像Windows,而不是自定义GUI。
  4. 然后就像Windows 7的Aero Glass风格那样复制这种方法的困难。有更好的方法吗?比方说或许以我不知道的方式直接画到窗口边框上,或者这是唯一的方法?

1 个答案:

答案 0 :(得分:1)

  1. 您必须通过访问winAPI的本机模块获取此信息。如果您不熟悉编写绑定版本,有些软件包可以帮助您。
  2. 您可以将窗口设为transperent,然后在html / body中添加边距,而不是在未聚焦时使用边框。检查电子docs,了解如何使窗口成为透明的。

  3. 您需要考虑DPI Windows7 / Windows 10中的差异以及Windows 10生命周期中的任何进一步变化,它们将在多年内明确地改变外观。否则,您可以从此处提取SVG和样式https://codepen.io/agrimsrud/pen/WGgRPP MS没有发布文件,因此无法获取原始文件。

  4. 如果你想要原生窗户你不应该使窗户无框架,我认为添加实际存在的窗户的标签支持应该添加到电子。也许在GitHub上创建一个问题,我认为那里的开发人员可以给你一些关于如何存档你想要的更好的提示。