DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Editeurs / Editeur de fenêtres et de pages / Editeur de fenêtres
  • Présentation
  • Comment le faire ?
  • Ancrer un champ dans une fenêtre
  • Ancrer un champ dans un onglet
  • Ancrer une sélection de champs
  • Ancrage au contenu
  • Configurer l'ancrage par programmation
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
Les fenêtres peuvent être redimensionnables à l'exécution d'une application WINDEV. Dans une application mobile (Android ou iOS), les fenêtres peuvent s'afficher sur des appareils ayant des tailles d'écrans différentes (téléphones, tablettes, ...). Grâce au mécanisme d'ancrage, la taille et la position des champs s'adaptent automatiquement lors d'un redimensionnement de la fenêtre.
La gestion de l'ancrage d'un champ est constituée de deux paramètres :
  • L'ancrage du champ : ce paramètre permet de définir la modification à appliquer au champ en fonction du changement de la taille de la fenêtre. Le champ peut se déplacer vers la gauche et ou vers le bas, s'agrandir en largeur et/ou en hauteur, etc.
  • Le taux d'ancrage : ce paramètre permet de gérer le pourcentage de déplacement ou d'étirement du champ. Grâce à ce paramètre, il est possible par exemple de :
    • laisser un champ centré en largeur dans la fenêtre quel que soit sa taille,
    • agrandir proportionnellement certains champs de la fenêtre.
Ces paramètres peuvent être configurés :
  • Sous l'éditeur de fenêtres.
  • Par programmation grâce aux propriétés WLangage.
Comment le faire ?

Ancrer un champ dans une fenêtre

Pour ancrer un champ dans une fenêtre :
  1. Sélectionnez un ou plusieurs champs à ancrer.
  2. Définissez l'ancrage du ou des champs :
    • soit dans l'onglet "UI" de la fenêtre de description du champ (option "Description" du menu contextuel du champ),
    • soit grâce à l'option "Ancrage" du menu contextuel du champ.
  3. Dans cette fenêtre, choisissez le type d'ancrage à utiliser. Les options les plus courantes sont présentées sous forme d'icônes :
    Aucun ancrageLe champ n'est pas modifié lorsque la taille de la fenêtre est modifiée. Aucune option d'ancrage n'est sélectionnée.
    LargeurLe champ s'étire vers la droite lorsque la fenêtre s'agrandit. Pour faire varier la vitesse d'étirement du champ par rapport à la fenêtre, utilisez le taux d'ancrage en largeur.
    DroiteLe champ se déplace vers la droite lorsque la fenêtre s'agrandit. Pour que le champ se déplace plus ou moins vite, utilisez le taux d'ancrage à droite.
    Centré en largeurLe champ reste centré en largeur dans la fenêtre quelle que soit la largeur de la fenêtre.
    HauteurLe champ s'étire vers le bas lorsque la hauteur de la fenêtre s'agrandit. Pour faire varier la vitesse d'étirement du champ par rapport à la fenêtre, utilisez le taux d'ancrage en hauteur
    Largeur et HauteurLe champ s'étire vers la droite et vers le bas lorsque la fenêtre s'agrandit. Pour faire varier la vitesse d'étirement du champ par rapport à la fenêtre, utilisez le taux d'ancrage en hauteur et le taux d'ancrage en largeur.
    Hauteur et DroiteLe champ s'étire vers le bas et se déplace vers la droite lorsque la fenêtre s'agrandit.
    Pour que le champ se déplace plus ou moins vite, utilisez le taux d'ancrage à droite.
    Pour faire varier la vitesse d'étirement du champ par rapport à la fenêtre, utilisez le taux d'ancrage en hauteur.
    Répartition VerticaleCette option n'est disponible que lorsque plusieurs champs sont sélectionnés. Les options d'ancrage permettent alors de conserver une répartition verticale des champs sélectionnés lorsque la fenêtre s'agrandit en hauteur.
    BasLe champ se déplace vers le bas lorsque la fenêtre est agrandie vers le bas. Pour que le champ se déplace plus ou moins vite, utilisez le taux d'ancrage en bas.
    Largeur et BasLe champ s'étire vers la droite et se déplace vers le bas lorsque la fenêtre s'agrandit.
    Pour que le champ se déplace plus ou moins vite, utilisez le taux d'ancrage en bas.
    Pour faire varier la vitesse d'étirement du champ par rapport à la fenêtre, utilisez le taux d'ancrage en largeur.
    Droite et BasLe champ se déplace vers la droite et vers le bas lorsque la fenêtre s'agrandit. Pour que le champ se déplace plus ou moins vite, utilisez le taux d'ancrage en bas et le taux d'ancrage à droite.
    Centré horizontal en basLe champ reste centré en largeur dans la fenêtre quelle que soit la largeur de la fenêtre. Cependant, le champ est ancré en bas, et se déplace vers le bas lorsque la fenêtre s'agrandit.
    Pour que le champ se déplace plus ou moins vite, utilisez le taux d'ancrage en bas.
    Centré en hauteurLe champ reste centré en hauteur dans la fenêtre quelle que soit la hauteur de la fenêtre.
    Répartition HorizontaleCette option n'est disponible que lorsque plusieurs champs sont sélectionnés. Les options d'ancrage permettent alors de conserver une répartition horizontale des champs sélectionnés lorsque la fenêtre s'élargit.
    Centré vertical à droiteLe champ reste centré en hauteur dans la fenêtre quelle que soit la hauteur de la fenêtre. Cependant, le champ est ancré à droite, et se déplace vers la droite lorsque la fenêtre est élargie.
    Pour que le champ se déplace plus ou moins vite, utilisez le taux d'ancrage à droite.
    CentréLe champ reste centré en hauteur et en largeur dans la fenêtre quelle que soit la taille de la fenêtre.
  4. Définissez si nécessaire les différents taux d'ancrage.
  5. Validez.
