PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Comment le faire ?
  • Ancrer un champ dans une fenêtre
  • Ancrer un champ dans un onglet
  • Ancrer une sélection de champs
  • Configurer l'ancrage par programmation
Produits
WINDEVWEBDEV - Code ServeurWEBDEV - Code NavigateurWINDEV MobileEtats et Requêtes
Plateformes
WindowsLinuxWindows MobileUniversal Windows 10 AppAndroidWidget AndroidiPhone/iPadApple Watch
Langages
JavaPHPAjaxCode Utilisateur (MCU)Langage Externe
Bases de données
HFSQLHFSQL Client/ServeurProcédures stockéesOLE DBODBCAccès Natifs
Présentation
Les fenêtres peuvent être redimensionnables à l'exécution d'une application WINDEV. 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 "IHM" 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. Si l'option "Affichage .. Options .. Voir les ancrages" est activée, les signes d'ancrage apparaissent automatiquement dans le champ (flèches rouges).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.
Configurer l'ancrage par programmation
Par programmation, il est possible de configurer l'ancrage des champs grâce à diverses propriétés WLangage :
Versions 09 et supérieures
Ancrage
Nouveauté 09
Ancrage
Ancrage
La propriété ..Ancrage permet de gérer l'ancrage d'un champ dans une fenêtre ou un état.
Versions 09 et supérieures
TauxAncrageBas
Nouveauté 09
TauxAncrageBas
TauxAncrageBas
La 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.
Versions 09 et supérieures
TauxAncrageDroite
Nouveauté 09
TauxAncrageDroite
TauxAncrageDroite
La 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.
Versions 09 et supérieures
TauxAncrageHauteur
Nouveauté 09
TauxAncrageHauteur
TauxAncrageHauteur
La 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.
Versions 09 et supérieures
TauxAncrageLargeur
Nouveauté 09
TauxAncrageLargeur
TauxAncrageLargeur
La 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