使用Electron的自定義獨立窗口應用程序

Question

我想知道是否可以從electron應用程序啓動自定義形狀的獨立窗口/元素。就像我們在Android上使用Facebook應用的聊天頭一樣。

我應該從哪裏開始？如果不是電子的話，那麼就可以使用任何其他的html框架。

在機器人看到一個例子。然而，我期待有這在mac/windows/linux

Answer 1

我認爲你要找的是frameless-windows在電子。當你構建你的BrowserWindow對象時，通過transparent: true作爲一個選項。

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

如果你不想在你的窗戶框你可能想通過frame: false作爲一個選項爲好。

注意：不幸的是，您仍然無法點擊框架窗口，因爲它們仍在工作。閱讀更多關於here。

Answer 2

Kristian Poslek在介質上有一個類似無框窗口概念的教程：https://medium.com/developers-writing/building-a-desktop-application-with-electron-204203eeb658#.n82fds6ra。這是一篇不錯的文章，他在https://github.com/bojzi/sound-machine-electron-guide.git提供回購。

他演示的自定義應用程序是矩形的，沒有「窗口鑲邊」或除Mac上以外的菜單 - 出現默認的應用程序菜單。