Skip to main content

Visualisierungselement: Analoge Uhr

Symbol:

_visu_icon_clock.png

Kategorie: Datum-/Zeitsteuerelemente

Das Element stellt eine Uhr dar und zeigt den aktuellen Zeitpunkt an. Die Uhr kann aber auch eine beliebige Uhrzeit darstellen.

Hinweis

Kann auch veraltet seinBeispielprojekt "Analgue clock"

Elementeigenschaften

Sind alle Elementeigenschaften verfügbar?

Nur wenn Sie in der Eigenschaften die Option Advanced oder den Filter Alle Kategorien aktiviert haben, stehen Ihnen alle Eigenschaften zur Verfügung.

Elementname

Beispiel: GenElemInst_1

Tipp

Durch die Vergabe von eigenen Elementnamen werden die Elemente in der Elementliste schnell gefunden.

Elementtyp

Analoge Uhr

Position

Die Position definiert die Lage und Größe des Elements im Fenster der Visualisierung. Sie bezieht sich auf ein kartesisches Koordinatensystem. Der Ursprung liegt in der oberen linken Fensterecke. Die positive horizontale X-Achse verläuft nach rechts. Die positive vertikale Y-Achse verläuft nach unten.

X

X-Koordinate (in Pixel) der linken oberen Ecke des Elements

Beispiel: 10

Y

Y-Koordinate (in Pixel) der linken oberen Ecke des Elements

Beispiel: 10

Breite

Angabe in Pixel

Beispiel: 150

Höhe

Angabe in Pixel

Beispiel: 30

Tipp

Die Werte können auch geändert werden, indem Sie im Editor die Symbole _visu_icon_position_element.png an eine andere Stelle ziehen.

Zeitanzeige

Systemzeit verwenden

standard icon: Die Systemzeit der Steuerung (lokale Zeitzone) wird angezeigt

Anmerkung

Wenn zusätzlich die Variable VisuElems.Visu_DateTime.DisplayUTC auf TRUE gesetzt ist, erfolgt die Ausgabe in Weltzeit (UTC).

Tipp

Tipp: Implementieren Sie das Setzen der UTC-Variable als Benutzereingabe in Ihrer Visualisierung.

Variable

Voraussetzung: Die Eigenschaft Systemzeit verwenden ist nicht aktiviert.

Variable ( TOD, TIME_OF_DAY) für eine Uhrzeit, die nicht die Systemzeit ist

Beispiel: PLC_PRG.todTimeTokio

Tipp

Sie können programmatisch die lokale Zeitzone der Systemzeit auf die Weltzeit (UTC) umschalten.

Wenn die Variable VisuElems.Visu_DateTime.DisplayUTC auf TRUE gesetzt ist, erfolgt die Darstellung der Systemzeit in Weltzeit (UTC). Standardmäßig ist die Variable VisuElems.Visu_DateTime.DisplayUTC auf FALSE gesetzt ist, so dass die Systemzeit in der lokalen Zeitzone dargestellt wird.

Bei der Anzeige von Datums- und Zeitwerten können Sie den zugehörigen Formatstring um die Zeitzonenkennung Z erweitern. Bei Ausgabe in lokaler Systemzeit wird dann der Offset zur Weltzeit(UTC) angezeigt. Beispielsweise bewirkt dd:MM:yyyy HH:mm:ss:ms:Z die Ausgabe 01.08.2021 12:00:00:001:+02:00. Wenn die Zeit in Weltzeit (UTC) angezeigt wird, wird die UTC-Kennung angezeigt. Beispiel: 01.08.2021 10:00:00:001:Z

Design

Design

  • Aus dem Stil: Alle Einstelllungen sind im Stil vorkonfiguriert.

  • Explizit: Die Eigenschaft Einstellungen erscheint. Dort können Sie die analoge Uhr anpassen.

Einstellungen

Voraussetzung: Eigenschaft Eigenschaft ist Explizit. Nur dann ist die Eigenschaft Einstellungen sichtbar.

Tabelle 16. Hintergrund

Farbe Hintergrund

. Farbvarianten des Standardhintergrundbilds

  • Gelb

  • Rot

  • Blau

  • Grün

  • Schwarz

