2016-09-22 36 views
-1

我想涉足電子,我試圖把一個窗體內的標題欄。在標題欄電子 - 用戶輸入

我接受我可能必須使它成爲一個無框窗口,然後添加我自己的自定義html和樣式。

我是新來的語言,所以這是我得到的。

什麼是最好的方法來做到這一點?

+0

怎麼樣的人建議什麼是錯的,SO的有毒社區。 – TheHidden

回答

1

爲此閱讀關於frameless windows。在那裏,它會教你如何製作一個自定義標題欄使用HTML和CSS,其中的一個小例子:

main.js

const {BrowserWindow} = require('electron'); 
let win = new BrowserWindow({ width: 800, height: 600, frame: false }); 
win.loadURL(`file://${__dirname}/index.html`); 
win.show(); 

的index.html

<body> 
    <div style="-webkit-app-region: drag" id="titlebar"> 
    <input type="text" /> <!-- this is your input in the titlebar --> 
    </div> 
    <div id="content">your content here</div> 
</body> 

使用-webkit-app-region: drag使您的元素可拖動(請注意,目前僅支持矩形形狀)。

其餘的是由你決定,但你喜歡它!
如果你想讓它看起來像一個本地應用程序,也許看看reactdesktop

+0

即時通訊試圖建立一個非常基本的網絡瀏覽器(只是作爲一種練習方式)。你爲什麼建議對它出現本機?這不是電子點嗎?請教育我,JS一直是我存在的禍根,所以任何幫助都會很棒。 – TheHidden