Electron设置frame:false后关闭失效--【Foam番茄】

在编写electron应用程序的时候,设计一个自己喜欢的ui是必不可少的

那么缩小,放大,关闭功能是必备

import { remote } from 'electron'
// 缩小
remote.getCurrentWindow().minimize()
// 放大
remote.getCurrentWindow().maximize()
// 关闭
remote.getCurrentWindow().close()

以上方式是基本的缩小放大关闭功能

然而,electron中使用了frame: false,把应用变成无边框窗口后,bug出现了,electron的关闭方法会失效
在这里插入图片描述

官方的文档是通过ipcMainipcRenderer来进行异步通信调用

import { ipcRenderer } from 'electron'
// index.js
ipcRenderer.on('minimize')
ipcRenderer.on('maximize')
ipcRenderer.on('close')
import { ipcMain } from 'electron'
// background.js
const win = new BrowserWindow()
ipcMain.on('minimize',()=>win.minimize())
ipcMain.on('maximize',()=>win.maximize())
ipcMain.on('close',()=>win.close())

以上方法是基本的ipc调用方法,但是设置frame:false后放大和缩小方法还是可以使用,而close无法获得窗口所以无法进行关闭,所以我们需要进行以下修改

import { ipcMain } from 'electron'
// background.js
const win = new BrowserWindow()
ipcMain.on('minimize',()=>win.minimize())
ipcMain.on('maximize',()=>win.maximize())
ipcMain.on('close',()=>{
    win = null // 主窗口设置为null防止内存溢出
    app.exit() // 直接退出应用程序
}) 

放大后需要进行还原

import { ipcMain } from 'electron'
// background.js
const win = new BrowserWindow()
ipcMain.on('minimize',()=>win.minimize())
ipcMain.on('maximize',()=>{
    // 判断窗口是否已经最大化
    if(win.isMaximized){
        // 窗口还原
        win.restore()
    }else{
        // 最大化
        win.maximize()
    }
})
ipcMain.on('close',()=>{
    win = null // 主窗口设置为null防止内存溢出
    app.exit() // 直接退出应用程序
}) 
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值