State QML Type

Definiert Konfigurationen von Objekten und Eigenschaften. Mehr...

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Eigenschaften

• changes : list<Change>
• extend : string
• name : string
• when : bool

Ausführliche Beschreibung

Ein Zustand ist ein Satz von stapelweisen Änderungen der Standardkonfiguration.

Alle Elemente haben einen Standardstatus, der die Standardkonfiguration von Objekten und Eigenschaftswerten definiert. Neue Zustände können durch Hinzufügen von Status-Elementen zur Eigenschaft states definiert werden, damit Elemente zwischen verschiedenen Konfigurationen wechseln können. Diese Konfigurationen können zum Beispiel dazu verwendet werden, verschiedene Sätze von Eigenschaftswerten anzuwenden oder verschiedene Skripte auszuführen.

Im folgenden Beispiel wird ein einzelnes Rectangle angezeigt. Im Standardzustand ist das Rechteck schwarz gefärbt. Im "angeklickten" Zustand ändert ein PropertyChanges Objekt die Farbe des Rechtecks auf rot. Wenn Sie auf MouseArea klicken, wechselt der Zustand des Rechtecks zwischen dem Standardzustand und dem "angeklickten" Zustand, wodurch die Farbe des Rechtecks zwischen Schwarz und Rot wechselt.

import QtQuick

Rectangle {
    id: myRect
    width: 100; height: 100
    color: "black"

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onClicked: myRect.state == 'clicked' ? myRect.state = "" : myRect.state = 'clicked';
    }

    states: [
        State {
            name: "clicked"
            PropertyChanges { target: myRect; color: "red" }
        }
    ]
}

Beachten Sie, dass der Standardzustand mit einer leeren Zeichenfolge ("") angegeben wird.

Zustände werden in der Regel zusammen mit Übergängen verwendet, um Animationen bei Zustandsänderungen zu erzeugen.

Siehe auch Beispiel für Zustände, Qt Quick Zustände, Übergänge, und Qt Qml.

Eigenschaft Dokumentation

Rectangle {
    id: myRect
    width: 100; height: 100
    color: "red"

    MouseArea { id: mouseArea; anchors.fill: parent }

    states: State {
        name: "hidden"; when: mouseArea.pressed
        PropertyChanges { target: myRect; opacity: 0 }
    }
}

Item {
    states: [
        State { name: "state1"; when: sharedCondition },
        State { name: "state2"; when: sharedCondition }
    ]
    // ...
}