custom electron titlebar

Пользовательский электронный титул

Этот проект представляет собой библиотеку TypeScript для электрона, которая позволяет настроить полностью настраиваемую строку заголовка.

Важный

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

Спасибо всем участникам и иждивенцам этой библиотеки.

? Документация

Стандартный заголовок

Нижний меню

Меню

Пользовательский цвет

? Установка

Вы можете установить этот пакет с помощью npm , pnpm или yarn .

npm install custom-electron-titlebar

pnpm add custom-electron-titlebar

yarn add custom-electron-titlebar

Использование

Реализация выполнена следующим образом:

В основном файле приложения (main.js или .ts)

 import { setupTitlebar , attachTitlebarToWindow } from "custom-electron-titlebar/main" ;

// setup the titlebar main process
setupTitlebar ( ) ;

function createWindow ( ) {
  // Create the browser window.
  const mainWindow = new BrowserWindow ( {
    width : 800 ,
    height : 600 ,
    //frame: false, // needed if process.versions.electron < 14
    titleBarStyle : 'hidden' ,
    /* You can use *titleBarOverlay: true* to use the original Windows controls */
    titleBarOverlay : true ,
    webPreferences : {
      sandbox : false ,
      preload : path . join ( __dirname , 'preload.js' )
    }
  } ) ;
  
  ...

  // attach fullScreen(f11 and not 'maximized') && focus listeners
  attachTitlebarToWindow ( mainWindow ) ;
}

В файле предварительной нагрузки (preload.js или .ts)

 import { Titlebar } from "custom-electron-titlebar" ;

window . addEventListener ( 'DOMContentLoaded' , ( ) => {
  // Title bar implementation
  new Titlebar ( ) ;
} ) ;

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

? Поддерживать

Если вы хотите поддержать мою разработку, вы можете сделать это, пожертвовав? Спонсор

Участники

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

✅ Лицензия

Этот проект находится под лицензией MIT.