custom electron titlebar

Barra de título de elétrons personalizados

Este projeto é uma biblioteca do TypeScript para elétrons que permite configurar uma barra de título totalmente personalizável.

Importante

Este projeto não será mais mantido, porque sou o único que trabalha nele e não tenho tempo livre para revisar os problemas e incorporar novos recursos ou atualizar as dependências para as versões mais recentes.

Graças a todos os colaboradores e dependentes desta biblioteca.

? Documentação

Barra de título padrão

Barra de menu inferior

Menu

Cor personalizada

? Instalação

Você pode instalar este pacote com npm , pnpm ou yarn .

npm install custom-electron-titlebar

pnpm add custom-electron-titlebar

yarn add custom-electron-titlebar

Uso

A implementação é feita da seguinte maneira:

No arquivo de aplicativo principal (main.js ou .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 ) ;
}

No arquivo pré -carga (pré -ad.js ou .ts)

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

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

Para ver as opções que você pode incluir no construtor da barra de título, como cor de elementos, ícones, posição do menu e muito mais, e os métodos que você pode usar, vá para o wiki

? Apoiar

Se você quiser apoiar meu desenvolvimento, pode fazê -lo doando? Patrocinador

Colaboradores

Gostaria de expressar minha sincera gratidão a todas as pessoas que colaboraram no desenvolvimento e avanço deste projeto. Agradeço suas contribuições.

✅ Licença

Este projeto está sob a licença do MIT.