custom electron titlebar

맞춤형 전자 타이틀 바

이 프로젝트는 완전히 사용자 정의 가능한 타이틀 바를 구성 할 수있는 전자식 라이브러리입니다.

중요한

이 프로젝트는 더 이상 유지되지 않을 것입니다. 왜냐하면 나는 그 일을하는 유일한 사람이며, 문제를 검토하고 새로운 기능을 통합하거나 최신 버전에 의존성을 업데이트 할 자유 시간이 없기 때문입니다.

이 도서관의 모든 기고자와 부양 가족에게 감사합니다.

? 선적 서류 비치

표준 타이틀 바

하단 메뉴 바

메뉴

사용자 정의 색상

? 설치

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.js 또는 .ts)에서

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

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

요소의 색상, 아이콘, 메뉴 위치 등과 같은 제목 막대 생성자에 포함시킬 수있는 옵션을 보려면 Wiki로 이동하십시오.

? 지원하다

내 개발을 지원하려면 기부하여 그렇게 할 수 있습니까? 스폰서

기고자

이 프로젝트의 개발과 발전에 협력 한 모든 사람들에게 진심으로 감사를 표하고 싶습니다. 귀하의 기여에 감사드립니다.

✅ 라이센스

이 프로젝트는 MIT 라이센스에 따라 있습니다.