DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE
Aide / Développer une application ou un site / Champs, fenêtres et pages / Champs : Types disponibles / Champ Jauge
  • Présentation du Champ Jauge
  • Champ d'une fenêtre ou d'une page dynamique
  • Créer un champ Jauge
  • Créer un champ de type Jauge dans une fenêtre
  • Créer un champ de type Jauge dans une page
  • Créer un champ de type Jauge dans un état
  • Caractéristiques des champs Jauge
  • Caractéristiques des jauges dans une fenêtre : fenêtre à 7 onglets
  • Caractéristiques des jauges dans une page : fenêtre à 7 onglets
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 du Champ Jauge

Champ d'une fenêtre ou d'une page dynamique

Les différents types de jauges proposés sont :
  • Les jauges linéaires simples (horizontales ou verticales).
    WEBDEV - Code ServeurPHP Seules les jauges linéaires simples horizontales sont disponibles en WEBDEV.
  • Les jauges linéaires symétriques (horizontales ou verticales) : la jauge est séparée en deux parties (négative et positive) permettant d'afficher la progression.
    Exemples de jauges linéaires
    AndroidJava Ce type de jauge n'est pas disponible.
  • Les jauges circulaires à aiguilles : une aiguille se déplace pour indiquer la valeur de la jauge.
  • WINDEVWindowsUniversal Windows 10 AppAndroidiPhone/iPadWidget IOSMac Catalyst Les jauges circulaires "LCD" : une "barre LCD" se remplit pour indiquer la valeur de la jauge.
    Quelques jauges circulaires
Créer un champ Jauge
WINDEVUniversal Windows 10 AppAndroidiPhone/iPadWidget IOSMac CatalystJava

Créer un champ de type Jauge dans une fenêtre

Pour créer un champ de type Jauge :
  1. Sous le volet "Création", dans le groupe "Champs graphiques", déroulez l'option "Jauge" et sélectionnez une jauge linéaire ou circulaire.

    Remarque : l'option "Jauge infinie" permet de créer un champ de type Jauge infinie.
  2. Cliquez dans la fenêtre à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Remarques :
  • WINDEVAndroidiPhone/iPadWidget IOSMac Catalyst Un grand choix de jauges circulaires prédéfinies est livré en standard. Ces jauges sont directement accessibles dans le volet "Champs prédéfinis" de l'éditeur.
  • Java Seules les jauges linéaires simples sont disponibles.
WEBDEV - Code ServeurPHP

Créer un champ de type Jauge dans une page

Pour créer un champ de type Jauge :
  1. Sous le volet "Création", dans le groupe "Champs graphiques", déroulez l'option "Jauge".
  2. Cliquez dans la page à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Remarques :
  • Seules les jauges linéaires simples horizontales sont disponibles en WEBDEV.
  • Le champ Jauge ne peut être inclus dans un champ Zone répétée ou dans une colonne conteneur de table

Créer un champ de type Jauge dans un état

Pour créer un champ de type Jauge :
  1. Sous le volet "Création", dans le groupe "Visuel", déroulez l'option "Jauge".
  2. Cliquez sur le type de jauge voulu puis cliquez dans l'état à la position où le champ doit être créé.
  3. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Caractéristiques des champs Jauge
WINDEVUniversal Windows 10 AppAndroidiPhone/iPadWidget IOSMac CatalystJava

Caractéristiques des jauges dans une fenêtre : fenêtre à 7 onglets

L'onglet "Général" permet de configurer :
  • Le type de jauge : linéaire (horizontale ou verticale) ou circulaire (à aiguille ou LCD).
  • Les différentes valeurs de la jauge. Ces valeurs peuvent également être spécifiées par programmation. Pour plus de détails, consultez Manipuler une jauge par programmation.
