Abbildung 3.23: Auslöser von Storyboards im Interaktionspanel von Expression Blend



Die Angaben eines Auslösers bestehen aus Folgendem:

• Welches Element soll das Ereignis auslösen? Zum Beispiel Window, also das ganze Dokument.
• Bei welchem Ereignis des Elements soll ausgelöst werden? Zum Beispiel Loaded, also wenn das ganze Dokument geladen wurde.
• Welches Storyboard soll bei Auftreten des Ereignisses gesteuert werden? Zum Beispiel Storyboardl, der von Ihnen vergebene Name eines Storyboards.
• Welcher Steuerbefehl soll ausgeführt werden? Zum Beispiel Begin, das Storyboard soll also gestartet werden.

In unserer Animation soll beim Eintreten des Ereignisses Loaded des Elements Window (das ist der Name unseres aktuellen Fensters) das Storyboard Storyboardl starten. Es können beliebig viele Ereignisseüber den Button +Ereignis hinzugefügt werden, diese über -Auslöser wieder entfernt werden und eine beliebige Anzahl an Anweisungen an Storyboards jedem Ereignis hinzugefügt werden.

Dass für das Entfernen eines Ereignisses die Bezeichnung Auslöser und nicht Ereignis verwendet wird, liegt daran, dass diese Funktion nicht nur die hier diskutierten Auslöser durch Ereignisse von Elementen entfernt, sondern auch die im Abschnitt »Zentralisieren von Eigenschaftswerten in Formatvorlagen« erläuterten»Eigenschaftsauslöser«.

Eine Übersicht der Funktionen des Bereichs Auslöser im Interaktionspanel können Sie Abbildung 3.24 entnehmen.

Abbildung 3.24: Die Funktionen des Bereichs Auslöser im Interaktionspanel



Möchten Sie, dass die Animation nicht beim Starten der Anwendung beginnt, sondern beispielsweise nach Anklicken des Rechtecks, so gehen Sie wie folgt vor:

1. Wenn noch nicht geschehen, selektieren Sie das Ereignis Window. Loaded im Interaktionspanel durch Anklicken.
2. Wählen Sie als auslösendes Element das Rechteck, indern Sie zunächst das Rechteck unter Objekte und Zeitachsen anwählen, dann rechts neben Window auf den nach unten weisenden Pfeil klicken und anschließend das Rechteck in der Listbox auswählen.
   
   

   In der Listenauswahl der auslösenden Objekte wird immer nur das aktuell auslösende Element sowie das in Objekte und Zeitachsen angewählte Element angezeigt.

3. Klicken Sie auf das Ereignis des auslösenden Elements und wählen Sie anstelle von Loaded das Ereignis MouseLeftButtonUp.
4. Starten Sie die Anwendung durch den Menübefehl Projekt/Projektmappe testen oder die Taste [F5].
5. Klicken Sie in der laufenden Anwendung auf das Rechteck. Die Animation wird gestartet.

Betrachten wir den XAML-Quellcode des von uns definierten Auslösers, so zeigt er sich verständlich und übersichtlich wie in Listing 3.8.

Listing 3.8: Auslöser aus XAML-Sicht

<Window.Triggers>
<EventTrigger RoutedEvent="UIElement.MouseLeftButtonUp" SourceName="rectangle">
<BeginStoryboard Storyboard="{StaticResource Storyboardl}"/>
</EventTrigger>
</Window.Triggers>

Copyright © 2010 Microsoft Deutschland GmbH Alle Rechte vorbehalten.