Skip to main content

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

Symbole:

_visu_icon_date_picker.png

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.

Exemple 31. Exemple

System liste de texte

identifiant

Défaut

Apr

Apr

April

April



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: DueDateCalendar

Astuce

Attribuez 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: 10

Y

La coordonnée Y (en pixels) du coin supérieur gauche de l'élément

Exemple: 10

Largeur

Spécifié en pixels

Exemple: 150

Hauteur

Spécifié en pixels

Exemple: 30

Astuce

Vous pouvez modifier les valeurs en faisant glisser la module _visu_icon_position_element.png symboles vers d'autres positions dans l'éditeur.

Variable

Variable

Variable d'entrée (DATE). Contient la date qu'un utilisateur sélectionne dans le calendrier.

Exemple: PLC_PRG.dtDueDate

Concevoir

  • Du style: Tous les paramètres sont préconfigurés en fonction du style.

  • Explicite: Le Paramètres de conception la propriété est disponible. Vous pouvez personnaliser le calendrier ici.

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 (_cds_icon_arrow_down.png) ou en utilisant le sélecteur de couleurs (_cds_icon_three_dots.png) 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é : 1)

Colonnes

Nombre de calendriers mensuels par colonne (préréglé : 1)

Variables d'état

Les variables contrôlent dynamiquement le comportement de l'élément.

Invisible

variables (BOOL) pour basculer la visibilité de l'élément

TRUE: L'élément n'est pas visible à l'exécution.

Exemple: bIsVisible avec VAR bIsVisible : BOOL := FALSE; END_VAR

Désactiver les entrées

variables (BOOL) pour basculer l'opérabilité de l'élément

TRUE: Les entrées utilisateur n'ont plus aucun effet dans le runtime. L'élément est affiché comme désactivé.

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 _visu_icon_center_point.png symbole et est utilisé comme centre de rotation et de mise à l'échelle.

Astuce

Vous pouvez également modifier les valeurs en faisant glisser le _visu_icon_center_point.png symbole vers une autre position dans l'éditeur.

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

  • Variable (type de données numériques) pour la position X (en pixels)

    Exemple: PLC_PRG.iPos_X

L'augmentation de cette valeur lors de l'exécution déplace l'élément vers la droite.

Y

  • Variable (type de données numériques) pour la position Y (en pixels)

    Exemple: PLC_PRG.iPos_Y

  • Variable conteneur : Container.Height

    Pour plus d'informations, consultez les éléments suivants : Réglage optimal de la position et de la taille

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: PLC_PRG.iAngle1

Le point médian de l'élément tourne à la Centre point. Ce point de rotation est représenté par le _visu_icon_center_point.png symbole.

À 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.

_visu_img_prp_rotation.png

Rotation intérieure

Variable (type de données numériques) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle2

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 _visu_icon_center_point.png symbole.

Note

Si un angle de rotation statique est spécifié dans le Position → Angle propriété, puis l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lorsque la visualisation est exécutée.

_visu_img_prp_inner_rotation.png

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

  • Variable (valeur entière)

    Exemple: Menu.tContent avec VAR tContent : INT := 500; END_VAR

  • Littéral entier

    Exemple: 500

. Propriétés animables
  • Mouvement absolu, Mouvement, X, Oui

  • Mouvement absolu, Rotation

  • Mouvement absolu, Rotation intérieure

  • Mouvement absolu, Rotation extérieure

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 (BOOL ) pour mettre l'élément au premier plan

TRUE: Au moment de l'exécution, l'élément de visualisation est affiché au premier plan.

FALSE: Au moment de l'exécution, l'élément de visualisation s'affiche dans la couche où il a été inséré dans l'éditeur de visualisation.

Exemple: bIsInForeground avec VAR bIsInForeground : BOOL := FALSE; END_VAR

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.

Astuce

le 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: _visu_icon_action.png PLC_PRG.i_x := 0;

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 :
  • L'utilisateur relâche le bouton de la souris dans la zone de l'élément. Peu importe que l'utilisateur ait auparavant appuyé sur le bouton de la souris à l'intérieur ou à l'extérieur de la zone de l'élément.

  • L'utilisateur appuie sur le bouton de la souris dans la zone de l'élément, quitte la zone de l'élément, puis relâche le bouton de la souris.

Note

Ce 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 (BOOL) pour l'événement de clic de souris

TRUE: Un événement de clic de souris existe. Elle dure tant que l'utilisateur appuie sur le bouton de la souris sur l'élément. Il se termine lorsque le bouton est relâché.

FALSE: Un événement de clic de souris n'existe pas.

Exemple: PLC_PRG.bIsTapped

Appuyez sur FAUX

standard icon: L'événement clic souris conduit à une valeur complémentaire dans Variable.

TRUE: Un événement de clic de souris n'existe pas.

FALSE: tant que l'événement de clic de souris existe.

Appuyez sur entrer si capturé

standard icon: Lors de la saisie de l'utilisateur, il est également pris en compte si le pointeur de la souris est déplacé ou non dans la zone de l'élément lorsque le bouton de la souris est enfoncé.

TRUE: tant que l'événement de clic de souris existe et que le pointeur de la souris est déplacé sur la zone de l'élément.

FALSE: Un événement de clic de souris n'existe pas. Soit l'utilisateur déplace le pointeur de la souris en dehors de la zone de l'élément pendant que le bouton de la souris est enfoncé.

La valeur est TRUE à nouveau dès que l'utilisateur ramène le pointeur sur la zone de l'élément. La souris est alors capturée.

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 (BOOL) pour basculer à la fin de l'événement de clic de souris

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é.

Astuce

L'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é

standard icon: La valeur bascule indépendamment de l'endroit où se trouve le pointeur de la souris lorsque le bouton de la souris est relâché. La souris est alors capturée.

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

  • Aucun

  • Souris vers le bas: L'appui sur la touche déclenche les actions d'entrée qui sont configurées dans le OnMouseDown biens.

  • Souris vers le haut: Le relâchement de la touche déclenche les actions de saisie qui sont configurées dans le OnMouseUp biens.

  • Souris bas/haut: L'appui et le relâchement de la touche déclenchent les actions d'entrée qui sont configurées dans le OnMouseDown la propriété et la OnMouseUp biens.

Basculer

standard icon: Combinaison avec la touche "Shift"

Exemple: Changement+J.

Contrôler

standard icon: Combinaison avec la touche "Ctrl"

Exemple: Ctrl+J.

Autre

standard icon: Combinaison avec la touche "Alt"

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 :
  • Non défini. Tous droits réservés.: Droits d'accès pour tous les groupes d'utilisateurs : opérable

  • Les droits sont définis : Droits limités: L'accès est restreint pour au moins un groupe.