Pour afficher les signes d'ancrage dans le champ (flèches rouges), sous le volet "Affichage", dans le groupe "Voir (tous les champs)", cochez l'option "Ancrages".

Ancrer un champ dans un onglet

L'ancrage d'un champ affiché dans un onglet est réalisé par rapport à l'onglet et non par rapport à la fenêtre.

Ancrer une sélection de champs

Pour ancrer une sélection de champs, utilisez l'option "Ancrage" du menu contextuel (clic droit) de la sélection.

Ancrage au contenu

Pour certains types de champs, un ancrage supplémentaire est disponible : l'ancrage au contenu.
L'ancrage au contenu, disponible en hauteur ou en largeur, permet d'adapter la taille du champ en fonction de son contenu. Ainsi, la hauteur d'un champ de saisie multiligne adapté au contenu en hauteur pourra s'agrandir si le contenu du champ change et contient plus de lignes. Ce type d'ancrage est notamment nécessaire pour les champs présents dans un champ Disposition.
L'ancrage au contenu est disponible pour les champs suivants : Libellé, Champ de saisie, Zone répétée, Interrupteur ou Sélecteur.
Pour ancrer un champ au contenu :
  1. Sélectionnez un ou plusieurs champs à ancrer : Libellé, Champ de saisie, Zone répétée, Table, Interrupteur ou Sélecteur.
  2. Définissez l'ancrage du ou des champs :
    • soit dans l'onglet "UI" de la fenêtre de description du champ (option "Description" du menu contextuel du champ),
    • soit grâce à l'option "Ancrage" du menu contextuel du champ.
  3. Dans la fenêtre d'ancrage, choisissez le type d'ancrage au contenu voulu :
  4. Si l'ancrage au contenu est défini en hauteur :
    • Le ou les champs s'agrandiront en hauteur selon leur contenu.
    • Vous devez spécifier l'ancrage en largeur du champ :
      • Aucun. Dans ce cas, le champ s'étire uniquement vers le bas selon son contenu.
      • Le champ s'étire vers la droite. Dans ce cas, le champ s'étire vers le bas selon son contenu et vers la droite.
      • Droite : Dans ce cas, le champ s'étire vers le bas selon son contenu et se déplace vers la droite.
  5. Si l'ancrage au contenu est défini en largeur :
    • Le ou les champs s'agrandiront en largeur selon leur contenu.
    • Vous devez spécifier l'ancrage en hauteur du champ :
      • Aucun. Dans ce cas, le champ s'étire uniquement vers la droite selon son contenu.
      • Le champ s'étire vers le bas. Dans ce cas, le champ s'étire vers la droite selon son contenu et vers le bas.
      • Bas : Dans ce cas, le champ s'étire vers la droite selon son contenu et se déplace vers le bas.
  6. Validez.
Configurer l'ancrage par programmation
Par programmation, il est possible de configurer l'ancrage des champs grâce à diverses propriétés WLangage :
AncrageLa propriété Ancrage permet de gérer l'ancrage d'un champ dans une fenêtre, une page ou un état.
AncrageAuContenuLa propriété AncrageAuContenu permet de connaître et de modifier le mode d'adaptation du champ par rapport à son contenu.
TauxAncrageBasLa propriété TauxAncrageBas permet de :
  • Connaître le taux d'ancrage en déplacement d'un champ sur l'axe vertical.
  • Modifier le taux d'ancrage en déplacement d'un champ sur l'axe vertical.
TauxAncrageDroiteLa propriété TauxAncrageDroite permet de :
  • Connaître le taux d'ancrage en déplacement d'un champ sur l'axe horizontal.
  • Modifier le taux d'ancrage en déplacement d'un champ sur l'axe horizontal.
TauxAncrageHauteurLa propriété TauxAncrageHauteur permet de :
  • Connaître le taux d'ancrage en hauteur d'un champ.
  • Modifier le taux d'ancrage en hauteur d'un champ.
TauxAncrageLargeurLa propriété TauxAncrageLargeur permet de :
  • Connaître le taux d'ancrage en agrandissement d'un champ (ou d'une colonne de table) sur l'axe horizontal.
  • Modifier le taux d'ancrage en agrandissement d'un champ (ou d'une colonne de table) sur l'axe horizontal.
Version minimum requise
  • Version 10
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 25/10/2023

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