如何使用 Electron.js 彼此相邻地显示自定义 Windows 消息框按钮

Question

我正在尝试使用 Electron.js 对话框方法制作一个消息框showMessageBoxSync。我希望按钮为“取消”和“覆盖并继续”。我希望它以与按钮为“取消”和“确定”时的框相同的方式显示。

当按钮为“取消”和“确定”时，按钮并排显示：

但是，当我尝试将按钮设置为“取消”和“覆盖并继续”时，消息框显示不同：

是否可以将“覆盖并继续”按钮设置为与“确定”按钮相同的显示方式？

我的消息框代码是：

const userSelection = dialog.showMessageBoxSync(mainWindow, {

    type: 'warning',

    title: 'User data already exists in this location',

    message: 'User data for the App already exists in this location. Do you want to overwrite it?',

    buttons: ['Cancel', 'Overwrite and Continue'],

    defaultId: 0,

    cancelId: 0

})

Answer 1

您必须使用文档noLink中描述的属性：noLink布尔值（可选）- 在 Windows 上，Electron 将尝试找出哪一个buttons是常用按钮（例如“取消”或“是”），并将其他按钮显示为对话框中的命令链接。这可以使对话框以现代 Windows 应用程序的风格显示。如果您不喜欢这种行为，可以将 noLink 设置为 true。因此，就您而言，您需要添加noLink: true到选项对象中。