梦想吧

666 分类: WEB前端

Electron模态窗口建立

模态窗口

In user interface design, a modal window is a graphical control element subordinate to an application's main window which creates a mode where the main window can't be used. The modal window is a child window that requires users to interact with it before it can return to operating the parent application, thus preventing the workflow on the application main window.
在 UI设计中,模态窗口是附属于主窗口的图形控制元素,它创建了一种状态模式,在这种状态模式下,主窗口无法被直接访问。当模态框出现之后,如果用户想要再回到主窗口操作,就必须先与模态框自身进行交互,也就是通过这样的形式中断了应用程序主窗口的正常工作流。
Modal windows are commonly used in GUI systems to command user awareness and to display emergency states, although they have been argued to be ineffective for that use. Modal windows are prone to produce mode errors.
在GUI系统中,模态窗口通常用于提醒用户以及展示一些危险的操作状态,尽管有争论说这种提醒方式是无效的,因为模态框会倾向于让用户产生固定模式错误。

以上是维基百科对于模态窗口的定义,模态窗口使用很多,当在删除或确认等关键性的操作时,一般会弹出一个对话框,用来强调并提示用户操作,在这个情况下,用户必须做出自己的选择,不能继续其他操作,将用户的目光集中在这里,这就是模态框的作用。

Electron实现模态窗口

// 获取当前窗口
const {remote} = require('electron');
let top = remote.getCurrentWindow();
// 创建一个新的模态窗口,并指定父级窗口
let child = new BrowserWindow({parent: top, modal: true, show: show});
child.loadURL('https://www.mx8.club');

#JS, JavaScript, Electron

作者: Jim

版权: 除特别声明,均采用BY-NC-SA 4.0许可协议,转载请表明出处

目录Content

评论