custom electron titlebar

Título de electrones personalizado

Este proyecto es una biblioteca TypeScript para Electron que le permite configurar una barra de título totalmente personalizable.

Importante

Este proyecto ya no se mantendrá, porque soy el único que trabaja en él y no me queda tiempo libre para revisar los problemas e incorporar nuevas funciones o actualizar las dependencias a las últimas versiones.

Gracias a todos los contribuyentes y dependientes de esta biblioteca.

? Documentación

Barra de título estándar

Barra de menú inferior

Menú

Color personalizado

? Instalación

Puede instalar este paquete con npm , pnpm o yarn .

npm install custom-electron-titlebar

pnpm add custom-electron-titlebar

yarn add custom-electron-titlebar

Uso

La implementación se realiza de la siguiente manera:

En el archivo de aplicación principal (main.js o .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 ) ;
}

En el archivo de precarga (preload.js o .ts)

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

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

Para ver las opciones que puede incluir en el constructor de la barra de título, como el color de los elementos, los iconos, la posición del menú y mucho más, y los métodos que puede usar, vaya al wiki

? Apoyo

Si desea apoyar mi desarrollo, ¿puede hacerlo donando? Patrocinador

Colaboradores

Me gustaría expresar mi sincera gratitud a todas las personas que han colaborado en el desarrollo y el avance de este proyecto. Agradezco tus contribuciones.

✅ Licencia

Este proyecto está bajo la licencia MIT.