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 (preload.js หรือ .ts)

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

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

หากต้องการดูตัวเลือกที่คุณสามารถรวมไว้ในตัวสร้างแถบชื่อเรื่องเช่นสีขององค์ประกอบไอคอนตำแหน่งเมนูและอื่น ๆ อีกมากมายและวิธีการที่คุณสามารถใช้ได้ไปที่วิกิ

- สนับสนุน

หากคุณต้องการสนับสนุนการพัฒนาของฉันคุณสามารถทำได้โดยการบริจาคผ่าน? ผู้สนับสนุน

ผู้มีส่วนร่วม

ฉันต้องการแสดงความขอบคุณอย่างจริงใจต่อทุกคนที่ร่วมมือกันในการพัฒนาและความก้าวหน้าของโครงการนี้ ฉันขอขอบคุณการมีส่วนร่วมของคุณ

✅ใบอนุญาต

โครงการนี้อยู่ภายใต้ใบอนุญาต MIT