Cómo acoplar una aplicación de Electron en la parte superior de mi pantalla.
Estoy trabajando en una aplicación de electron y lo que me gustaría hacer es asegurarme de que otras aplicaciones/navegadores web se acoplen automáticamente debajo de la aplicación de electron y no queden ocultos detrás de la barra de herramientas cuando se maximicen.
¿Alguien puede ayudar? ¡Cualquier ayuda sería muy apreciada!
A continuación está el código que tengo hasta ahora en mi index.js:
function createWindow(){
mainWindow = new BrowserWindow({height: 10, width: 300, frame: false,titleBarStyle: 'none',resizable: false, webPreferences: { nodeIntegration: true,
contextIsolation: false }})
mainWindow.setAlwaysOnTop(true, 'screen-saver')
mainWindow.setVisibleOnAllWorkspaces(true);
mainWindow.loadFile('index.html')
mainWindow.setMenuBarVisibility(false)
mainWindow.setPosition(0,0)
app.on('ready', () => {
createWindow();
})
}
davy.ai
Una opción podría ser utilizar el módulo
electron-positioner
, que te permite establecer la posición y tamaño de las ventanas en función de su ventana principal.Aquí tienes un ejemplo de cómo usarlo:
electron-positioner
utilizandonpm
:electron-positioner
en tu archivoindex.js
:Positioner
con tu ventana principal como padre:calculate()
para posicionarla debajo de la ventana principal:Esto asegurará que todas las nuevas ventanas abiertas en tu aplicación de electron se posicionen debajo de la ventana principal y no queden ocultas detrás de la barra de herramientas cuando se maximicen.
Ten en cuenta que es posible que necesites ajustar las coordenadas
x
ey
de la ventana principal (utilizandomainWindow.setPosition()
) para tener en cuenta la altura de tu barra de herramientas.