L'onglet "Détail" permet de configurer :
  • Les différentes images affichées dans la jauge (pour les jauges linéaires)
    Il est possible d'utiliser le mode 9 images sur les images affichées dans les jauges.
  • Si la jauge est symétrique.
    AndroidJava Cette option n'est pas disponible.
  • Si la jauge utilise une image fixe.
  • Si le pourcentage de progression doit être affiché dans le champ Jauge. Il est possible d'indiquer si ce pourcentage doit être mis à blanc si la valeur affichée est zéro. Il est également possible de définir la position du pourcentage affiché. Cette position peut être modifiée par programmation grâce à la propriété CadrageHorizontal. La mise en forme de ce pourcentage peut être effectuée par programmation grâce à la propriété MasqueSaisie.
    AndroidJava Cette option n'est pas disponible.
L'onglet "Style" permet de configurer tous les paramètres de présentation de la jauge (y compris les images et leur position pour les jauges circulaires).
Remarque : Ces informations sont également disponibles pour les jauges affichées dans les champs Table.
WEBDEV - Code ServeurPHP

Caractéristiques des jauges dans une page : fenêtre à 7 onglets

L'onglet "Général" permet de configurer les différentes valeurs de la jauge. Ces valeurs peuvent également être spécifiées par programmation. Pour plus de détails, consultez Manipuler une jauge par programmation.
L'onglet "Détail" permet de configurer si le pourcentage de progression doit être affiché dans le champ Jauge (option "Afficher le pourcentage de progression").
Il est possible d'indiquer si ce pourcentage doit être mis à blanc si la valeur affichée est zéro (option "Ne pas afficher le pourcentage s'il vaut 0%").
La position du pourcentage affiché peut être modifiée par programmation grâce à la propriété CadrageHorizontal. La mise en forme de ce pourcentage peut être effectuée par programmation grâce à la propriété MasqueSaisie.
L'onglet "Style" permet de configurer tous les paramètres de présentation de la jauge. Il est possible par exemple de configurer le style CSS de la barre de progression pour afficher une image de progression.
Liste des exemples associés :
Le champ Jauge Exemples unitaires (WINDEV) : Le champ Jauge
[ + ] Utilisation d'un champ Jauge.
WD Transfert de fichiers par FTP Exemples complets (WINDEV) : WD Transfert de fichiers par FTP
[ + ] WD Transfert de fichiers par FTP

Cet exemple est un client FTP complet vous permettant de mémoriser plusieurs serveurs FTP. Vous pouvez alors effectuer des transferts multi-fichiers du poste local vers le serveur ou du serveur FTP vers le poste local. On utilise pour cela les fonctions standards du WLangage (FTPConnecte, etc...)
Le champ Table / Table hiérarchique (colonnes de type Jauge) Exemples unitaires (WINDEV) : Le champ Table / Table hiérarchique (colonnes de type Jauge)
[ + ] Utilisation d'une colonne de type jauge ainsi que de la propriété ..TexteJauge dans un champ Table ou Table hiérarchique
Le champ Jauge Ajax Exemples unitaires (WEBDEV) : Le champ Jauge Ajax
[ + ] Utilisation du champ "Jauge Ajax" de WEBDEV.
Ce champ permet d'afficher une jauge d'avancement d'un traitement serveur.
WM Système Exemples multiplateforme (WINDEV Mobile) : WM Système
[ + ] Cette application est un exemple didactique montrant quelques unes des fonctionnalités de WINDEV Mobile pour Android/iOS.
Les fonctions système utilisées sont :
- NFC
- Champ Multimédia
- Luminosité
- Volume
- WIFI
- Bluetooth
- Toast
- Boussole
- Accéléromètre
- Champ caméra
- LED
- Vibrations
- Notifications
- Fonctions de dessin
- Internet
Fenêtre de progression Exemples unitaires (WINDEV) : Fenêtre de progression
[ + ] Réalisation d'une fenêtre de progression. Cet exemple permet de :
- Manipuler une jauge par programmation
- Accéder à une fenêtre fille
Voir Aussi
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 23/08/2024

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