在编写electron应用程序的时候,设计一个自己喜欢的ui是必不可少的
那么缩小,放大,关闭功能是必备
import { remote } from 'electron'
// 缩小
remote.getCurrentWindow().minimize()
// 放大
remote.getCurrentWindow().maximize()
// 关闭
remote.getCurrentWindow().close()
以上方式是基本的缩小放大关闭功能
然而,electron中使用了frame: false,把应用变成无边框窗口后,bug出现了,electron的关闭方法会失效
官方的文档是通过ipcMain和ipcRenderer来进行异步通信调用
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() // 直接退出应用程序
})