如何使用电子定位器

问题描述 投票:0回答:1

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

javascript windows electron transparency positioning
1个回答
0
投票

非常简单。考虑一下在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值来实现这种效果,但是由模块提供固定位置非常方便。

© www.soinside.com 2019 - 2024. All rights reserved.