Спрятать заголовок на окне в электрон?

Question

Хорошо, я хочу, чтобы заголовок заголовка находился не в главном окне, а на панели сверху, которая становилась прозрачной, если не зависать над главным окном или заголовком заголовка.

У меня есть пример из другого окна.электронное приложение здесь .

Так есть ли у кого-нибудь идея, как я могу создать что-то подобное?Я думал о создании второго окна, но думаю, что это не сработает.Но кто-то еще сделал это, поэтому это должно быть возможно

Answer 1

Вам необходимо прозрачное безрамное окно с сеткой или гибким заголовком и областью контейнера.

const {BrowserWindow} = require('electron')
let win = new BrowserWindow({transparent: true, frame: false})
win.show()

Ознакомьтесь с Электронными документами с кроссплатформенными подсказками о прозрачных окнах.

Затем вы можете добавить или удалить класс в строке заголовка, чтобы он появился / исчез.Элемент titlebar должен иметь свойство css -webkit-app-region: drag

Вы должны рассмотреть возможность заполнения невидимой области этого окна содержимым,также идеальный вариант использования для небольшой анимации.В противном случае он может заблокировать приложение позади него, и пользователь не знает, почему.В противном случае вам нужно вручную управлять переадресацией кликов:

win.setIgnoreMouseEvents(true)

Ознакомьтесь с Electron Docs по этому вопросу, поскольку переадресация может быть довольно сложной.