|
|
|
|
|
- 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
Ancrage des champs dans une fenêtre
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.
Ancrer un champ dans une fenêtre Pour ancrer un champ dans une fenêtre : - Sélectionnez un ou plusieurs champs à ancrer.
- 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.
- 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 ancrage | Le champ n'est pas modifié lorsque la taille de la fenêtre est modifiée. Aucune option d'ancrage n'est sélectionnée. | | Largeur | Le 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. | | Droite | Le 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 largeur | Le champ reste centré en largeur dans la fenêtre quelle que soit la largeur de la fenêtre. | | Hauteur | Le 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 Hauteur | Le 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 Droite | Le 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 Verticale | Cette 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. | | Bas | Le 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 Bas | Le 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 Bas | Le 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 bas | Le 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 hauteur | Le champ reste centré en hauteur dans la fenêtre quelle que soit la hauteur de la fenêtre. | | Répartition Horizontale | Cette 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 à droite | Le 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. |
- Définissez si nécessaire les différents taux d'ancrage.
- 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 : - Sélectionnez un ou plusieurs champs à ancrer : Libellé, Champ de saisie, Zone répétée, Table, Interrupteur ou Sélecteur.
- 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.
- Dans la fenêtre d'ancrage, choisissez le type d'ancrage au contenu voulu :
- 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.
- 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.
- Validez.
Configurer l'ancrage par programmation Par programmation, il est possible de configurer l'ancrage des champs grâce à diverses propriétés WLangage :
| | Ancrage | La propriété Ancrage permet de gérer l'ancrage d'un champ dans une fenêtre, une page ou un état. | AncrageAuContenu | La propriété AncrageAuContenu permet de connaître et de modifier le mode d'adaptation du champ par rapport à son contenu. | 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.
| 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.
| 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.
| 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.
|
Documentation également disponible pour…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|