custom electron titlebar

شريط العنوان الإلكترون المخصص

هذا المشروع عبارة عن مكتبة TypeScript لـ Electron تتيح لك تكوين شريط عنوان قابل للتخصيص بالكامل.

مهم

لن يتم الحفاظ على هذا المشروع ، لأنني الشخص الوحيد الذي يعمل عليه وليس لدي وقت فراغ يتبقى لمراجعة المشكلات ودمج ميزات جديدة أو تحديث التبعيات على أحدث الإصدارات.

شكرا لجميع المساهمين ومعالين هذه المكتبة.

؟ الوثائق

شريط العنوان القياسي

شريط القائمة السفلي

قائمة طعام

لون مخصص

؟ التثبيت

يمكنك تثبيت هذه الحزمة باستخدام 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 ( ) ;
} ) ;

لمشاهدة الخيارات التي يمكنك تضمينها في مُنشئ شريط العنوان ، مثل لون العناصر والرموز وموضع القائمة وأكثر من ذلك بكثير ، والطرق التي يمكنك استخدامها ، والانتقال إلى الويكي

؟ يدعم

إذا كنت تريد دعم تطوري ، فيمكنك القيام بذلك عن طريق التبرع؟ راعي

المساهمين

أود أن أعرب عن خالص امتناني لجميع الأشخاص الذين تعاونوا في تطوير هذا المشروع والتقدم. أنا أقدر مساهماتك.

✅ الترخيص

هذا المشروع تحت رخصة معهد ماساتشوستس للتكنولوجيا.