8 Stylesheets

Das Erscheinungsbild von Testmanager-Layouts lässt sich mit Qt-Stylesheets anpassen, deren Syntax CSS ähnelt.

Das gleiche Widget ohne und mit Stylesheet

8.1 Ebenen

Stylesheets können auf drei Ebenen definiert werden:

Ebene Wo Gilt für
Global Optionen → Globales Stylesheet... Alle Tabs des Layouts
Tab Kontextmenü der Arbeitsfläche Alle Widgets des Tabs
Widget Kontextmenü eines oder mehrerer Widgets Die ausgewählten Widgets

Spezifischere Stylesheets überschreiben allgemeinere.

8.2 Stylesheet-Editor

Stylesheet-Editor

Die Werkzeugleiste des Editors hilft beim Einfügen von:

Stylesheet-Vorlagen
Einfügen einer Farbe

8.3 Selektoren

Widgets werden über ihren Klassennamen ausgewählt. Da die Klassennamen der QtPdWidgets den Namensraum Pd:: enthalten, der in Stylesheets nicht zulässig ist, muss der doppelte Doppelpunkt durch zwei Bindestriche ersetzt werden:

Pd--Bar {
    background-color: white;
}

Der Testmanager stellt die folgenden speziellen Klassen bereit:

Klasse Beschreibung
TabPage Die Arbeitsfläche eines Tabs
Legend Die Legende eines Widgets

8.4 Ressourcen

Über den Editor eingefügte Bilder werden mit dem Präfix layout: relativ zur Layout-Datei referenziert, sodass das Layout-Verzeichnis als Ganzes verschoben werden kann:

QLabel#logo {
    image: url(layout:images/logo.svg);
}
Einfügen einer Ressource

8.5 Dynamische Eigenschaften

Regeln können von dynamischen Eigenschaften abhängen, die aus Python-Scripts gesetzt werden können (siehe Python-Scripts):

QWidget[negative=true] {
    color: red;
}