electron自定义-关闭图标按钮事件

先创建关闭图标

对应的图标代码如下:

  <i id="minSize" class="layui-icon layui-icon-subtraction" title="最小化窗口" style="font-size: 15px; color: greenyellow;"></i>  &nbsp;
<i id="fullSize" class="layui-icon layui-icon-screen-full" title="全屏" style="font-size: 15px; color: #1E9FFF;"></i>  &nbsp;<i id="closeWindow" class="layui-icon layui-icon-close " title="关闭" style="font-size: 15px; color: red;"></i>

在主进程main.js中声明动作(window-close)方法:

1.先引入electron模块:

//引入electron
const electron = require('electron')
//获取ipc对象
const ipc = electron.ipcMain

2.在createWindow方法中进行定义关闭事件:

function createWindow () {// Create the browser window.mainWindow = new BrowserWindow({width: 1080,height: 700,frame:false,resizable:false,webPreferences: {preload: path.join(__dirname, 'preload.js'),nodeIntegration:true}})// and load the index.html of the app.mainWindow.loadFile('index.html')// Open the DevTools.// mainWindow.webContents.openDevTools()// Emitted when the window is closed.mainWindow.on('closed', function () {// Dereference the window object, usually you would store windows// in an array if your app supports multi windows, this is the time// when you should delete the corresponding element.mainWindow = null})//定义你如果要关掉软件，那么在这里申明!ipc.on('window-close',function(){mainWindow.close();})
}

在渲染进程中调用

获取其点击监听事件，然后通过向ipc通信执行命令:

<scrpit>
var ipc = require('electron').ipcRenderer;
document.getElementById('closeWindow').addEventListener('click', () => {// alert("WWWWWW");ipc.send('window-close');
})
</script>

示例:

electron自定义-关闭图标按钮事件相关推荐

Electron 自定义 Dock 图标
转载自https://cloud.tencent.com/developer/article/1650700 学透 Electron 自定义 Dock 图标 Mac OS 做为前端开发者的首选操作系统 ...
点击关闭Element-UI中dialog右上角的关闭图标按钮
我只想点击关闭按钮关闭弹框,不想在弹框区域外点击关闭,设置close-on-click-modal属性为false即可 <el-dialog:title="titleType == 1 ...
WPF自定义带图标按钮
控件: <Button Cursor="Hand" x:Name="btn_Return" Click="btn_Return_Click&qu ...
第十四章：Electron-Vue 隐藏顶部菜单隐藏关闭按钮、自定义关闭最大化最小化按钮
electron-vue 中隐藏顶部菜单 //隐藏顶部菜单 mainWindow.setMenu(null); 隐藏关闭最大化最小化按钮 mainWindow = new BrowserWindo ...
layer.alert自定义关闭回调事件
在项目应用中,遇到自定义关闭layer.alert弹出层,即在关闭layer.alert时,可以自动触发关闭时的事件, 具体方法为: layer.alert('爱心提示!', function(){ ...
络达开发---UI定义+自定义按钮事件
平台:AB1565M SDK版本:V2.11.0 开发环境:windows10 络达的SDK中有默认的参考工程,其中包含默认的按钮的事件定义.这些定义是基于官方的评估板进行设计的.通常用户在开发自己的 ...
java中图标_java中图标按钮
关于 java中图标按钮的搜索结果问题求教如何在按钮中嵌入图标求高手告诉我,我的问题出在哪里,我想了一上午都没想出来,我想的是设置按钮的图标而不是背景, 未设置按钮图标之前运行的效果设置按钮图 ...
iPhone控制中心可自定义多少图标？其实是20个，不少人都不知道哦
iPhone控制中心可自定义多少图标?其实是20个,不少人都不知道哦经常使用苹果的手机用户应该能够发现,我们在苹果手机的主界面内上滑,就能够进行亮度的调节等操作,在此这些操作下面还有一些小图标,可是 ...
java web自定义监听器_Android自定义监听器Listener(自定义Java Callback回调事件)
Callback回调事件介绍 Java或Android中创建异步回调最普遍的做法就是使用listener监听器或者observer观察者模式来解决,listener回调事件通常用于实现一个代码去监听另 ...

electron自定义-关闭图标按钮事件

先创建关闭图标

在主进程main.js中声明动作(window-close)方法:

在渲染进程中调用

electron自定义-关闭图标按钮事件相关推荐

最新文章

热门文章