Electron消息对话框

xiaohai 2021-05-17 21:02:39 共6826人围观 标签： Electron 
简介普通的消息对话框dialog.showMessageBox()
showMessageBox 相关属性

它有太多的属性，这里我们也只挑一些常用的属性来讲解，如果你在工作中具体使用，可以先到官网查询相关的API后，再根据需求具体使用。

  • type ：String类型，可以选，图标样式，有none、info、error、question和warning
  • title: String类型，弹出框的标题
  • messsage : String 类型，必选 message box 的内容，这个是必须要写的
  • buttons: 数组类型，在案例中我会详细的讲解，返回的是一个索引数值（下标）

页面新增：

<button id="msgBtn">消息提示</button>

在渲染进程中添加如下代码：

const { remote } = require('electron')

window.onload = function () {

    var msgBtn = document.querySelector('#msgBtn')
    msgBtn.onclick = function (e) {
        remote.dialog.showMessageBox({
            type: 'question',
            title: '标题',
            message: '提示内容',
            buttons: ['确定', '取消']
        }).then((index) => {

            if (index.response === 0) {
                console.log('点击了确定按钮')
            } else {
                console.log('点击了取消按钮')
            }
        })
    }
}

运行效果：


图片alt

相同类型文章

热门标签

每日一句

    天时不如地利，地利不如人和。

    ——先秦·孟子

今日排行

  • Python调用WPS把文档转换PDF，并把PDF转图片

    Python调用WPS把文档转换PDF，并把PDF转图片，首先需要安装WPS，然后利用pypiwin32把文档转化成PDF，再利用fitz、PyMuPD把PDF转化成图片

  • OpenCV-Python创建和显示窗口

    OpenCV-Python创建和显示窗口功能，主要介绍与窗口相关的函数，如：namedWindow、resizeWindow、imshow、waitKey。使用opencv创建窗口，需要用到namedWindow函数,上面的函数第一个参数为窗口名称，第二个为窗口的属性。创建窗口后设置窗口大小，设置窗口大小要使用resizeWindow，如果namedWindow函数第二个参数使用了WINDOW_AUTOSIZE，那么窗口不能进行修改大小了.

  • more：分页显示文件内容

    more命令是将文件内容一页一页的显示，跟cat相比，cat命令是将文件内容一次性输出到屏幕。

  • 解决Github访问缓慢问题

    最近国内访问GitHub特别的慢，那么对于一名程序猿来说，GitHub是多么的重要，本文主要记录如何加快GitHub的访问。

  • w：显示已登录用户信息

    w命令显示已经登录系统的用户，并显示用户正在执行的命令

点击排行

友情链接