custom electron titlebar

Barre de titre électronique personnalisée

Ce projet est une bibliothèque TypeScript pour Electron qui vous permet de configurer une barre de titre entièrement personnalisable.

Important

Ce projet ne sera plus maintenu, car je suis le seul à y travailler et il ne me reste plus de temps libre pour revoir les problèmes et incorporer de nouvelles fonctionnalités ou mettre à jour les dépendances vers les dernières versions.

Merci à tous les contributeurs et personnes à charge de cette bibliothèque.

? Documentation

Barre de titre standard

Barre de menu inférieure

Menu

Couleur personnalisée

? Installation

Vous pouvez installer ce package avec npm , pnpm ou yarn .

npm install custom-electron-titlebar

pnpm add custom-electron-titlebar

yarn add custom-electron-titlebar

Usage

L'implémentation se fait comme suit:

Dans le fichier d'application 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 ) ;
}

Dans le fichier de précharge (preload.js ou .ts)

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

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

Pour voir les options que vous pouvez inclure dans le constructeur de barre de titre, tels que la couleur des éléments, les icônes, la position du menu et bien plus encore, et les méthodes que vous pouvez utiliser, accédez au wiki

? Soutien

Si vous souhaitez soutenir mon développement, vous pouvez le faire en faisant un don? Parrainer

Contributeurs

Je voudrais exprimer ma sincère gratitude à toutes les personnes qui ont collaboré au développement et à l'avancement de ce projet. J'apprécie vos contributions.

✅ Licence

Ce projet est sous la licence MIT.