Share via


Hinzufügen oder Entfernen eines Auslösers

This page applies to WPF projects only

Mit Auslösern können Sie Animationszeitachsen starten und anhalten oder Eigenschaften von Objekten ändern. Es gibt zwei Arten von Auslösern:

  • Eigenschaftsauslöser   Mechanismus, bei dem die Änderung einer Eigenschaft (z. B. der IsPressed-Eigenschaft) eine sofortige Änderung einer anderen Eigenschaft oder eine schrittweise Änderung über eine animierte Zeitachse auslöst. Eigenschaftsauslöser können im Stil oder in der Vorlage eines Steuerelements festgelegt werden.

    Beispiele zum Festlegen von Eigenschaftsauslösern in den einfachen Stilen häufig verwendeter Steuerelemente finden Sie unter Formatierungstipps für einfache WPF-Formatvorlagen.

  • Ereignisauslöser   Der Mechanismus, mit dem ein Ereignis (z. B. ein Mausklick) eine Animationszeitachse auslöst. Ereignisauslöser können für jedes Objekt auf der Zeichenfläche festgelegt werden: im Stil oder in der Vorlage eines Steuerelements, in einem Steuerelement oder im Stamm des Dokuments.

    Beispiele zum Festlegen von Ereignisauslösern in den einfachen Stilen häufig verwendeter Steuerelemente finden Sie unter Formatierungstipps für einfache WPF-Formatvorlagen.

Weitere Informationen finden Sie unter Verwendung von Auslösern, um das Verhalten eines WPF-Steuerelements festzulegen.

Cc295196.alert_note(DE-DE,Expression.30).gifHinweis:

Auslöser werden demselben Bereich hinzugefügt wird die Animationszeitachse, die sie ändern. Es ist z. B. nicht möglich, einen Auslöser im Bearbeitungsbereich des Hauptdokuments festzulegen, mit dem eine Animationszeitachse in der Steuerelementvorlage einer Schaltfläche gestartet wird, auch wenn sich diese Schaltfläche im Dokument befindet. Sie können jedoch einen Auslöser in der Steuerelementvorlage festlegen, mit dem eine Animation in derselben Steuerelementvorlage gestartet wird. Dasselbe gilt für Animationen in Steuerelementen, die dem Dokument hinzugefügt werden.

So fügen Sie einen Eigenschaftsauslöser hinzu

  1. Wählen Sie im Panel Objekte und Zeitachsen das Steuerelement aus, dessen Stil oder Vorlage Sie ändern möchten.

  2. Führen Sie im Menü Objekt einen der folgenden Schritte aus:

    • Wenn Sie den Stil für das Steuerelement bearbeiten möchten, zeigen Sie auf Formatvorlage bearbeiten, und klicken Sie dann auf Kopie bearbeiten.

    • Wenn Sie die Vorlage für das Steuerelement bearbeiten möchten, zeigen Sie auf Vorlage bearbeiten, und klicken Sie dann auf Kopie bearbeiten.

    Das Dialogfeld Ressource "Style" erstellen wird geöffnet.

    Informationen zu Stilen und Vorlagen sowie eine Tabelle mit einem Vergleich zwischen Stilen und Vorlagen finden Sie im Abschnitt "Stile und Vorlagen" unter Auswählen und Verwenden von interaktiven Steuerelementen.

  3. Klicken Sie auf OK, um das Dialogfeld zu schließen und den Stil oder die Vorlage zur Bearbeitung zu öffnen.

    Cc295196.alert_note(DE-DE,Expression.30).gifHinweis:

    Dieses Verfahren ist stark vereinfacht, um das Festlegen von Eigenschaftsauslösern in den Mittelpunkt zu stellen. Weitere Informationen zu den Unterschieden zwischen Stilen und Vorlagen finden Sie im Abschnitt "Stile und Vorlagen" unter Auswählen und Verwenden von interaktiven Steuerelementen. Informationen zu den Optionen im Dialogfeld Stilressource erstellen finden Sie unter Erstellen einer Formatvorlage und Erstellen oder Bearbeiten einer Vorlage.

  4. Im Auslöserpanel sind möglicherweise bereits einige Eigenschaftsauslöser für Steuerelementzustände wie IsEnabled=True festgelegt. Falls kein Zustand angezeigt wird, der für den Auslöser geeignet ist, klicken Sie auf Eigenschaftsauslöser hinzufügenCc295196.9871399d-14aa-4955-9934-04f33700f273(DE-DE,Expression.30).png.

    Ein Standardeigenschaftsauslöser (MinWidth=0) wird der Liste hinzugefügt und ist zur Bearbeitung ausgewählt. Zudem wechselt die Zeichenfläche in den Aufzeichnungsmodus für den Auslöser.

  5. Klicken Sie auf die Dropdownpfeile unter Aktiviert wenn, um die Eigenschaft und den Wert zu ändern, mit der bzw. dem der Auslöser aktiviert wird. Wenn Sie z. B. die Vorlage eines CheckBox-Steuerelements ändern, können Sie target-element.IsChecked = true auswählen, sodass der Auslöser beim Aktivieren des Kontrollkästchens aktiviert wird.

    Nun können Sie angeben, welche Aktion bei Aktivierung des Auslösers ausgeführt werden soll.

    Cc295196.alert_note(DE-DE,Expression.30).gifHinweis:

    Falls Sie die Eigenschaft von target-element in den Namen eines Elements in der Vorlage umbenennen möchten, müssen Sie das Element zunächst im Panel Objekte und Zeitachsen auswählen.

  6. Wenn bei aktiviertem Auslöser eine Eigenschaft geändert werden soll, wählen Sie ein Objekt im Panel Objekte und Zeitachsen aus und ändern Sie eine Eigenschaft im Eigenschaftenpanel. Dies ist möglich, da Sie sich im Aufzeichnungsmodus für den Auslöser befinden.

    Die Eigenschaftenänderung wird unter Eigenschaften wenn aktiv angezeigt.

  7. Wenn bei aktiviertem Auslöser eine Animationszeitachse gesteuert werden soll, klicken Sie neben Aktionen beim Aktivieren auf Neue Aktion hinzufügenCc295196.d02551d0-d56a-4ca3-9d5f-58fbc6bda0c3(DE-DE,Expression.30).png.

    • Falls keine vorhandene Animationszeitachse zur Auswahl verfügbar ist, wird das Dialogfeld Zeitachse erforderlich mit der Frage geöffnet, ob Sie eine neue Zeitachse erstellen möchten. Klicken Sie auf OK, und erstellen Sie dann die Animation, indem Sie Keyframes festlegen und Objekte ändern.

    • Falls eine vorhandene Animationszeitachse zur Auswahl verfügbar ist, wird eine Dropdownliste geöffnet, die die Zeitachse und eine Option zum Erstellen einer neuen Zeitachse enthält.

    Die Zeitachse wird unter Aktionen beim Aktivieren angezeigt und ist auf Begin festgelegt.

  8. Wenn Sie den Bearbeitungsbereich des Stils oder der Vorlage beenden möchten, klicken Sie auf Zurück zum AnfangCc295196.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(DE-DE,Expression.30).png. Drücken Sie F5, um die Anwendung auszuführen, sodass Sie den neuen Auslöser testen können.

