Élément de visualisation : Sélecteur de date
Symbole:

Catégorie: Contrôles date/heure
L'élément est un calendrier qui affiche la date actuelle. Un utilisateur peut cliquer sur un jour pour sélectionner une date, qui est enregistrée dans une variable. De plus, il peut personnaliser l'intervalle de temps affiché par le calendrier. Cliquer sur l'en-tête du calendrier change l'année. Cliquer sur les flèches dans l'en-tête du calendrier change le mois.
Textes de l'élément dépendant de la langue
L'élément contient des textes dépendant de la langue qui sont gérés dans le System
liste de texte. Il s'agit des noms des mois et des jours de la semaine écrits en entier ou abrégés. Lorsque le sélecteur de date est ajouté à une visualisation, la liste de texte est automatiquement générée sous la vue POU. Les identifiants correspondent au texte standard et donc aux termes anglais. La liste de textes permet de traduire ces textes.
System
liste de texte
identifiant | Défaut |
---|---|
|
|
|
|
Propriétés des éléments
Toutes les propriétés des éléments sont-elles disponibles ?
Toutes les propriétés ne sont disponibles qu'après avoir sélectionné le Avancé option ou la Toutes les catégories filtrer dans Propriétés.
Nom de l'élément | Exemple: AstuceAttribuez des noms individuels aux éléments afin qu'ils soient trouvés plus rapidement dans la liste des éléments. |
Type d'élément | Sélecteur de date |
Position
La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Elle est basée sur le système de coordonnées cartésiennes. L'origine se situe dans le coin supérieur gauche de la fenêtre. L'axe horizontal positif des X est orienté vers la droite. L'axe vertical positif des Y est orienté vers le bas.
X | La coordonnée X (en pixels) du coin supérieur gauche de l'élément Exemple: |
Y | La coordonnée Y (en pixels) du coin supérieur gauche de l'élément Exemple: |
Largeur | Spécifié en pixels Exemple: |
Hauteur | Spécifié en pixels Exemple: |
Astuce
Vous pouvez modifier les valeurs en faisant glisser la module symboles vers d'autres positions dans l'éditeur.
Variable
Variable | Variable d'entrée ( Exemple: |
Concevoir |
|
Paramètres de conception
Prérequis : Cette propriété est visible uniquement lorsque le Concevoir la propriété est définie sur Explicite. Ce paramètre vous permet de créer une conception fixe personnalisée.
Astuce
Si une conception a été définie globalement dans le style, les paramètres de conception sont automatiquement affectés à ces valeurs de style.
Vous pouvez modifier ces valeurs explicitement et sélectionner d'autres valeurs dans la liste de sélection de style () ou en utilisant le sélecteur de couleurs (
) afin que votre élément s'affiche dans un thème personnalisé.
Propriétés | La description | ||
---|---|---|---|
En-tête de sélection de date | Conception de l'en-tête | ||
Police de caractère | |||
Couleur de la police | Exemple: Couleur de la police de l'en-tête de sélection de date | ||
Flèches | |||
Couleur du pointeur | Exemple: Couleur du pointeur de sélection de date | ||
Couleur de la flèche imprimée | Exemple: Couleur du pointeur de sélection de la date enfoncée | ||
Contexte | |||
Dessiner l'arrière-plan | Du style: Affichage du fond tel que défini globalement dans le style Oui: L'arrière-plan est rempli avec la couleur du Couleur de remplissage biens. Non: L'arrière-plan n'est pas rempli de couleur. | ||
Couleur de remplissage | Exigence : utilisé si vous avez sélectionné Oui dans Dessiner l'arrière-plan. Exemple: Couleur d'arrière-plan de l'en-tête de sélection de date |
Zone d'affichage principale | Conception de la zone d'affichage principale | ||
Aujourd'hui | Conception d'aujourd'hui | ||
Police de caractère | |||
Couleur de la police | Exemple: Sélection de la date Couleur de la police du jour actuel | ||
Dessiner l'arrière-plan | Du style: Affichage du fond tel que défini globalement dans le style Oui: L'arrière-plan est rempli avec la couleur du Couleur de l'arrière plan biens. Non: L'arrière-plan n'est pas rempli de couleur. | ||
Couleur de l'arrière plan | Exigence : utilisé si vous avez sélectionné Oui dans Dessiner l'arrière-plan. Exemple : Sélection de la date Couleur de fond du mois en cours | ||
Afficher le cadre | Du style: Le cadre est défini globalement dans le style. Oui: Le cadre sera affiché avec les propriétés suivantes (couleur du cadre, type rectangle, largeur de ligne). Non: Un cadre n'est pas affiché. | ||
Couleur du cadre Type rectangulaire Largeur de ligne | Exigence : Utilisé lorsque Oui est sélectionné dans Afficher le cadre. Exemple: gris Exemple: Rectangle arrondi Exemple 1 |
Jour sélectionné | Design du jour sélectionné | ||
Police de caractère | |||
Couleur de la police | Exemple: gris | ||
Dessiner l'arrière-plan | Du style: Affichage du fond tel que défini globalement dans le style Oui: L'arrière-plan est rempli avec la couleur du Couleur de l'arrière plan biens. Non: L'arrière-plan n'est pas rempli de couleur. | ||
Couleur de l'arrière plan | Exigence : utilisé si vous avez sélectionné Oui dans Dessiner l'arrière-plan. | ||
Afficher le cadre | Du style: Le cadre est défini globalement dans le style. Oui: Le cadre sera affiché avec les propriétés suivantes (couleur du cadre, type rectangle, largeur de ligne). Non: Un cadre n'est pas affiché. | ||
Couleur du cadre Type rectangulaire Largeur de ligne | Exigence : Utilisé lorsque Oui est sélectionné dans Afficher le cadre. |
Mois en cours | Design du mois sélectionné | ||
Police de caractère | |||
Couleur de la police | Exemple: gris | ||
Dessiner l'arrière-plan | Du style: Affichage du fond tel que défini globalement dans le style Oui: L'arrière-plan est rempli avec la couleur du Couleur de l'arrière plan biens. Non: L'arrière-plan n'est pas rempli de couleur. | ||
Couleur de l'arrière plan | Exigence : utilisé si vous avez sélectionné Oui dans Dessiner l'arrière-plan. | ||
Afficher le cadre | Du style: Le cadre est défini globalement dans le style. Oui: Le cadre sera affiché avec les propriétés suivantes (couleur du cadre, type rectangle, largeur de ligne). Non: Un cadre n'est pas affiché. | ||
Couleur du cadre Type rectangulaire Largeur de ligne | Exigence : Utilisé lorsque Oui est sélectionné dans Afficher le cadre. |
Autre mois | Conception des mois précédents et suivants | ||
Police de caractère | |||
Couleur de la police | Exemple: gris | ||
Afficher un autre mois | Du style: Les mois précédents et suivants sont affichés tels que définis dans le style. Oui: Les propriétés suivantes sont appliquées à l'affichage. Non: Pas d'affichage | ||
Dessiner l'arrière-plan | Du style: Affichage du fond tel que défini globalement dans le style Oui: L'arrière-plan est rempli avec la couleur du Couleur de l'arrière plan biens. Non: L'arrière-plan n'est pas rempli de couleur. | ||
Couleur de l'arrière plan | Exigence : utilisé si vous avez sélectionné Oui dans Dessiner l'arrière-plan. | ||
Afficher le cadre | Du style: Le cadre est défini globalement dans le style. Oui: Le cadre sera affiché avec les propriétés suivantes (couleur du cadre, type rectangle, largeur de ligne). Non: Un cadre n'est pas affiché. | ||
Couleur du cadre Type rectangulaire Largeur de ligne | Exigence : Utilisé lorsque Oui est sélectionné dans Afficher le cadre. |
En-tête du jour de la semaine | Conception de la rubrique avec les jours de la semaine | ||
Police de caractère | |||
Couleur de la police | Exemple: gris | ||
Dessiner l'arrière-plan | Du style: Affichage du fond tel que défini globalement dans le style Oui: L'arrière-plan est rempli avec la couleur du Couleur de l'arrière plan biens. Non: L'arrière-plan n'est pas rempli de couleur. | ||
Couleur de l'arrière plan | Exigence : utilisé si vous avez sélectionné Oui dans Dessiner l'arrière-plan. | ||
Afficher le cadre | Du style: Le cadre est défini globalement dans le style. Oui: Le cadre sera affiché avec les propriétés suivantes (couleur du cadre, type rectangle, largeur de ligne). Non: Un cadre n'est pas affiché. | ||
Couleur du cadre Type rectangulaire Largeur de ligne | Exigence : Utilisé lorsque Oui est sélectionné dans Afficher le cadre. | ||
Afficher la ligne de séparation | Du style: La ligne de séparation est définie globalement dans le style. Oui: Affichage avec les propriétés suivantes. Non: Une ligne de séparation n'est pas affichée. | ||
Couleur de la ligne de séparation Largeur de la ligne de séparation | Utilisé quand Oui est sélectionné dans Afficher la ligne de séparation. |
Contexte | Conception des jours calendaires | ||
Dessiner l'arrière-plan | Du style: Affichage du fond tel que défini globalement dans le style Oui: L'arrière-plan est rempli avec la couleur du Couleur de remplissage propriété et encadrée dans le Couleur du cadre. Non: L'arrière-plan n'est pas rempli de couleur. | ||
Couleur de remplissage | |||
Couleur du cadre | Exemple: gris |
Type d'affichage
Lignes | Nombre de calendriers mensuels par ligne (préréglé : |
Colonnes | Nombre de calendriers mensuels par colonne (préréglé : |
Variables d'état
Les variables contrôlent dynamiquement le comportement de l'élément.
Invisible | variables (
Exemple: |
Désactiver les entrées | variables (
|
Astuce
le Invisible La propriété est prise en charge par la fonctionnalité "Animation client".
Centre
Les propriétés contiennent des valeurs fixes pour les coordonnées du point de rotation. Le point de rotation est affiché dans l'éditeur sous la forme AstuceVous pouvez également modifier les valeurs en faisant glisser le | |
X | Coordonnée X du point de rotation |
Y | Coordonnée Y du point de rotation |
Mouvement absolu
Les propriétés peuvent être affectées à des variables IEC pour contrôler dynamiquement la position de l'élément. Le point de référence est le coin supérieur gauche de l'élément. À l'exécution, l'élément entier est déplacé.
Mouvement | ||
X |
L'augmentation de cette valeur lors de l'exécution déplace l'élément vers la droite. | |
Y |
L'augmentation de cette valeur lors de l'exécution déplace l'élément vers le bas. | |
Rotation | Variable (type de données numériques) pour l'angle de rotation (en degrés) Exemple: Le point médian de l'élément tourne à la Centre point. Ce point de rotation est représenté par le À l'exécution, l'alignement de l'élément reste identique par rapport au système de coordonnées de la visualisation. Augmenter la valeur fait pivoter l'élément vers la droite. | ![]() |
Rotation intérieure | Variable (type de données numériques) pour l'angle de rotation (en degrés) Exemple: Lors de l'exécution, l'élément tourne autour du point de rotation spécifié dans Centre Selon la valeur de la variable. De plus, l'alignement de l'élément pivote selon le système de coordonnées de la visualisation. Augmenter la valeur dans le code entraîne une rotation dans le sens horaire. Le point de rotation est représenté par le NoteSi un angle de rotation statique est spécifié dans le propriété, puis l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lorsque la visualisation est exécutée. | ![]() |
Astuce
Vous pouvez combiner les variables en un Conversion d'unités.
Astuce
Le X, Oui, Rotation, et Rotation intérieure les propriétés sont prises en charge par la fonctionnalité « Animation client ».
Animation
Astuce
Ces propriétés ne sont disponibles que lorsque vous avez sélectionné l'option Prise en charge des animations client et de la superposition d'éléments natifs option dans le Gestionnaire de visualisation.
Durée de l'animation | Variable pour la durée (en millisecondes) pendant laquelle l'élément exécute une animation
. Propriétés animables
Le mouvement animé est exécuté lorsqu'au moins une valeur d'une propriété animable a changé. Le mouvement n'est alors pas saccadé, mais fluide pendant la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en effectuant une rotation dynamique. Les transitions sont fluides. |
Passer au premier plan | Variable (
Exemple: |
Configuration d'entrée
Les propriétés contiennent les configurations pour l'entrée de l'utilisateur lors de l'utilisation de la souris ou du clavier. Une entrée utilisateur définit un événement et une ou plusieurs actions qui sont exécutées lorsqu'un événement se produit.
Astucele Configurer bouton ouvre le Configuration des entrées dialogue. Vous pouvez y créer ou modifier des entrées utilisateur. Les entrées utilisateur configurées sont répertoriées sous les événements. Ils incluent chacun l'action qui est déclenchée et le paramètre sous forme abrégée. Exemple: Exécuter le code ST: | |
OnDialogClosed | Evénement d'entrée : L'utilisateur ferme la boîte de dialogue. |
OnMouseClick | Evénement d'entrée : L'utilisateur clique complètement sur le bouton de la souris dans la zone de l'élément. Le bouton de la souris est cliqué et relâché. |
OnMouseDown | Événement d'entrée : l'utilisateur clique sur le bouton de la souris. |
OnMouseEnter | Événement d'entrée : l'utilisateur fait glisser le pointeur de la souris sur l'élément. |
OnMouseLeave | Evénement d'entrée : l'utilisateur éloigne le pointeur de la souris de l'élément. |
OnMouseMove | Evénement d'entrée : L'utilisateur déplace le pointeur de la souris sur la zone de l'élément. |
OnMouseUp | . Événements d'entrée :
NoteCe CODESYS-un comportement de déclenchement spécifique garantit que les actions pour les éléments clés sont terminées. Un élément clé déclenche une action pour OnMouseDown et met fin à l'action pour OnMouseUp. Exemple : Un utilisateur de visualisation appuie sur le bouton de la souris dans la zone d'élément de l'élément clé, puis déplace la position du curseur de manière à ce qu'il se trouve en dehors de la zone d'élément. L'action est quand même terminée car OnMouseUp est déclenché. |
OnValueChanged | Evénement qui déclenche des actions de suivi en raison d'un changement de valeur Les actions de suivi déclenchées sont configurées dans le Configuration d'entrée dialogue. Les actions de suivi définies et la configuration correspondante sont affichées sous la propriété de l'élément. La OnValueChanged l'événement peut être désactivé par le VISU_NO_VALUECHANGED compilateur définir dans la boîte de dialogue des propriétés de l'application. |
Robinet | Lorsqu'un événement de clic de souris se produit, la variable définie dans Variable est décrit dans la demande. Le codage dépend de la Appuyez sur FAUX et Appuyez sur entrer si capturé options. |
Variable | Exigence : Le Appuyez sur FAUX l'option n'est pas activée. variables (
Exemple: |
Appuyez sur FAUX |
|
Appuyez sur entrer si capturé |
La valeur est |
Basculer | Au début d'un événement de clic de souris, la variable est définie ; lorsque l'événement de clic de souris est terminé, la variable est réinitialisée. |
Variable | variables ( C'est lorsque l'utilisateur relâche le bouton de la souris alors que le pointeur de la souris est sur la zone d'élément. basculé. AstuceL'utilisateur peut annuler une entrée de bascule commencée en faisant glisser le pointeur de la souris hors de la zone de l'élément. |
Activer si capturé |
|
Raccourci | Raccourci sur l'élément pour déclencher des actions de saisie spécifiques Lorsque l'événement de raccourci clavier se produit, les actions d'entrée dans le Événements propriété sont déclenchées. De cette manière, ce n'est pas l'action de saisie elle-même qui conduit à cette action de saisie, mais l'action de saisie de la souris. |
Clé | Touche enfoncée pour l'action d'entrée. Exemple: J Les propriétés suivantes s'affichent lorsqu'une touche est sélectionnée. |
Événements |
|
Basculer |
Exemple: Changement+J. |
Contrôler |
Exemple: Ctrl+J. |
Autre |
Exemple: Autre+J. |
Astuce
Tous les raccourcis clavier et leurs actions qui sont configurés dans la visualisation sont répertoriés sur la Configuration du clavier languette.
Autorisations
Note
Disponible uniquement lorsqu'une gestion des utilisateurs est configurée pour la visualisation.
Droits d'accès bouton | Ouvre le Droits d'accès dialogue. Vous pouvez y modifier les droits d'accès de l'élément. . Messages d'état :
|