Universeller Stil

Der universelle Stil basiert auf den Microsoft-Richtlinien für universelles Design. Mehr...

Angeschlossene Eigenschaften

• accent: Farbe
• Hintergrund: Farbe
• Vordergrund: Farbe
• Thema: Aufzählung

Zugehörige Methoden

• Farbe Farbe(vordefinierte Aufzählung)

Ausführliche Beschreibung

Der „Universal“-Stil ist ein geräteunabhängiger Stil, der auf den Microsoft-Richtlinien für universelles Design basiert. Der „Universal“-Stil wurde so konzipiert, dass er auf allen Geräten gut aussieht, von Smartphones und Tablets bis hin zu PCs.

Informationen zum Ausführen einer Anwendung mit dem Universal-Stil finden Sie unter „Verwenden von Stilen“ unter Qt Quick Controls.

Anpassung

Der „Universal“-Stil ermöglicht die Anpassung von vier Attributen: Design, Akzentfarbe, Vordergrundfarbe und Hintergrundfarbe.

Beide Attribute können für jedes Fenster oder Element festgelegt werden und werden automatisch an untergeordnete Elemente weitergegeben, genau wie bei „ fonts “. Im folgenden Beispiel werden das Fenster und alle drei Optionsfelder im dunklen Design mit einer violetten Akzentfarbe angezeigt:

import QtQuick
import QtQuick.Controls
import QtQuick.Controls.Universal

ApplicationWindow {
    visible: true

    Universal.theme: Universal.Dark
    Universal.accent: Universal.Violet

    Column {
        anchors.centerIn: parent

        RadioButton { text: qsTr("Small") }
        RadioButton { text: qsTr("Medium");  checked: true }
        RadioButton { text: qsTr("Large") }
    }
}

Neben der Festlegung der Attribute in QML ist es auch möglich, diese über Umgebungsvariablen oder in einer Konfigurationsdatei festzulegen. In QML festgelegte Attribute haben Vorrang vor allen anderen Methoden.

Konfigurationsdatei

Weitere Informationen zur Konfigurationsdatei finden Sie unter „Qt Quick Controls -Konfigurationsdatei “.

Umgebungsvariablen

Eine vollständige Liste der unterstützten Umgebungsvariablen finden Sie unter „Unterstützte Umgebungsvariablen“ in Qt Quick Controls.

Abhängigkeit

Der „Universal“-Stil muss separat importiert werden, um Zugriff auf die für den „Universal“-Stil spezifischen Attribute zu erhalten. Es ist zu beachten, dass unabhängig von den Verweisen auf den „Universal“-Stil derselbe Anwendungscode auch mit jedem anderen Stil ausgeführt wird. „Universal“-spezifische Attribute wirken sich nur aus, wenn die Anwendung mit dem „Universal“-Stil ausgeführt wird.

Wird der „Universal“-Stil in eine QML-Datei importiert, die stets geladen wird, muss der „Universal“-Stil zusammen mit der Anwendung bereitgestellt werden, damit die Anwendung unabhängig vom verwendeten Stil ausgeführt werden kann. Durch die Verwendung von Dateiselektoren lassen sich stilbezogene Anpassungen vornehmen, ohne eine feste Abhängigkeit von einem Stil zu schaffen.

Vordefinierte Universal-Farben

Verfügbare vordefinierte Farben:

Siehe auch „Grundlegender Stil“, „Materialstil“

Dokumentation zu angehängten Eigenschaften

Diese angehängte Eigenschaft enthält die Akzentfarbe des Themes. Die Eigenschaft kann an jedes Fenster oder Element angehängt werden. Der Wert wird an untergeordnete Elemente weitergegeben.

Der Standardwert lautet „ Universal.Cobalt “.

Im folgenden Beispiel wird die Akzentfarbe der hervorgehobenen Schaltfläche auf „ Universal.Orange “ geändert:

Button {
    text: qsTr("Button")
    highlighted: true
    Universal.accent: Universal.Orange
}

Diese angehängte Eigenschaft enthält die Hintergrundfarbe des Themes. Die Eigenschaft kann an jedes Fenster oder Element angehängt werden. Der Wert wird an untergeordnete Elemente weitergegeben.

Der Standardwert ist themenspezifisch (hell oder dunkel).

Im folgenden Beispiel wird die Hintergrundfarbe des Fensters auf „ Universal.Steel “ geändert:

Pane {
    Universal.background: Universal.Steel

    Button {
        text: qsTr("Button")
    }
}

Diese angehängte Eigenschaft enthält die Vordergrundfarbe des Themes. Die Eigenschaft kann an jedes Fenster oder Element angehängt werden. Der Wert wird an untergeordnete Elemente weitergegeben.

Der Standardwert ist themenspezifisch (hell oder dunkel).

Im folgenden Beispiel wird die Vordergrundfarbe der Schaltfläche auf „ Universal.Pink “ gesetzt:

Button {
    text: qsTr("Button")
    Universal.foreground: Universal.Pink
}

Diese angehängte Eigenschaft gibt an, ob das Design hell oder dunkel ist. Die Eigenschaft kann an jedes Fenster oder Element angehängt werden. Der Wert wird an untergeordnete Elemente weitergegeben.

Verfügbare Designs:

Wenn das Design auf „ System “ gesetzt wird, wird je nach den Farben des Systemdesigns entweder das helle oder das dunkle Design ausgewählt. Beim Auslesen des Werts der Eigenschaft „theme“ ist der Wert jedoch niemals „ System “, sondern das tatsächlich verwendete Design.

Im folgenden Beispiel ist das Design sowohl für den Bereich als auch für die Schaltfläche auf „ Universal.Dark “ gesetzt:

Pane {
    Universal.theme: Universal.Dark

    Button {
        text: qsTr("Button")
    }
}

Beigefügte Methodendokumentation

Diese angehängte Methode gibt den effektiven Farbwert der angegebenen vordefinierten Universal-Farbe zurück.

Rectangle {
    color: Universal.color(Universal.Red)
}

Weiterführende Informationen

• Gestaltung Qt Quick Controls