Electron消息对话框

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

相同类型文章

热门标签

每日一句

    此去何时见也？襟袖上空惹啼痕。

    ——秦观

今日排行

  • Dockerfile和docker-compose.yml设置时区

    在使用功能镜像的时候，需要对时区进行修改，那么就需要从两个方面来考虑，本文主要记录Dockerfile和docker-compose.yml设置时区。

  • 网页扫描二维码库：Html5-Qrcode

    网页扫描二维码库：Html5-Qrcode，官网地址：https://scanapp.org/html5-qrcode-docs/

  • SSH删除密钥

    以前配置了服务器的免密登录，但是后期重新装了操作系统，那么再次尝试却出现了WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!提示，那么我们需要将以前的公钥删掉

  • 快速排序(Quick Sort)

    快速排序是对冒泡排序的一种改进，它的基本思想：通过一趟排序将要排序的数据分割成独立的两个部分，其中一个部分的所有数据都比另一个部分的所有数据都要笑，然后再按照此方法对这两部分数据进行快速排序，整个排序过程可以递归进行，以此到达整个数据变成有序序列。

  • 人脸认证：face_recognition库的安装与应用

    人脸识别技术如今已广泛应用于安全监控、身份验证、人机交互等多个领域。对于开发者而言，利用现有的库如face_recognition可以极大地简化人脸识别的开发过程。本文将详细介绍如何安装face_recognition库，并通过实例展示如何用它来实现一个基本的人脸比对服务。

点击排行

友情链接