Logo Khaganat

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
fr:mmorpg:client:iris:gestion_theme [29 July 2026 à 13:04:52] – créée YannKfr:mmorpg:client:iris:gestion_theme [30 July 2026 à 17:10:19] (Version actuelle) – [La gestion du thème du client] Francois A.
Ligne 1: Ligne 1:
 ====== La gestion du thème du client ====== ====== La gestion du thème du client ======
  
-Le système de préférences géré par le Global Settings (''%%res://autoloads/settings.gd%%'') intègre la gestion du thème qui définit les différents éléments d’affichage.+Le système de préférences géré par le Global Settings (''%%res://autoloads/settings.gd%%'') intègre la gestion du thème qui définit les différents éléments d’affichage
 + 
 +Les paramètres sont définis par le script ''%%res:data_definition/settings_preset.gd%%'' et les paramètres par défaut sont stockés dans ''%%res:data/settings/settings_default.tres%%''.
  
 ===== Les icônes du thème ===== ===== Les icônes du thème =====
Ligne 24: Ligne 26:
 pour obtenir la flêche indiquant vers la gauche. pour obtenir la flêche indiquant vers la gauche.
  
-===== Les couleurs de thème pour les Controls =====+===== Les polices de caractère =====
  
-Les différentes //Theme Properties// des éléments ne sont pas toujours simples à visualiser/comprendre. Donc quelques notes pour aider à faire la grille de correspondance entre les Settings et le thème Godot en arrière-plan (réalisé dans `autoloads/settings.gdavec la méthode `apply_theme_settings()depuis le dictionnaire qu’elle contient `color_attribution_list`+La police par défaut est [[https://notofonts.github.io/noto-docs/specimen/NotoSans/|NotoSans]], pour permettre l’affichage aisée d’un maximum de langues. Seuls les éléments de Display sont en police khaganat.ttf (en cours de développement par Yann). 
 + 
 +Comme il s’agit d’une police variable, pour diférencier l’engraissement et la largeur des diférentes polices dérivées (enregistrées en .tres dans ''%%res://data/gui/fonts%%''), voici les correspondances utilisées dans les variations définies pour NotoSans: 
 +  * normal: weight=400 width=100 (format de base) 
 +  * light: width=300 
 +  * medium: weight=500 
 +  * semibold: weight=550 
 +  * bold: weight=600 
 +  * condensed: width=70 
 +  * semi condensed: width=85 
 + 
 +===== Les Theme Properties pour les Controls ===== 
 + 
 +Les différentes //Theme Properties// des éléments ne sont pas toujours simples à visualiser/comprendre. Donc quelques notes pour aider à faire la grille de correspondance entre les Settings et le thème Godot en arrière-plan (réalisé dans ''%%res:autoloads/settings.gd%%'' avec la méthode //apply_theme_settings()// depuis le dictionnaire qu’elle contient //color_attribution_list//.
  
 ==== PanelContainer - Theme Properties ==== ==== PanelContainer - Theme Properties ====
Ligne 53: Ligne 68:
 === Font === === Font ===
   * font : Font   * font : Font
-    * Police pour le texte du bouton.+    * Police pour le texte du Button.
  
 === Font Size === === Font Size ===
   * font_size : int   * font_size : int
-    * Taille de la police pour le texte du bouton.+    * Taille de la police pour le texte du Button.
  
 === Color (texte) === === Color (texte) ===
   * font_color : Color   * font_color : Color
-    * Couleur du texte en état normal.+    * Couleur du texte du Button en état normal.
   * font_hover_color : Color   * font_hover_color : Color
-    * Couleur du texte lorsque le bouton est survolé.+    * Couleur du texte lorsque le Button est survolé.
   * font_pressed_color : Color   * font_pressed_color : Color
-    * Couleur du texte lorsque le bouton est pressé.+    * Couleur du texte lorsque le Button est pressé.
   * font_disabled_color : Color   * font_disabled_color : Color
-    * Couleur du texte lorsque le bouton est désactivé.+    * Couleur du texte lorsque le Button est désactivé.
   * font_focus_color : Color   * font_focus_color : Color
-    * Couleur du texte lorsque le bouton a le focussans survol/pression.+    * Couleur du texte lorsque le Button a le focus sans survol/pression.
   * font_hover_pressed_color : Color   * font_hover_pressed_color : Color
-    * Couleur du texte lorsque le bouton est à la fois survolé et pressé.+    * Couleur du texte lorsque le Button est à la fois survolé et pressé.
   * font_outline_color : Color   * font_outline_color : Color
-    * Couleur du contour (outline) du texte si la police affiche un outline.+    * Couleur du contour (outline) du texte du Button si la police affiche un outline.
  
 === Color (icône) === === Color (icône) ===
   * icon_normal_color : Color   * icon_normal_color : Color
-    * Couleur de modulation de l’icône en état normal.+    * Couleur de modulation de l’icône du Button en état normal.
   * icon_hover_color : Color   * icon_hover_color : Color
-    * Couleur de modulation de l’icône lorsque le bouton est survolé.+    * Couleur de modulation de l’icônedu Button lorsqu’il est survolé.
   * icon_pressed_color : Color   * icon_pressed_color : Color
-    * Couleur de modulation de l’icône lorsque le bouton est pressé.+    * Couleur de modulation de l’icône du Button lorsqu’il est pressé.
   * icon_disabled_color : Color   * icon_disabled_color : Color
-    * Couleur de modulation de l’icône lorsque le bouton est désactivé.+    * Couleur de modulation de l’icône du Button lorsqu’il est désactivé.
   * icon_hover_pressed_color : Color   * icon_hover_pressed_color : Color
-    * Couleur de modulation de l’icône lorsque le bouton est à la fois survolé et pressé.+    * Couleur de modulation de l’icône du Button lorsqu’il est à la fois survolé et pressé.
  
 === Icon === === Icon ===
   * icon : Texture2D   * icon : Texture2D
-    * Icône affichée à côté du texte dans le bouton.+    * Icône affichée à côté du texte dans le Button.
  
 === Constants === === Constants ===
   * hseparation : int   * hseparation : int
-    * Espace horizontal entre l’icône et le texte du bouton.+    * Espace horizontal entre l’icône et le texte du Buton.
   * outline_size : int   * outline_size : int
     * Épaisseur de l’outline du texte (si utilisé).     * Épaisseur de l’outline du texte (si utilisé).
   * expand_icon : bool / int (selon version)   * expand_icon : bool / int (selon version)
-    * Contrôle la façon dont l’icône est étendue dans le bouton.+    * Contrôle la façon dont l’icône est étendue dans le Button.
  
 +===== Label - Theme Properties =====
  
 +=== Font ===
 +  * font : Font
 +    * Police utilisée pour le texte du Label.
 +
 +=== Font Size ===
 +  * font_size : int
 +    * Taille de la police pour le texte du Label.
 +
 +=== Color ===
 +  * font_color : Color
 +    * Couleur du texte du Label en état normal.
 +  * font_shadow_color : Color
 +    * Couleur de l’ombre du texte (shadow) si utilisée.
 +
 +=== Constants ===
 +  * shadow_offset_x : int
 +    * Décalage horizontal de l’ombre du texte.
 +  * shadow_offset_y : int
 +    * Décalage vertical de l’ombre du texte.
 +  * outline_size : int
 +    * Épaisseur de l’outline du texte (si utilisé).
  
-{{tag>godot client khanat mmorpg}}+{{tag>godot client khanat mmorpg interface}}
CC Attribution-Share Alike 4.0 International Driven by DokuWiki
fr/mmorpg/client/iris/gestion_theme.1785330292.txt.gz · Dernière modification : de YannK

Licences Mentions légales Accueil du site Contact Inclusion