【发布时间】:2016-01-27 02:01:18
【问题描述】:
我想知道是否可以从electron 应用程序启动自定义形状的独立窗口/元素。类似于我们在 android 中用于 Facebook 应用程序的聊天头。
我应该从哪里开始?如果不在电子中,那么任何其他 html 框架都可以解决这个问题。
在android中看到的一个例子。但是我正在考虑在 mac/windows/linux 中使用它
【问题讨论】:
标签: linux windows macos window electron
我想知道是否可以从electron 应用程序启动自定义形状的独立窗口/元素。类似于我们在 android 中用于 Facebook 应用程序的聊天头。
我应该从哪里开始?如果不在电子中,那么任何其他 html 框架都可以解决这个问题。
在android中看到的一个例子。但是我正在考虑在 mac/windows/linux 中使用它
【问题讨论】:
标签: linux windows macos window electron
我认为您正在寻找的是电子中的frameless-windows。当您构造 BrowserWindow 对象时,将 transparent: true 作为选项传递。
var win = new BrowserWindow({ transparent: true});
如果您不希望窗口周围有框架,您可能还希望将frame: false 作为选项传递。
var win = new BrowserWindow({ transparent: true, frame: false});
注意:不幸的是,您目前还不能点击框架窗口,因为他们仍在处理它。阅读更多关于 here 的信息。
【讨论】:
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 提供了一个 repo。
他演示的自定义应用程序是矩形的,除了在 Mac 上没有“窗口镶边”或菜单 - 出现默认应用程序菜单。
【讨论】: