Definieren unterschiedlicher visueller Zustände für ein Steuerelement

Artikel
10/11/2017

Sie können die Anwendung interaktiv gestalten, indem Sie unterschiedliche Darstellungen für die visuellen Zustände des UserControl-, Window- oder Page-Steuerelements oder der Steuerelementvorlage definieren und anschließend Verhalten oder Code hinzufügen, die je nach Benutzerinteraktion für die jeweiligen Zustände gelten. Sie können den Übergang zwischen zwei Zustandskombinationen ändern und sogar Animationen erstellen, die beim ersten Aufrufen eines Zustands ausgeführt werden.

Zustandsgruppen

Eine Zustandsgruppe enthält visuelle Zustände, die Teil derselben logischen Kategorie sind und nicht gleichzeitig angezeigt werden können. Es kann jeweils nur ein Zustand in einer Statusgruppe angezeigt werden. Ein Zustand aus einer Gruppe kann jedoch gleichzeitig mit einem Zustand aus einer anderen Gruppe angezeigt werden.

Wenn Sie beispielsweise mit einem UserControl-Steuerelement arbeiten, dass eine Spielkarte darstellt, verwenden Sie möglicherweise eine SideDisplayed-Statusgruppe mit Zuständen, die die Karte mit der Bildseite nach oben (FaceUp) oder nach unten (FaceDown) anzeigen. Sie verwenden möglicherweise auch eine MouseInteraction-Statusgruppe mit Zuständen, die die Darstellung der Karte ändern, wenn sich der Mauszeiger über der Karte befindet (MouseOver) oder die Karte angeklickt wird (Click). Sie können die Karte gleichzeitig mit der Bildseite nach oben anzeigen und den Mauszeiger darüber bewegen. Daher befinden sich diese Zustandsoptionen in unterschiedlichen Statusgruppen. Die Karte kann jedoch nicht gleichzeitig mit der Bildseite nach oben und nach unten angezeigt werden. Daher befinden sich diese Zustände in derselben Statusgruppe.

Statusgruppen und Zustände einer Spielkarte

Ee371169.4fecf399-1962-4668-86e7-efe1a485cbc1(DE-DE,Expression.30).png

Weitere Informationen finden Sie unter Definieren verschiedener visueller Statusmöglichkeiten und Übergangszeiten für Benutzersteuerelemente.

Status

Wenn Sie einen Zustand auswählen, wird die Zustandsaufzeichnung eingeschaltet, sodass alle vorgenommenen Änderungen für diesen Zustand aufgezeichnet werden. Um die Zustandsaufzeichnung zu deaktivieren, klicken Sie auf die Aufzeichnungsschaltfläche Ee371169.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(DE-DE,Expression.30).png , oder wählen Sie im Zuständepanel die Option Basis aus. Wenn Sie die Darstellung eines Zustands in einer Statusgruppe ändern möchten, während Sie das Steuerelement im Zustand einer anderen Statusgruppe anzeigen, können Sie im Aufzeichnungsmodus für den ersten Zustand eine Vorschau auf den zweiten Zustand einpassen.

Weitere Informationen finden Sie unter Definieren verschiedener visueller Statusmöglichkeiten und Übergangszeiten für Benutzersteuerelemente.

Sie können das GoToStateAction-Verhalten verwenden oder Code in einen Ereignishandler schreiben, um zwischen Zuständen zu wechseln.

Weitere Informationen finden Sie unter Ändern des Status als Reaktion auf eine Benutzerinteraktion.

Übergänge:

Sie können die Zeit verlängern, die bei einer Zustandsänderung für den Übergang in einen anderen Status benötigt wird. Sie können die Übergangsdauer für eine gesamte Statusgruppe oder für bestimmte Zustandskombinationen festlegen.

Festlegen der Übergangsdauer für alle Zustände in einer Statusgruppe

Ee371169.d1eabf30-62d2-47ae-a52b-453c702b9358(DE-DE,Expression.30).png

Festlegen der Zustandszeit nur für Übergange von einem Klickzustand in alle anderen Zustände

Ee371169.1ed8d611-1ce5-4101-ad73-54aa166c4e9a(DE-DE,Expression.30).png

Weitere Informationen finden Sie unter Ändern der Übergangszeit zwischen Statusänderungen und Definieren verschiedener visueller Statusmöglichkeiten und Übergangszeiten für Benutzersteuerelemente.

Wenn Sie einen reibungslosen Übergang von Zuständen zur Änderung von Layouteigenschaften wünschen, bei denen es sich um diskrete Werte handelt (Spalten- oder Zeilennummern) oder die automatisch festgelegt werden (Breite und Höhe), können Sie das dynamische Layout verwenden.

Weitere Informationen finden Sie unter Reibungsloser Übergang zwischen Layoutänderungen.