So fügen Sie einen Ereignisauslöser hinzu

  1. Wählen Sie im Panel Objekte und Zeitachsen ein Objekt aus, das bei Interaktion den Auslöser aktivieren soll. Falls der Auslöser z. B. aktiviert werden soll, wenn der Benutzer den Zeiger über ein Textfeld führt, wählen Sie das Textfeld aus.

  2. Klicken Sie im Auslöserpanel auf Ereignisauslöser hinzufügenCc295196.671c69bb-32e9-4ef9-9837-29403524abd0(DE-DE,Expression.30).png.

    • Ein Standardauslöser wird hinzugefügt (Wenn "Window.Loaded" ausgelöst wird).
  3. Klicken Sie auf die Dropdownpfeile, um das Ereignis zu ändern, durch das der Auslöser aktiviert wird. Falls der Auslöser z. B. aktiviert werden soll, wenn der Benutzer den Zeiger über ein Textfeld führt, ändern Sie Wenn "Window.Loaded" ausgelöst wird in Wenn "textMouseMove" ausgelöst wird.

    Cc295196.alert_note(DE-DE,Expression.30).gifHinweis:

    Falls Sie das Ereignis von Fenster in den Namen eines Elements in der Vorlage umbenennen möchten, müssen Sie das Element zunächst im Panel Objekte und Zeitachsen auswählen.

  4. Wenn bei aktiviertem Auslöser eine Animationszeitachse gesteuert werden soll, klicken Sie neben Wenn "checkMouseMove" ausgelöst wird auf Neue Aktion hinzufügenCc295196.d02551d0-d56a-4ca3-9d5f-58fbc6bda0c3(DE-DE,Expression.30).png.

    • Falls keine vorhandene Animationszeitachse zur Auswahl verfügbar ist, wird das Dialogfeld Zeitachse erforderlich mit der Frage geöffnet, ob Sie eine neue Zeitachse erstellen möchten. Klicken Sie auf OK, und erstellen Sie dann die Animation, indem Sie Keyframes festlegen und Objekte ändern.

    • Falls eine vorhandene Animationszeitachse zur Auswahl verfügbar ist, wird eine Dropdownliste geöffnet, die die Zeitachse und eine Option zum Erstellen einer neuen Zeitachse enthält.

    Die Zeitachse wird unter Wenn "checkBox.MouseMove" ausgelöst wird angezeigt und ist auf Begin festgelegt.

  5. Drücken Sie F5, um die Anwendung auszuführen, sodass Sie den neuen Auslöser testen können.

So entfernen Sie einen Auslöser

  1. Wählen Sie im Auslöserpanel den Auslöser aus, den Sie entfernen möchten.

    Cc295196.alert_note(DE-DE,Expression.30).gifHinweis:

    Falls sich der Auslöser, den Sie entfernen möchten, in einem Stil oder einer Steuerelementvorlage befindet, stellen Sie sicher, dass Sie sich im Bearbeitungsmodus dieses Stils bzw. dieser Vorlage befinden.

  2. Klicken Sie auf Auslöser löschenCc295196.d31907a6-867b-4e16-b860-f07c9531fbd7(DE-DE,Expression.30).png.

  3. Der Auslöser wird aus der Liste entfernt.