使用全局快捷方式(如 Spotlight/Launchy)将电子应用程序带到前台 [英] Bringing an electron app to foreground with a global shortcut (like Spotlight/Launchy)

问题描述

我希望复制类似于 Launchy/Quicksilver/Spotlight 的行为.

I'm looking to replicate behavior similar to that of Launchy/Quicksilver/Spotlight.

我想要一个始终运行的电子应用程序.当我按下快捷键时，电子应用程序被带到前台并聚焦.

I want to have an electron app that's always running. When I hit a shortcut key, the electron app is brought to the foreground and to focus.

我知道 globalShortcut 模块可用于绑定快捷方式，但我不知道如何使该快捷方式触发将应用程序带到前台.

I understand that the globalShortcut module can be used to bind a shortcut, however I can't figure out how to make that shortcut trigger bringing the app to the foreground.

任何帮助将不胜感激......

Any help would be much appreciated...

推荐答案

让我们从最简单的情况开始，然后构建我们的解决方案以更好地处理一些边缘情况.

Let's start with the simplest case and then build our solution to better handle some edge cases.

最简单的情况是在按下我们注册的全局快捷方式时显示一个已经打开的窗口.

The simplest possible case is to show a window that is already open whenever the global shortcut we registered is pressed.

const path = require('path');
const { app, BrowserWindow, globalShortcut } = require('electron');

let mainWindow = null;

app.on('ready', () => {

  mainWindow = new BrowserWindow();
  mainWindow.loadURL(path.join(__dirname, 'index.html'));

  const shortcut = globalShortcut.register('Control+Space', () => {
    mainWindow.show();
  });

  if (!shortcut) { console.log('Registration failed.'); }

});

这个代码有一些问题.好消息是，如果窗口已最小化，它仍然有效.坏消息是，如果窗口已关闭，它将无法工作.这是因为关闭最后一个窗口会退出应用程序.真可惜.(坦率地说，我对此有点惊讶——但这就是发生的事情.所以，让我们继续吧.)

This code has some problems though. The good news is that it still works if the window has been minimized. The bad news is that it will not work if the window has been closed. This is because closing the last window quits the application. Bummer. (Frankly, I was a little surprised by this—but that's what happens. So, let's go with it.)

让我们阻止这种情况发生.

Let's stop that from happening.

app.on('window-all-closed', (event) => {
  event.preventDefault();
});

好的，我们的应用没有退出，而是崩溃了.

Okay, our app doesn't quit, it but it crashes.

Uncaught Exception:
Error: Object has been destroyed

好的，好的.这是因为窗口在关闭时会被破坏.所以，我们不要关闭它.让我们隐藏它，好吗?在 app.on('ready', () => {…}) 中，添加以下内容:

Alright, fine. This is because the window is destroyed when it's close. So, let's not close it. Let's hide it, shall we? Within app.on('ready', () => {…}), add the following:

mainWindow.on('close', (event) => {
  event.preventDefault();
  mainWindow.hide();
});

最终结果如下所示:

const path = require('path');
const { app, BrowserWindow, globalShortcut } = require('electron');

let mainWindow = null;

app.on('ready', () => {

  mainWindow = new BrowserWindow();
  mainWindow.loadURL(path.join(__dirname, 'index.html'));

  const shortcut = globalShortcut.register('Control+Space', () => {
    mainWindow.show();
  });

  if (!shortcut) { console.log('Registration failed.'); }

  mainWindow.on('close', (event) => {
    event.preventDefault();
    mainWindow.hide();
  });

});


app.on('window-all-closed', (event) => {
  event.preventDefault();
});

这样您就应该具备基本功能.你按下你的全局快捷方式，窗口就会出现.将其关闭并按下按键，然后观看它重新出现.

And with that you should have the basic functionality in place. You press your global shortcut and the window appears. Dismiss it and press the keys and watch it reappear.

这篇关于使用全局快捷方式(如 Spotlight/Launchy)将电子应用程序带到前台的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！