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

 

index.js

复制代码
/**
 * 无边框窗口和透明窗口
 * 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();
    }
});
View Code
复制代码

index.html

复制代码
<!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>
View Code
复制代码

 

even.js

复制代码
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="退出锁定模式";
    }
   
}
View Code
复制代码

 

posted @   三瑞  阅读(618)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天：
2017-05-19 记一次Castle报错
点击右上角即可分享
微信分享提示
AI IDE Trae