WinCC SVGHMI Editor

Siemens ha rilasciato la versione 1.0 del WinCC SVGHMI Editor. È un’estensione per Microsoft Visual Studio Code che trasforma file SVG statici in oggetti SVGHMI dinamici, pronti da importare in WinCC. Insieme all’editor è stato aggiornato il manuale Creating dynamic SVG objects – Dynamization, il riferimento per la sintassi SVGHMI.

Cos’è SVGHMI

SVGHMI è lo standard proprietario Siemens per WinCC V8 e WinCC Unified. Estende SVG con:

  • public properties: diventano proprietà dell’oggetto in WinCC
  • HMI binding (hmi-bind:): collega gli attributi alle proprietà
  • dynamic updates in Runtime, senza ricaricare l’oggetto

Come si installa

L’editor è disponibile in due modi:

  • come plugin VSIX da aggiungere a VS Code
  • come pacchetto completo, che installa VS Code con un’interfaccia ridotta al solo editor

Funzionalità principali

  • Import SVG to SVGHMI e Clean SVGHMI, che elimina i metadati superflui lasciati dai programmi di grafica
  • definizione delle interfacce (Bool, Color, Enum, Number, String) e dei local tags
  • finestra Dynamization, dove si collegano gli attributi alle interfacce senza scrivere codice a mano
  • value-based e time-based animations, quindi Double, Color, Translate, Rotate e Scale, con Storyboard
  • simulazione delle interfacce nella finestra SVGHMI: Properties e anteprima in SVGHMI Display
  • scelta della versione di destinazione: WinCC V8.2, V8.1 oppure V8.0 – Prof. RT V20/V21

Cosa offre di nuovo rispetto a prima

Il vantaggio più importante è che si lavora senza WinCC installato. Un grafico o uno studio esterno può sviluppare e provare dinamizzazioni, eventi e animazioni direttamente nell’editor, e consegnare un oggetto già pronto da importare.

Il manuale sulla dinamizzazione completa il quadro con tre cose:

  • gli elementi SVG ammessi
  • le funzioni non supportate: CSS style, scripting e foreignObject
  • i Converter, le Expressions e gli eventi (Down, Up, Tapped, Pan, Wheel e altri) per creare controlli personalizzati tramite proprietà bidirezionali

Conclusioni

Finora gli oggetti SVG dinamici si scrivevano a mano in XML. L’editor rende il lavoro più rapido, verificabile e facile da affidare anche a chi non usa WinCC.

Per approfondire, il riferimento ufficiale è la documentazione Siemens:

https://support.industry.siemens.com/cs/it/en/view/110005984