https://www.electronjs.org/fr/docs/latest/tutorial/window-customization • 42 KB fetched Open original page
Personnalisation des fenêtres | Electron
Aller au contenu principal
Electron Documentation API Blog Outils
* Electron Forge
* Fiddle Electron
Communauté
* Gouvernance
* Galerie d'applications existantes
* Ressources
Versions Français
* English
* Deutsch
* Español
* Français
* 日本語
* Português
* Русский
* 中文
Rechercher
* Pour commencer
* Processus d'Electron
* Bonnes pratiques
* Exemples
* Mode Sombre
* Accès aux périphériques
* Achats intégrés
*
* Raccourcis clavier
* Liens profonds
* Actions du lanceur d'applications sur le bureau
*
* Menus
* Multithreading
* Drag & Drop de Fichier natif
* Historique de navigation
* Notifications
* Rendu hors de l'écran
* Détection des événements en ligne/hors ligne
* Barres de progression
* Documents récents
*
*
* Représentation des fichiers dans une BrowserWindow
*
* Vérificateur d'orthographe
* Intégrations Web
* Personnalisation de la barre des tâches
*
* Personnalisation des fenêtres
* Custom Title Bar
* Custom Window Interactions
* Styles de fenêtre personnalisés
* Développement
* Native Node Modules
* Distribution
* Test et débogage
* Références
* Contribuer
*
* Exemples
* Personnalisation des fenêtres Personnalisation des fenêtres
Le module BrowserWindow est la base de votre application Electron, et expose de nombreuses API utilisables pour modifier l’apparence et le comportement des fenêtres de votre navigateur. Cette section couvre comment implémenter différents cas d'utilisation pour la personnalisation des fenêtres sur macOS, Windows et Linux.
note
BrowserWindow est une sous-classe du module BaseWindow . Les deux modules permettent la créatiçon et la gestion des fenêtres d'applications dans Electron, leur principale différence étant que BrowserWindow supporte un seul affichage web en taille réelle alors que BaseWindow prend en charge la composition de nombreuses vues web. BaseWindow peut être utilisé de manière interchangeable avec BrowserWindow dans les exemples de cette section.
📄️ Custom Title Bar
Application windows have a default chrome applied by the OS. Not to be confused with the Google Chrome browser, window _chrome_ refers to the parts of the window (e.g. title bar, toolbars, controls) that are not a part of the main web content. While the default title bar provided by the OS chrome is sufficient for simple use cases, many applications opt to remove it. Implementing a custom title bar can help your application feel more modern and consistent across platforms.
📄️ Custom Window Interactions
By default, windows are dragged using the title bar provided by the OS chrome. Apps that remove the default title bar need to use the app-region CSS property to define specific areas that can be used to drag the window. Setting app-region: drag marks a rectangular area as draggable.
📄️ Styles de fenêtre personnalisés
!Fenêtre sans cadre
Modifier cette page
Précédent
Personnalisation de la barre des tâches
Suivant
Custom Title Bar
Documentation
* Démarrer
* Référence des APIs
Listes de vérifications
* Performance
* Sécurité
Outils
* Electron Forge
* Fiddle Electron
Communauté
* Gouvernance
* Ressources
* Discord
* Bluesky
* X
* Mastodon
* Stack Overflow
En plus
* GitHub
* Open Collective
* Tableau de bord de l'infrastructure
Copyright Fondation OpenJS et contributeurs Electron. Tous droits réservés. La Fondation OpenJS a déposé des marques commercials et utilise des marques déposées. Pour une liste de marques commerciales de la Fondation OpenJS , merci de consulter notre Politique de Marque Comemrciale et Liste de Marques Commerciales . Les marques commerciales et logos qui ne sont pas indiquées sur la liste des marques commerciales de la Fondation OpenJS sont les marques commerciales™ ou marques déposées® de leurs détenteurs respectifs. Leur utilisation n'implique pas la moindre affiliation ou approbation de leur part. La Fondation OpenJS | Conditions Générales d'Utilisation | Politique de Confidentialité | Règlement intérieur | Code de Conduite | Politique de Marques Commerciales | Liste des Marques Commerciales | Politique de Cookies
Hosting and infrastructure graciously provided by