使用Electron定制形状的独立Windows应用程序

Question

我想知道是否可以从electron应用启动自定义形状的独立窗口/元素。像android中的Facebook应用程序的聊天头一样。

我应该从哪里开始？如果没有电子，那么就可以使用任何其他html框架。

在android中看到的一个例子。但是我正在考虑在mac / windows / linux中使用它

Answer 1

我认为您在Electron中寻找的是frameless-windows。构造BrowserWindow对象时，可以选择transparent: true作为选项。

var win = new BrowserWindow({ transparent: true});

如果您不希望窗口周围出现框架，您可能还希望将frame: false作为选项传递。

var win = new BrowserWindow({ transparent: true, frame: false});

注意：不幸的是，你还没有点击框架窗口，因为他们仍在使用它。详细了解here。

Answer 2

Kristian Poslek在Medium上有一个类似无框窗口概念的教程：https://medium.com/developers-writing/building-a-desktop-application-with-electron-204203eeb658#.n82fds6ra。这是一篇很好的文章，他在https://github.com/bojzi/sound-machine-electron-guide.git提供了一个回购。

他演示的自定义应用是矩形的，没有“窗口镶边”或菜单，除了在Mac上 - 显示默认的应用程序菜单。