Electron窗口及对话框

本文档详细介绍了Electron应用中如何创建和管理窗口,包括BrowserWindow、无框窗口、窗口拖拽、透明窗口以及Webview的使用。此外,还探讨了对话框的实现,如错误提示、文件选择和信息提示,强调了dialog模块在主进程中的应用,以及在渲染进程中调用dialog的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

窗口

BrowserWindow

主进程模块BrowserWindow用于创建和控制浏览器窗口。

  mainWindow = new BrowserWindow({
    width: 1000,
    height: 800,
    // ...
  });
  mainWindow.loadURL('http://www.conardli.top/');

在这里插入图片描述

无框窗口

无框窗口是没有镶边的窗口,窗口的部分(如工具栏)不属于网页的一部分。

在BrowserWindow的构造参数中,将frame设置为false可以指定窗口为无边框窗口,将工具栏隐藏后,就会产生两个问题:

1.窗口控制按钮(最小化、全屏、关闭按钮)会被隐藏
2.无法拖拽移动窗口

可以通过指定titleBarStyle选项来再将工具栏按钮显示出来,将其设置为hidden表示返回一个隐藏标题栏的全尺寸内容窗口,在左上角仍然有标准的窗口控制按钮。

new BrowserWindow({
    width: 200,
    height: 200,
    titleBarStyle: 'hidden',
    frame: false
  });

窗口拖拽

默认情况下, 无边框窗口是不可拖拽的。我们可以在界面中通过CSS

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值