Wichtige Konzepte in „ Qt Quick “ – Zustände, Übergänge und Animationen

In jeder modernen Benutzeroberfläche sind Übergänge zwischen Zuständen und die Animation der Benutzeroberfläche von großem Nutzen. Dies sind zentrale Konzepte in „ Qt Quick “.

Diese Seite beschreibt das Konzept der Zustände, Zustandsübergänge und Eigenschaftsanimationen. Sie erläutert, welche Konzepte wichtig sind und warum, sowie wie diese Konzepte miteinander in Zusammenhang stehen. Außerdem enthält sie Links zu ausführlichen Informationen über die QML-Typen, die Qt Quick zur Umsetzung dieser Konzepte bereitstellt.

Zustände

Der Zustand eines bestimmten visuellen Elements ist die Gesamtheit der Informationen, die beschreiben, wie und wo die einzelnen Bestandteile des visuellen Elements darin angezeigt werden, sowie alle mit diesem Zustand verbundenen Daten. Die meisten visuellen Elemente in einer Benutzeroberfläche verfügen über eine begrenzte Anzahl von Zuständen, von denen jeder klar definierte Eigenschaften aufweist.

Beispielsweise kann ein Element in einer Liste entweder ausgewählt sein oder nicht; ist es ausgewählt, kann es entweder die aktuell aktive Einzelauswahl sein oder Teil einer Auswahlgruppe.

Jeder dieser Zustände kann mit einem bestimmten visuellen Erscheinungsbild verbunden sein (neutral, hervorgehoben, erweitert usw.).

Qt Quick bietet einen Typ „ State “ mit Eigenschaften, die dessen Semantik definieren und zum Auslösen von Verhalten oder Animationen verwendet werden können. Weitere Informationen finden Sie in der Dokumentation zu „Qt Quick -Zustände “.

Übergänge

Wenn ein visuelles Element von einem Zustand in einen anderen übergeht, ändert sich das Erscheinungsbild dieses Elements. Ein Übergang ist eine „Grenze“ zwischen zwei Zuständen. Er kann das Eintreten anderer Ereignisse auslösen, da andere Teile der Anwendung möglicherweise über ein Verhalten verfügen, das ausgelöst wird, wenn ein bestimmter Zustand erreicht oder verlassen wird.

Qt Quick Transition bietet den Typ „ “, dessen Eigenschaften festlegen, was geschieht, wenn die Anwendung von einem Zustand in einen anderen wechselt. Weitere Informationen zu Übergängen finden Sie in der Dokumentation zu „Übergänge bei Zustandsänderungen “.

Animationen

Beim Übergang zwischen Zuständen kann eine flüssige Animation eingesetzt werden, um den Benutzer während des Übergangs zu unterstützen. Abrupte und unerwartete Änderungen an der visuellen Oberfläche führen zu einer suboptimalen Benutzererfahrung und sollten vermieden werden.

Wird ein Element in einer Liste ausgewählt, kann die Farbänderung (von neutral zu hervorgehoben) animiert werden. Wird die Position des Elements in der Liste geändert, kann es flüssig animiert verschoben werden, sodass das Auge des Benutzers die Änderung verfolgen kann.

Diese Arten von Animationen werden in „ Qt Quick “ durch verschiedene Animations- und Übergangstypen unterstützt. Informationen zu diesen Typen und ihrer Verwendung finden Sie in der Dokumentation zu Animationen und Übergängen unter „ Qt Quick “.

Animieren von Eigenschaftszuweisungen

Animationen beziehen sich nicht nur auf Zustände und Übergänge zwischen Zuständen. Eine Animation kann beispielsweise durch andere Ereignisse ausgelöst werden, die nicht mit einem bestimmten Zustand verbunden sind.

Häufig ist es sinnvoll, Änderungen an bestimmten Eigenschaften visueller Elemente stets zu animieren, unabhängig von der Ursache der Änderung (z. B. bei Opazitätseffekten). „ Qt Quick “ stellt den Typ „ Behavior “ bereit, mit dem der Client das Animationsverhalten bei Änderungen an Eigenschaften festlegen kann. Der Typ „ Behavior “ ist ein Beispiel für einen QML-Objekt-Eigenschaftsmodifikator.

Weitere Informationen zur Verwendung des Typs „ Behavior “ zur Bereitstellung von Standardanimationen bei Eigenschaftsänderungen finden Sie in der Dokumentation zu Standard-Eigenschaftsanimationen.

Es ist wichtig zu beachten, dass die Verwendung von Standard-Eigenschaftsanimationen (über den Typ „ Behavior “) in Kombination mit Zustandsübergangsanimationen manchmal zu undefiniertem Verhalten führen kann. Weitere Informationen zu diesem Thema finden Sie in der Dokumentation zur Verwendung von „ Qt Quick “-Verhalten mit Zuständen.

Animatoren

Die „ Animator “-Typen sind eine spezielle Art von Animationen, die die QML-Objekte umgehen und direkt auf die Primitive im Szenenbaum einwirken. Dies hat den Vorteil, dass die auf „Animator“ basierenden Animationen auf dem Rendering-Thread des Szenenbaums (sofern zutreffend) ausgeführt werden können und auch dann weiterlaufen, wenn die Benutzeroberfläche anderweitig blockiert ist.

Qt Quick bietet die folgenden Animator-Typen:

• XAnimator - Animiert die horizontale Position eines „ Item “.
• YAnimator - Animiert die vertikale Position eines „ Item “.
• ScaleAnimator - Animiert den Skalierungsfaktor eines „ Item “.
• RotationAnimator - Animiert die Drehung eines „ Item “.
• OpacityAnimator - Animiert die Deckkraft eines „ Item “.
• UniformAnimator - Animiert eine gleichmäßige Bewegung eines „ ShaderEffect “.

Animierte Sprites

Das Konzept der animierten Sprites unterscheidet sich von dem Konzept der Animationen, wie es an anderer Stelle auf dieser Seite verwendet wird. Wenn Sie ein animiertes Bild oder Sprite erstellen oder verwenden möchten, lesen Sie bitte die Dokumentation zu Sprite-Animationen.