Electron消息对话框

xiaohai 2021-05-17 21:02:39 共5826人围观 标签： 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

相同类型文章

热门标签

每日一句

    年轻的你，有足够的理由相信：你将会得到这世间最幸福的一份爱。

    ——席慕蓉

今日排行

  • Golang编译打包Vue项目到二进制包

    Golang打包一般的静态资源文件到二进制文件中还是比较简单，但是如果遇到使用Vue编写的后台界面，该如何打包呢？本文就是记录如何打包Vue到二进制包

  • OpenCV-Python边缘检测：Sobel、Scharr、Laplacian算子和Canny算子

    图像梯度计算的是图像变化的速度。对于图像的边缘部分，其灰度值变化较大，梯度值也较大；相反，对于图像中比较平滑的部分，其灰度值变化较小，相应的梯度值也较小。图像梯度计算需要求导数，但是图像梯度一般通过计算像素值的差来得到梯度的近似值（近似导数值）。本节主要介绍Sobel算子、Scharr算子、Laplacian算子和Canny算子的使用.

  • visudo：编辑sudoers文件

    visudo命令是用来编辑/etc/sudoers文件，同时提供语法检查功能。/etc/sudoers文件是sudo命令的配置文件，其实也可以使用vim编辑器来打开/etc/sudoers文件，但是推荐使用visudo命令。

  • 线性表之顺序表(Sequence List)

    线性表是最基本、最简单、也是最常用的一种数据结构，一个线性表是n个具有相同特性的数据元素的有限序列。

  • 原型模式(Prototype)

    用一个已经创建的实例作为原型，通过复制该原型对象来创建一个和原型相同或相似的新对象。

点击排行

友情链接