custom electron titlebar

Benutzerdefinierte Elektronen -Titelleiste

Dieses Projekt ist eine TypsScript -Bibliothek für Elektronen, mit der Sie eine vollständig anpassbare Titelleiste konfigurieren können.

Wichtig

Dieses Projekt wird nicht mehr aufrechterhalten, da ich der einzige bin, der daran arbeitet, und ich habe keine Freizeit, um die Probleme zu überprüfen und neue Funktionen zu integrieren oder die Abhängigkeiten zu den neuesten Versionen zu aktualisieren.

Vielen Dank an alle Mitwirkenden und Angehörigen dieser Bibliothek.

? Dokumentation

Standard -Titelleiste

Untere Menüleiste

Speisekarte

Benutzerdefinierte Farbe

? Installation

Sie können dieses Paket mit npm , pnpm oder yarn installieren.

npm install custom-electron-titlebar

pnpm add custom-electron-titlebar

yarn add custom-electron-titlebar

Verwendung

Die Implementierung erfolgt wie folgt:

In der Hauptantragsdatei (main.js oder .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 ) ;
}

In der Vorspannungsdatei (vorlad.js oder .ts)

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

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

Um die Optionen zu sehen, die Sie in den Titelbalkenkonstruktor aufnehmen können, z.

? Unterstützung

Wenn Sie meine Entwicklung unterstützen möchten, können Sie dies tun, indem Sie spenden? Sponsor

Mitwirkende

Ich möchte allen Menschen, die an der Entwicklung und Weiterentwicklung dieses Projekts zusammengearbeitet haben, meinen aufrichtigen Dank aussprechen. Ich schätze Ihre Beiträge.

✅ Lizenz

Dieses Projekt steht unter der MIT -Lizenz.