Eigener Hintergrund

Darstellung des Hintergrunds mit dem bestimmten Bild. Ersetzt das Standardhintergrundbild.

Bild

Bild aus einer Bildersammlung oder einer Bibliothek

Beispiel: myImagepool.myImage

Transparenzfarbe

Die eine Farbe des Bilds, die transparent dargestellt wird.

Beispiel: Weiß. Bedeutet, dass der weiße Teil des Bilds transparent dargestellt wird

Hintergrundfarbe verwenden

standard icon: Der Hintergrund des Bildes wird mit der in Eigenschaft Hintergrundfarbe bestimmten Farbe gezeichnet.

Voraussetzung: In der Eigenschaft Bild ist keine Bildreferenz angegeben.

Hintergrundfarbe

Stilfarbe oder Farbe

Voraussetzung: Hintergrundfarbe verwenden ist aktiviert.



Tabelle 17. Zeiger

Zeigertyp

Beispiel: Dünner Zeiger

Farbe Stundenzeiger

Farbe Minutenzeiger

Farbe Sekundenzeiger

Stilfarbe oder Farbe für den jeweiligen Zeiger



Tabelle 18. Linien

Linientyp

. Zifferblattunterteilung

  • Keine

  • Linie: Stundeneinteilung mit Linien

  • Stunden und Minuten: Stunden- und Minuteneinteilung mit Linien

  • Punkte: Stundeneinteilung mit Punkten

Farbe

Farbe der Zifferblattunterteilung

Linienstärke

Linienstärke der Zifferblattunterteilung

Skala in 3D

standard icon: Darstellung des Zifferblatts mit 3D-Effekt



Tabelle 19. Ziffern

Ziffernanzeige

. Ziffern im Zifferblatt

  • Keine

  • Viertel

  • Alle

Schrift

Schriftart, mit der die Ziffern dargestellt sind

Farbe Schriftart

Schriftart, mit der die Ziffern dargestellt sind



Tabelle 20. Mittelpunkt

Farbe

Farbe des Mittelpunkts der Uhr



Tabelle 21. Positionierung

Verwendung von

  • Standard-Stilwerten: Voreinstellung der Stilwerte

  • Benutzerdefinierten Einstellungen: Benutzerdefinierte Einstellung in der untergeordneten Eigenschaft Positionierung.

Positionierung

Voraussetzung: Sichtbar, wenn die Eigenschaft Verwendung von Benutzerdefinierte Einstellung ist.

Verschiebung Ziffern

Wert in Pixel, um den die Ziffern verschoben werden

Beispiel:80

Verschiebung Stundenlinien

Wert in Pixel, um den die Stundenlinien verschoben werden

Beispiel:100

Zeigerskalierung

Faktor, mit dem die Länge der Zeigerbilder skaliert wird

Sie können damit die Position der Zeiger relativ zum Hintergrundbild exakt anpassen.

Beispiel:100



Skalierungsart

Skalierungsart

Definiert die Skalierung für Höhe und Breite des Elements

  • Anisotropisch:

    Das Hintergrundbild wird auf die Größe des Elements skaliert. Dabei werden die Höhe und die Breite unabhängig voneinander angepasst.

  • Isotropisch:

    Das Hintergrundbild wird auf die Größe des Elements skaliert und behält dabei seine Proportion. Das Verhältnis von Höhe zu Breite ist fest.

Zentrum

Die Eigenschaften enthalten feste Werte für die Koordinaten des Rotationspunkts. Der Rotationspunkt ist im Editor als Symbol _visu_icon_center_point.png dargestellt und dient als Zentrum für die Rotation und die Skalierung.

Tipp

Die Werte können auch geändert werden, indem Sie im Editor das Symbol _visu_icon_center_point.png an eine andere Stelle ziehen.

X

X-Koordinate des Rotationspunkts

Y

Y-Koordinate des Rotationspunkts

Absolute Bewegung

Den Eigenschaften können IEC-Variablen zugewiesen werden, um die Position des Elements dynamisch zu steuern. Bezugspunkt ist die linke obere Ecke des Elements. Zur Laufzeit wird das Element als Ganzes bewegt.

Bewegung

X

  • Variable (numerischer Datentyp) für die X-Position (in Pixel)

    Beispiel: PLC_PRG.iPos_X

Ein Erhöhen des Werts zur Laufzeit führt zu einer Bewegung nach rechts.

Y

  • Variable (numerischer Datentyp) für die Y-Position (in Pixel)

    Beispiel: PLC_PRG.iPos_Y

  • Containervariable Container.Height

    Für weitere Informationen siehe: Position und Größe optimal anpassen

Ein Erhöhen des Werts zur Laufzeit führt zu einer Bewegung nach unten.

Rotation

Variable (numerischer Datentyp) für den Drehwinkel (in Grad)

Beispiel: PLC_PRG.iAngle1

Der Mittelpunkt des Elements rotiert um den Punkt in Zentrum. Dieser Rotationspunkt wird im Editor als Symbol _visu_icon_center_point.png dargestellt.

Zur Laufzeit bleibt die Ausrichtung des Elements in Bezug zum Koordinatensystem der Visualisierung erhalten. Ein Erhöhen des Werts führt zu einer Rechtsdrehung.

_visu_img_prp_rotation.png

Innere Rotation

Variable (numerischer Datentyp) für den Drehwinkel (in Grad)

Beispiel: PLC_PRG.iAngle2

Zur Laufzeit rotiert das Elements entsprechend dem Variablenwert um den Rotationspunkt in Zentrum. Zudem dreht die Ausrichtung des Elements bezüglich des Koordinatensystems der Visualisierung. Ein Erhöhen des Werts im Code bewirkt eine Rechtsdrehung.

Der Rotationspunkt wird im Editor als Symbol _visu_icon_center_point.png dargestellt.

Anmerkung

Wenn in der Eigenschaft Position → Winkel ein statischer Drehwinkel angegeben ist, wird bei der Visualisierungsausführung zum variablen Drehwinkel der statische Drehwinkel addiert (Offset).

_visu_img_prp_inner_rotation.png

Tipp

Sie können die Variablen mit einer Einheitenumrechnung kombinieren.

Tipp

Die Eigenschaften X, Y, Rotation und Innere Rotation werden von der Funktionalität „Client-Animation“ unterstützt.

Zustandsvariablen

Die Variablen steuern dynamisch das Verhalten des Elements.

Unsichtbarkeit

Variable (BOOL) für das Umschalten der Sichtbarkeit des Elements

TRUE: Das Element ist zur Laufzeit nicht sichtbar.

Tipp

Die Eigenschaft Unsichtbarkeit wird von der Funktionalität „Client-Animation“ unterstützt.

Animation

Tipp

Diese Eigenschaften sind nur verfügbar, wenn Sie im Visualisierungmanager die Option Client-Animationen und Überlagerung systemeigener Elemente unterstützen aktiviert haben.

Animationsdauer

Vairable für die Dauer in Millisekunden, in der das Element eine Animation ausführt

  • Variable (Ganzzahliger Wert)

    Beispiel: Menu.tContent mit VAR tContent : INT := 500; END_VAR

  • Ganzzahliges Literal

    Beispiel: 500

. Animierbare Eigenschaften:

  • Absolute Bewegung, Bewegung, X, Y

  • Absolute Bewegung, Rotation

  • Absolute Bewegung, Innere Rotation

  • Absolute Bewegung, Äußere Rotation

Die animierte Bewegung wird ausgeführt, wenn mindestens ein Wert einer animierbaren Eigenschaft geändert wird. Die dann ausgeführte Bewegung ist nicht ruckartig, sondern wird reibungslos in der angegebenen Animationsdauer ausgeführt. Das Visualisierungselement fliegt die Sollposition an und rotiert dabei dynamisch. Die Übergänge sind fließend.

In den Vordergrund bringen

Variable (BOOL) für das Stellen des Elements in den Vordergrund

TRUE: Das Visualisierungselement wird zur Laufzeit im Vordergrund dargestellt.

FALSE: Das Visualisierungselement wird zur Laufzeit in der Ebene dargestellt, in der es im Visualisierungseditor eingefügt wurde.

Beispiel: bIsInForeground mit VAR bIsInForeground : BOOL := FALSE; END_VAR

In diesem Abschnitt: