2016-09-22 49 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