Grundlagen Style Sheets

Style Sheets verfügen über einen mächtigen Spielraum, welcher es erlaubt die Darstellung von Objekten (Widgets), zusätzlich zu den Attributen, welche im GEDI definiert werden können, zu gestalten. Style Sheets sind textuelle Anweisungen, welche für das komplette WinCC OA Projekt oder ein bestimmtes Widget (inkl. seiner Kindwidgets) gesetzt werden können. Die Konzepte, die Terminologie und die Syntax der Style Sheets werden stark von HTML Cascading Style Sheets (CSS) beeinflusst, jedoch wurden diese auf die Welt der Widgets angepasst. Style Sheets werden auf den gerade angewendeten Widget Stil übertragen und können dazu verwendet werden, um eine individuelle Darstellung von Panels und Fenstern zu kreieren.

Anmerkung:

Bitte beachten Sie, dass die Verwendung von Style Sheets in Kombination mit blinkenden Farben einen Abfall der generellen Performance des UIs verursacht. Dies betrifft nur grafische Objekte welche das Style Sheet verwenden!

ACHTUNG:

Bitte beachten Sie, dass die Einstellungen eines Style Sheets bezüglich Schriftart und Farben nur angewendet werden wenn das Panel oder das Objekt die Default Einstellungen für die Schriftart oder Farben verwenden. Wenn die Einstellungen innerhalb des GEDI angepasst wurden, dann werden diese manuellen Einstellungen verwendet. Wenn die Einstellungen der Schriftart und Farben aus dem Style Sheet verwendet werden sollen, dann müssen die manuellen Einstellungen innerhalb des GEDIs auf die Standardwerte für Schriftart und Farben zurückgestellt werden. Alternative kann ein neue Standard Schriftart mittels Config Eintrag definiert werden, siehe defaultFont. Es muss beachtet werden, dass für EWOs die Standard Schriftart nur bekannt ist, wenn diese mittels -font Parameter übergeben wurde oder über den Config Eintrag defaultFont gesetzt wurde.

Anmerkung:

"Noto Sans" wurde als default Projektschriftart gesetzt. In älteren Panels, welche noch eine alte betriebssystemabhängige Schriftart beinhalten (z.B.: MS Dlg), könnte die Verwendung von CSS nicht funktionieren.

Kapitel Beschreibung
Grundlagen Style Sheets Allgemeine Informationen zu Style Sheets und Links zu weiterführenden Kapiteln.
Erstellung der CSS Datei Informationen zum Aufbau und den Regeln in einer CSS Datei mit einem praktischen Beispiel.
Implementierung der Style Sheets Anleitung für die Implementierung einer CSS Datei in WinCC OA.
Verfügbare Klassen Auflistung der verfügbaren QT Klassen (Selektoren) und deren entsprechenden WinCC OA Widgets.