技术宅小伙：electron - 调用原生系统对话框（主进程）

嗨，大家好！在这篇文章里，我们将了解如何在 Electron 中打开操作系统对话框。我们将使用一个原生的对话框，这个对话框包含在 Electron 的一个主进程模块中。这个模块中有一个名为“dialog”的大型模块，我们可以在其中找到我们需要的信息。我们可以在这个模块中找到与打开或保存文件有关的对话框，以及一些消息弹窗。这个对话框适用于主进程，并提供了一些方法。这里有一个导航，可以看到显示打开文件对话框或显示保存或另存文件对话框的方法，以及打开那个 dialog 的方法。此外，我们也将介绍一些其他的 Electron 框架的功能，以便更好地了解它的各个方面。

我们可以看一下它的一个参数，这个参数对象中有一个可选项，它可以指定一个浏览器窗口。我们通过这个在组件层实例化的这些 processor window，作为浏览器窗口。这个参数应该是指定的，如果熟悉 Windows 编程的小伙伴应该知道，在 Windows GUI 编程中，对话框是有一个所谓父窗口的，它的一个副，指定它的话，你这个对话框其实是可以类似于比如说可以居中在这窗口中去居中。因为这个猜测，因为他文档当中他也没有提到，所以我们可以去试一下。然后这个选项对象其实就是指定了一些显示对话框的一些相应的行为。我们可以通过抬头去指定我们要在对话框窗口的标题中显示的一个文本。另外呢，我们还会常用到比如说我们通过这个 properties 去设置相应的对话框的属性，比如说我们可以控制我们选择文件或者文件夹的行为，或者我们可以允许选择多个，可以多选，那这个 filter 其实就是我们这个对话框中的文件类型的一个筛选器。在这里，我们可以进一步介绍一下这个对话框在什么情况下会被使用，以及它对于 Electron 开发者来说的实际使用价值。

这个 dialog 返回了一个 Promise 对象，我们可以通过这个 Promise 对象去做一些异步的处理。既然可以在主进程中调用它，我们可以在 app 的 whenReady 中去显示这样的一个对话框。那首先呢，我们需要导入带 dialog 这样的一个模块，然后导入了带 dialog 模块之后，我们可以在这里面比如说去有一些显示，比如说我们可以搜索 open dialog，我们需要指定一个对象，这个对象呢，它比如说我们可以配置一些属性比如 properties，那这个选项参数呢，它是一个对象，所以说我们可以使用点的这种方式去使用。然后点 z 这个里面这个方法的一个参数呢，我们这个参数对象当中呢，我们其实是可以判断我们这个是用户是点击了取消还是一些这个。我们可以看到他的文档里面提到了，比如说对话框是否被用户取消了，然后用户选择了文件路径的一个输入，那如果你是多选的话，那他就是多个文件的一个输入。那如果这个用户对话框被取消的话，那他就会返回一个空的数组。

我们可以直接点认，它返回这个 result。我们在控制台里面打印一下有关它是否被取消的信息。然后呢我们打开了文件的输入框，选择了一个文件路径和文件名。注意，它里面的 console 点 log 会打印到我们这个系统的控制台上，而不是我们这个窗口。然而，我们可以进一步补充说明一些问题。比如说，我们可以介绍一下这个对话框在什么情况下会被使用，以及它对于 Electron 开发者来说的实际使用价值。例如，我们可以讨论一下如何使用 Electron 实现跨平台应用程序以及如何使用它来开发桌面应用程序。总之，这是一个不错的起点，让我们可以深入了解 Electron 框架的各个方面。

嗨，大家好！在这篇文章里，我们将了解如何在 Electron 中打开操作系统对话框。我们将使用一个原生的对话框，这个对话框包含在 Electron 的一个主进程模块中。这个模块中有一个名为“dialog”的大型模块，我们可以在其中找到我们需要的信息。我们可以在这个模块中找到与打开或保存文件有关的对话框，以及一些消息弹窗。这个对话框适用于主进程，并提供了一些方法。这里有一个导航，可以看到显示打开文件对话框或显示保存或另存文件对话框的方法，以及打开那个 dialog 的方法。此外，我们也将介绍一些其他的 Electron 框架的功能，以便更好地了解它的各个方面。

我们可以看一下它的一个参数，这个参数对象中有一个可选项，它可以指定一个浏览器窗口。我们通过这个在组件层实例化的这些 processor window，作为浏览器窗口。这个参数应该是指定的，如果熟悉 Windows 编程的小伙伴应该知道，在 Windows GUI 编程中，对话框是有一个所谓父窗口的，它的一个副，指定它的话，你这个对话框其实是可以类似于比如说可以居中在这窗口中去居中。因为这个猜测，因为他文档当中他也没有提到，所以我们可以去试一下。然后这个选项对象其实就是指定了一些显示对话框的一些相应的行为。我们可以通过抬头去指定我们要在对话框窗口的标题中显示的一个文本。另外呢，我们还会常用到比如说我们通过这个 properties 去设置相应的对话框的属性，比如说我们可以控制我们选择文件或者文件夹的行为，或者我们可以允许选择多个，可以多选，那这个 filter 其实就是我们这个对话框中的文件类型的一个筛选器。

这个 dialog 返回了一个 Promise 对象，我们可以通过这个 Promise 对象去做一些异步的处理。既然可以在主进程中调用它，我们可以在 app 的 whenReady 中去显示这样的一个对话框。那首先呢，我们需要导入带 dialog 这样的一个模块，然后导入了带 dialog 模块之后，我们可以在这里面比如说去有一些显示，比如说我们可以搜索 open dialog，我们需要指定一个对象，这个对象呢，它比如说我们可以配置一些属性比如 properties，那这个选项参数呢，它是一个对象，所以说我们可以使用点的这种方式去使用。然后点 z 这个里面这个方法的一个参数呢，我们这个参数对象当中呢，我们其实是可以判断我们这个是用户是点击了取消还是一些这个。我们可以看到他的文档里面提到了，比如说对话框是否被用户取消了，然后用户选择了文件路径的一个输入，那如果你是多选的话，那他就是多个文件的一个输入。那如果这个用户对话框被取消的话，那他就会返回一个空的数组。

我们可以直接点认，它返回这个 result。我们在控制台里面打印一下有关它是否被取消的信息。然后呢我们打开了文件的输入框，选择了一个文件路径和文件名。然而，我们可以进一步补充说明一些问题。比如说，我们可以介绍一下这个对话框在什么情况下会被使用，以及它对于 Electron 开发者来说的实际使用价值。例如，我们可以讨论一下如何使用 Electron 实现跨平台应用程序以及如何使用它来开发桌面应用程序。总之，这是一个不错的起点，让我们可以深入了解 Electron 框架的各个方面。