Hinzufügen oder Entfernen eines Auslösers

Diese Seite bezieht sich nur auf WPF-Projekte

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

  • Eigenschaftsauslöser Der Mechanismus, mit dem die Änderung einer Eigenschaft (z. B. der IsPressed-Eigenschaft) eine sofortige Änderung einer anderen Eigenschaft oder 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 in den Themen unter Weiterführende Themen in Einfache Stile.

  • 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 Eigenschaftsauslösern in den einfachen Stilen häufig verwendeter Steuerelemente finden Sie in den Themen unter Weiterführende Themen in Einfache Stile.

Weitere Informationen finden Sie unter Auslöser (Übersicht).

Cc295196.alert_note(de-de,Expression.10).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 unter 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 Steuerelementteile bearbeiten (Vorlage), und klicken Sie dann auf Kopie bearbeiten.

    Das Dialogfeld zum Erstellen einer Ressource "Formatvorlage" wird angezeigt.

    Cc295196.alert_note(de-de,Expression.10).gifHinweis:

    Informationen zu Stilen und Vorlagen sowie eine Tabelle mit einem Vergleich zwischen Stilen und Vorlagen finden Sie im Abschnitt zu Stilen und Vorlagen unter Steuerelemente (Übersicht).

  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.10).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 zu Stilen und Vorlagen unter Steuerelemente (Übersicht). Informationen zu den Optionen im Dialogfeld zum Erstellen einer Ressource "Formatvorlage" erhalten Sie unter Erstellen einer Stilressource und Erstellen oder Bearbeiten von Steuerelementvorlagen.

  4. Unter Auslöser 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 die Schaltfläche Eigenschaftsauslöser hinzufügenCc295196.9871399d-14aa-4955-9934-04f33700f273(de-de,Expression.10).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 Kontrollkästchen-Steuerelements ändern, könnten Sie target-element.IsChecked = true auswählen, sodass der Auslöser beim Aktivieren des Kontrollkästchens aktiviert würde.

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

    Cc295196.alert_note(de-de,Expression.10).gifHinweis:

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

  6. Wenn bei aktiviertem Auslöser eine Eigenschaft geändert werden soll, wählen Sie einfach ein Objekt unter 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 die Schaltfläche Neue Aktion hinzufügenCc295196.d02551d0-d56a-4ca3-9d5f-58fbc6bda0c3(de-de,Expression.10).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 die Schaltfläche Zurück zum AnfangCc295196.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(de-de,Expression.10).png. Drücken Sie F5, um die Anwendung auszuführen, sodass Sie den neuen Auslöser testen können.

Cc295196.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben

So fügen Sie einen Ereignisauslöser hinzu

  1. Wählen Sie unter 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 Mauszeiger über ein Textfeld führt, wählen Sie das Textfeld aus.

  2. Klicken Sie unter Auslöser auf die Schaltfläche Ereignisauslöser hinzufügenCc295196.671c69bb-32e9-4ef9-9837-29403524abd0(de-de,Expression.10).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 Mauszeiger ü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.10).gifHinweis:

    Falls Sie das Ereignis von Window in den Namen eines Elements in der Vorlage ändern möchten, müssen Sie das Element zunächst unter 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 die Schaltfläche Neue Aktion hinzufügenCc295196.d02551d0-d56a-4ca3-9d5f-58fbc6bda0c3(de-de,Expression.10).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.

Cc295196.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben

So entfernen Sie einen Auslöser

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

    Cc295196.alert_note(de-de,Expression.10).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 die Schaltfläche Auslöser löschenCc295196.d31907a6-867b-4e16-b860-f07c9531fbd7(de-de,Expression.10).png.

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

Cc295196.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben