TwinCAT HMI - Dynamische Anpassung der Implementierung mit der Browsergröße

[brandlpb]

Zuviel Werbung?
-> Hier kostenlos registrieren

Hallo,

vielen Dank erstmal für die wertvollen Antworte in meinen vorherigen Beiträgen. Ohne eure Hilfe wäre ich soweit nicht gekommen.

Wie viele von euch schon wisst, muss ich eine Visualisierung von unserem Demonstrator in TwinCAT HMI implementieren. Nun habe ich mich entschieden, die komplette Visualisierung über User Control zu implementieren. Dadurch habe ich den Vorteil eigene Controller mit einem benutzerdefinierten Parameter anzulegen, welchen ich direkt mit dem Parameter aus dem PLC-Programm verknüpfen kann. Jetzt will ich noch die Größe dynamisch nach der Browsergröße ändern.


Eigentlich ist es recht einfach zu verwirklichen. Das wird im TE2000_TC3_HMI_Engineering Handbuch sehr gut beschrieben (5.3.5.1 Konfiguration S. 476 ). Wie ich es verstanden habe, müssen beim Kind-Element die Attributen Left, Right, Top angegeben und anschließend der Modus Parent ausgewählt werden. Bei der Eigenschaft werden die Attributen Width und Height ignoriert, welches dazu führt, dass die Größe der Elemente in meiner Visualisierung ändert. Beispielsweise muss ich irgendwie von allen vier Seiten genauso viel Abstand nehmen, damit ich einen Kreis visualisieren kann. Dann ist es wirklich verwirrend, das ganze darzustellen, ohne Width oder Height Attribute zu benutzen. Hättest jemand für mich einen Vorschlag, wie ich damit umgehen kann?

Ich bin sehr dankbar auf jede Antwort.

Gruß

Brand

 

[MathiasV]

Hi,

bei bottom musst du auch noch was angeben, reden wir jetzt eigentlich vom UserControl oder den Elementen darin ?

Hast du das Problem das es sich gar nicht anpasst oder die Form verzerrt, was ich als Problem sehen könnte.

Normalerweise musst du nichts umstellen, dein UserControl bezieht sich automatisch auf den Desktop, aber damit die Form bestehen bleibt, ist vielleicht wieder etwas CSS oder Javascript nötig.

Gruß Mathias

 

[brandlpb]

Zuviel Werbung?
-> Hier kostenlos registrieren

Hi,

ich werde es erstmal als statisches Bild benutzen, was eigentlich nicht ergonomisch ist aber muss nun irgendwie einen Transformationseditor selber eingeben. Also in TwinCAT HMI gibt es ja eine vorprogrammierte Attribute "Transform". Mittels der Attribute kann die Visualisierung verschoben oder verdreht werden. Das muss ich jedoch auch parameterabhängig machen. Ich weiß zwar wie man diesen im PLC-Programm erstellen kann und zwar wie im folgenden Bild:

In unserem Projekt darf ich jedoch im PLC nichts programmieren sondern nur die Parameter Translation_X, Translation_Y und Translation_Z für die Verschiebung benutzen. Deshalb habe ich mir gedacht, ich könnte die Parameter in JavaScript aus dem PLC-Programm abrufen und diese wiederum in einem selbst geschriebenen JavaScript oder JSON file anwenden. Hätte jemand für mich einen Tipp, wie der Transformationseditor z.B. für Translation in JavaScript bzw. JSON-Datei schreiben kann?
Meine Überlegung als eine JSON-Datei habe ich unten eingefügt, welche allerdings nicht funktioniert hat.

{
"transformType": "Translate";
"x": "50";
"xUnit": "px";
"y": "50";
"yUnit": "px";
"z": "50";
"zUnit": "px";
}

vielen Dank vorab schonmal!

Besten Gruß

 

[MathiasV]

Hi,

hab zum testen ein internes Symbol vom Typ Array angelegt mit folgendem Inhalt:

[
{
"transformType": "Translate",
"x": "100",
"xUnit": "px",
"y": "100",
"yUnit": "px",
"z": "50",
"zUnit": "px"
}
]


Gruß Mathias