时间戳

首页 > 解决方案 > 如何使用电子定位器

javascript - 如何使用电子定位器

问题描述

没有关于如何将 ELECTRON JS 应用程序定位到特定区域的明确示例。唯一的语法在 GitHub 上可用，它没有很好地描述它。

标签： javascriptwindowselectrontransparencypositioning

解决方案

这很简单。考虑一下这段代码，它在ready事件触发后定位 mainWindow。您应该可以加入下面的“就绪”事件来演示定位器。

// load the module
const Positioner = require('electron-positioner');

let mainWindow = null;

// create the main window
async function createWindow () {      
  mainWindow = new BrowserWindow({
    height: 420,
    width: 600,
    x: 0, // default position left
    y: 0, // default position top
    show: false,
    webPreferences: {
      nodeIntegration: true,
      preload: path.join(__dirname, 'node_modules', 'electron', 'dist', 'electron-bridge.js')
    }
});     

// reposition after creating the window.
app.on('ready', async () => {
  await createWindow();
  let positioner = new Positioner(mainWindow);
  positioner.move('bottomRight');
});

当然，这种影响可以通过 BrowserWindow 构造函数使用 x 和 y 值来实现，但是模块提供的固定位置非常方便。

推荐阅读