Transition QML Type

Diese Eigenschaften geben die Zustandsänderungen an, die den Übergang auslösen.

Der Standardwert für diese Eigenschaften ist "*" (d. h. ein beliebiger Zustand).

Für den folgenden Übergang wurden beispielsweise die Eigenschaften to und from nicht festgelegt, so dass die Animation immer beim Wechsel zwischen den beiden Zuständen (d. h. beim Drücken und Loslassen der Maus) angewendet wird.

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

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

    states: State {
        name: "brighter"; when: mouseArea.pressed
        PropertyChanges { target: rect; color: "yellow" }
    }

    transitions: Transition {
        ColorAnimation { duration: 1000 }
    }
}

Wenn der Übergang wie folgt geändert wird:

transitions: Transition {
    to: "brighter"
    ColorAnimation { duration: 1000 }
}

Die Animation würde nur beim Wechsel vom Standardzustand in den "helleren" Zustand angewendet (d. h. wenn die Maus gedrückt wird, aber nicht beim Loslassen).

Mehrere Werte für to und from können durch eine kommagetrennte Zeichenkette festgelegt werden.

Siehe auch reversible.

Diese Eigenschaft enthält eine Liste der Animationen, die für diesen Übergang ausgeführt werden sollen.

    transitions: Transition {
        PropertyAnimation { duration: 3000 }
        ColorAnimation { duration: 3000 }
    }

Die Animationen der obersten Ebene werden parallel ausgeführt. Um sie sequentiell auszuführen, definieren Sie sie innerhalb einer SequentialAnimation:

transitions: Transition {
    to: "brighter"
    reversible: true
    SequentialAnimation {
        PropertyAnimation { property: "x"; duration: 1000 }
        ColorAnimation { duration: 1000 }
    }
}

Diese Eigenschaft gibt an, ob der Übergang beim Wechsel vom Zustand from zum Zustand to ausgeführt wird.

Standardmäßig ist eine Transition aktiviert.

Beachten Sie, dass das Deaktivieren einer Transition unter Umständen dazu führen kann, dass eine andere Transition an ihrer Stelle verwendet wird. Im folgenden Beispiel wurde der erste Übergang zwar so eingestellt, dass er den Wechsel von "state1" zu "state2" animiert, aber dieser Übergang wurde durch die Einstellung von enabled auf false deaktiviert, so dass ein solcher Zustandswechsel stattdessen durch den zweiten Übergang animiert wird.

Item {
    states: [
        State { name: "state1" },
        State { name: "state2" }
    ]
    transitions: [
        Transition { from: "state1"; to: "state2"; enabled: false },
        Transition {
            // ...
        }
    ]
}

Diese Eigenschaft legt fest, ob der Übergang automatisch rückgängig gemacht werden soll, wenn die Bedingungen, die diesen Übergang ausgelöst haben, umgekehrt werden.

Der Standardwert ist false.

Standardmäßig laufen die Übergänge parallel und werden auf alle Zustandsänderungen angewendet, wenn die Zustände from und to nicht gesetzt wurden. In diesem Fall wird der Übergang automatisch angewendet, wenn eine Zustandsänderung rückgängig gemacht wird, und es ist nicht notwendig, diese Eigenschaft zu setzen, um den Übergang rückgängig zu machen.

Wenn jedoch SequentialAnimation verwendet wird oder die Eigenschaften from oder to festgelegt wurden, muss diese Eigenschaft festgelegt werden, um einen Übergang umzukehren, wenn ein Zustandswechsel rückgängig gemacht wird. Der folgende Übergang wendet zum Beispiel eine sequenzielle Animation an, wenn die Maus gedrückt wird, und kehrt die Reihenfolge der Animation um, wenn die Maus losgelassen wird:

Rectangle {
    id: rect
    width: 100; height: 100
    color: "steelblue"

    TapHandler { id: tapHandler }

    states: State {
        name: "brighter"
        when: tapHandler.pressed
        PropertyChanges { target: rect; color: "lightsteelblue"; x: 50 }
    }

    transitions: Transition {
        to: "brighter"
        reversible: true
        SequentialAnimation {
            PropertyAnimation { property: "x"; duration: 1000 }
            ColorAnimation { duration: 1000 }
        }
    }
}

Wenn der Übergang die Werte to und reversible nicht gesetzt hätte, würde der Übergang beim Loslassen der Maus die PropertyAnimation vor der ColorAnimation abspielen, anstatt die Reihenfolge umzukehren.

Diese Eigenschaft gibt an, ob der Übergang gerade läuft.