DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Fenêtre
  • 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 WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
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.
ATTENTION : Pour utiliser cette fonctionnalité :
  • le poste d'exécution de l'application doit utiliser Windows 8 au minimum. Si le poste d'exécution utilise une version inférieure, les champs placés dans une barre de titre ne seront pas affichés.
  • en TSE, le poste d'utilisation doit utiliser Windows Server 2016 au minimum.
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.
      Remarque : Cette hauteur peut également être modifiée par programmation grâce à la propriété HauteurTitre.
    • Afficher le titre : Si cette option est cochée, le titre de la fenêtre sera affichée dans la barre de titre personnalisée.
    • 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 pour les états actif/inactif,
    • Définir la couleur du texte et des icônes pour les états 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 la barre de titre est personnalisée, il est possible de ne pas afficher l'icône de fermeture de la fenêtre : dans ce cas, la fermeture de la fenêtre doit être gérée par exemple par le menu personnalisé (cas d'un menu personnalisé utilisant un champ Ruban).
  • 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

Dernière modification : 07/03/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale