PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Nouveauté WINDEV 26 !
  • Présentation
  • Comment le faire ?
  • Remarques et astuces
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget iOSApple WatchCatalystUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Barre de titre personnalisée avec des menus et des champs
Présentation
Positionner le menu de l'application dans la barre de titre d'une fenêtre est à la mode !
En version 26, il devient possible de positionner tout type de champ dans la barre de titre d'une fenêtre.
Les interfaces sont plus modernes et simplifiées. Un exemple : le menu principal de l'application peut être présent dans la barre de titre.
Positionner des champs dans la barre de titre permet également de gagner de la place.
Le positionnement s'effectue sous l'éditeur en WYSIWYG.
Tous les types de champs peuvent être positionnés dans la barre de titre :
  • Menu,
  • Champ de saisie : recherche,...
  • Libellé : nom d'utilisateur connecté, ...
  • Image : avatar, coche de notification, nombre de messages...
  • Bouton : undo/redo, action fréquente...
  • Lien à cliquer
  • ...
Réaliser un menu "burger" dans la barre de titre devient très simple : il suffit de positionner un bouton au look "burger" dans la barre de titre. Ce bouton ouvrira par exemple une fenêtre Popup ou un menu contextuel.
Comment le faire ?
Pour autoriser l'utilisation d'une barre de titre personnalisée dans une fenêtre :
  1. Affichez la fenêtre de description de la fenêtre.
  2. Dans l'onglet "Style", cochez l'option "Personnaliser la barre de titre".
    Personnaliser la barre de titre
    Il est possible de :
    • Définir la hauteur de la barre de titre : la hauteur, donnée en pixels, permet d'augmenter simplement la taille de la barre de titre afin d'insérer facilement les champs voulus.
    • Personnaliser la position du menu principal : Par défaut, la position du menu principal (valeurs X et Y) correspond à l'emplacement naturel du menu dans la barre de titre. Il est possible de modifier les valeurs (hauteur de la barre de titre, position X et Y du menu) pour obtenir un rendu personnalisé.
    • Définir la couleur de fond de la fenêtre et la couleur du texte actif/inactif,
    • Définir la police utilisée.
  3. Validez la fenêtre de description.
  4. Sous l'éditeur de fenêtres, vous pouvez désormais positionner vos champs sur la barre de titre ou les faire "déborder" sur la barre de titre : ces champs seront affichés en exécution.
    • La programmation de ces champs sera également identique à celle des champs dans la partie cliente de la fenêtre.
    • Il est conseillé de privilégier des champs "globaux" à la fenêtre ou à l'application, ou encore de proposer des options utilisées fréquemment.
Remarque : Si votre fenêtre contient un menu principal et si vous avez personnalisé sa position, le menu principal apparaît à la position spécifiée.

Remarques et astuces

  • Il est possible de définir une couleur spécifique lorsque la fenêtre est inactive (c'est-à-dire qu'elle n'a pas le focus). Si deux couleurs de fond très différentes sont définies selon l'état actif/inactif de la fenêtre, il est important de vérifier que les libellés des champs ajoutés dans la barre de titre soient lisibles quelle que soit la couleur de fond appliquée.
  • Selon l'UI voulue, il est possible également de masquer l'icône et le menu système via l'option "Afficher l'icône et le menu système" dans l'onglet "Style" de la fenêtre de description de la fenêtre.
  • Si vous positionnez un ruban dans la barre de titre, et si l'icône système n'est pas affichée, pensez à repositionner si nécessaire le premier volet du ruban (à l'aide des poignées de redimensionnement).
  • Si vous avez personnalisé le menu, pour que le menu s'intègre graphiquement parfaitement à la barre de titre, l'astuce consiste à définir une couleur identique pour :
    • la couleur de fond de la barre de titre (actif),
    • la couleur de fond de l'option de la barre (repos).
  • ATTENTION : La personnalisation de la barre de titre n'est pas compatible avec le standard MDI. Il n'est pas possible de personnaliser la barre de titre d'une fenêtre "mère MDI" ou "filles MDI" car cette personnalisation ne permet pas de conserver toutes les propriétés nécessaires au respect des contraintes MDI.
Version minimum requise
  • Version 26
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire