custom electron titlebar

Titlebar Elektron Kustom

Proyek ini adalah pustaka TypeScript untuk elektron yang memungkinkan Anda untuk mengkonfigurasi bilah judul yang sepenuhnya dapat disesuaikan.

Penting

Proyek ini tidak akan lagi dipertahankan, karena saya satu -satunya yang mengerjakannya dan saya tidak punya waktu luang untuk meninjau masalah dan menggabungkan fitur baru atau memperbarui dependensi ke versi terbaru.

Terima kasih kepada semua kontributor dan tanggungan perpustakaan ini.

? Dokumentasi

Bilah judul standar

Bilah menu bawah

Menu

Warna khusus

? Menginstal

Anda dapat menginstal paket ini dengan npm , pnpm atau yarn .

npm install custom-electron-titlebar

pnpm add custom-electron-titlebar

yarn add custom-electron-titlebar

Penggunaan

Implementasi dilakukan sebagai berikut:

Di file aplikasi utama (main.js atau .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 ) ;
}

Dalam file preload (preload.js atau .ts)

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

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

Untuk melihat opsi yang dapat Anda sertakan dalam konstruktor judul bar, seperti warna elemen, ikon, posisi menu, dan banyak lagi, dan metode yang dapat Anda gunakan, pergi ke wiki

? Mendukung

Jika Anda ingin mendukung pengembangan saya, Anda dapat melakukannya dengan menyumbang? Sponsor

Kontributor

Saya ingin mengucapkan terima kasih yang tulus kepada semua orang yang telah berkolaborasi dalam pengembangan dan kemajuan proyek ini. Saya menghargai kontribusi Anda.

✅ lisensi

Proyek ini berada di bawah lisensi MIT.