当前位置：网站首页>6、Electron无边框窗口和透明窗口锁定模式设置窗口图标

6、Electron无边框窗口和透明窗口锁定模式设置窗口图标

2022-07-07 12:37:00 【51CTO】

index.js

6、Electron无边框窗口和透明窗口锁定模式设置窗口图标_ico

6、Electron无边框窗口和透明窗口锁定模式设置窗口图标_ios_02

       
       /**
       
 * 无边框窗口和透明窗口
       
 * frame:false无边框窗口
       
 * transparent:true,透明窗口
       
 */
       
/**
       
 * 锁定模式
       
 * 如果窗口处理全屏，并县锁定上状态，在Mac OS X唯一退出窗口的方式是通过<Command+Q>组合键
       
 * 如果在Mac OS X下，使用setKiosk方法切换窗口的锁定模式，不能将fullscreen属性设为true
       
 */
       
/**
       
 * 设置窗口图标
       
 * icon: icon:"images\\logn.jpg",//icon:".\\images\\logn.jpg",
       
 * if(process.platform!="darwin"){//非Mac OS X系统使用下面方法设置图标
       
        win.setIcon("images\\logn.jpg");
       
    }
       
 */
       
const {app,BrowserWindow} = require('electron');
       
function createWindow(){
       
    win = new BrowserWindow({
       
        //frame:false,transparent:true,
       
        //icon:"images\\logn.jpg",//icon:".\\images\\logn.jpg",
       
        //fullscreen:true,
       
        //kiosk:true,
       
        webPreferences:{
       
            nodeIntegration: true, // 是否集成 Nodejs
       
            enableRemoteModule: true,
       
            contextIsolation: false,
       
            //,preload:path.join(__dirname,'index.js')
       
        }
       
    });
       
    win.loadFile('index.html');
       
    if(process.platform!="darwin"){
       
        win.setIcon("images\\logn.jpg");
       
    }
       
    win.on('closed',()=>{
       
        console.log('closed')
       
        win=null;
       
    });
       
}
       
app.on('ready',createWindow);
       
app.on('window-all-closed',()=>{
       
    console.log('window-all-closed');
       
    if(process.platform!='darwin'){
       
    }
       
});
       
app.on('activate',()=>{
       
    console.log('activate');
       
    if(win==null){
       
        createWindow();
       
    }
       
});
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.

View Code

index.html

6、Electron无边框窗口和透明窗口锁定模式设置窗口图标_ico

6、Electron无边框窗口和透明窗口锁定模式设置窗口图标_ios_02

       
       <!DOCTYPE html>
       
<html>
       
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       
<title>窗口大小</title>
       
<script src="event.js"></script>
       
<body>
       
    <img src="./images/shj8.jpg">
       
    <h1>书名：<i>山海经</i></h1>
       
    <br/>
       
    <br/>
       
    出版社：<u>大地出版社</u>
       
    <br/>
       
    <br/>
       
    原价：<strike>69</strike>元    促销价：59
       
    <br/>
       
    <br/>
       
    <button id="idInLock" onclick="onClick()">进入锁定模式</button>
       
</body>
       
</html>
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.

View Code

even.js

6、Electron无边框窗口和透明窗口锁定模式设置窗口图标_ico

6、Electron无边框窗口和透明窗口锁定模式设置窗口图标_ios_02

       
       const remote = window.require('electron').remote;
       
function onClick()
       
{
       
    const idInLock=document.getElementById("idInLock");
       
    const win = remote.getCurrentWindow();
       
    if(win.isKiosk()){
       
        //处于非定模式
       
        win.setKiosk(false);
       
        idInLock.innerText="进入锁定模式";
       
    }
       
    else
       
    {
       
        //处于锁定模式
       
        win.setKiosk(true);
       
        idInLock.innerText="退出锁定模式";
       
    }
       
}
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.