Указать размеры окна при его создании позволяют следующие опции:
width
— ширина окна (значение по умолчанию: 800
пикселов);height
— высота окна (значение по умолчанию: 600
пикселов);useContentSize
— если указано значение true
, то опции width
и height
будут задавать размеры клиентской области, а не всего окна с рамкой. Значение по умолчанию: false
;minWidth
— минимальная ширина окна;minHeight
— минимальная высота окна;maxWidth
— максимальная ширина окна;maxHeight
— максимальная высота окна;resizable
— если указано значение true
(значение по умолчанию), то размеры окна можно будет изменять с помощью мыши. Если передать значение false
, то окно будет иметь фиксированные размеры и его нельзя будет развернуть на весь экран.Пример:
win = new BrowserWindow({
width: 800,
height: 600,
useContentSize: false,
minWidth: 400,
minHeight: 200,
maxWidth: 800,
maxHeight: 600,
resizable: true
});
Управлять размерами окна после его создания позволяют следующие методы:
setSize(<Ширина>, <Высота>[, <Анимация>])
— задает размеры окна;getSize()
— возвращает массив с шириной и высотой окна;setContentSize(<Ширина>, <Высота>[, <Анимация>])
— задает размеры клиентской области окна;getContentSize()
— возвращает массив с шириной и высотой клиентской области окна;setMinimumSize(<Ширина>, <Высота>)
— задает минимальные размеры окна;getMinimumSize()
— возвращает массив с минимальной шириной и высотой окна;setMaximumSize(<Ширина>, <Высота>)
— задает максимальные размеры окна;getMaximumSize()
— возвращает массив с максимальной шириной и высотой окна;setResizable(true | false)
— если указано значение true
, то размеры окна можно будет изменять с помощью мыши. Если передать значение false
, то окно будет иметь фиксированные размеры и его нельзя будет развернуть на весь экран;isResizable()
— возвращает true
, если пользователь может изменять размеры окна, и false
— в противном случае.События:
will-resize
— генерируется перед изменением размеров окна пользователем. Если вызвать метод preventDefault()
через объект события, то размеры окна изменены не будут:win.on('will-resize', (e, b) => {
e.preventDefault();
console.log(b); // { x: 710, y: 370, width: 500, height: 338 }
});
resized
— возникает один раз после изменения размеров окна (в самом конце);resize
— генерируется после любого изменения размеров окна (несколько раз в процессе изменения размеров пользователем).