FluidMoveBehavior

Sie können mithilfe des FluidMoveBehavior -Verhaltens eine Änderung der Position eines Elements animieren.

So fügen Sie ein FluidMoveBehavior-Verhalten hinzu

1. Klicken Sie im Objektepanel auf Verhalten, und ziehen Sie das FluidMoveBehavior-Verhalten auf der Zeichenfläche oder in der Zeitachse auf das gewünschte Element.

2. Wählen Sie in der Kategorie Allgemeine Eigenschaften in der Dropdownliste AppliesTo das Objekt aus, auf das Sie das Verhalten anwenden möchten. Bei Auswahl von Self wird das Verhalten auf das Objekt angewendet, an das das Verhalten angefügt ist. Bei Auswahl von Children wird das Verhalten auf alle untergeordneten Objekte des von Ihnen angegebenen Objekts (z. B. ein Layoutcontainer) angewendet.

   

3. Führen Sie in der Kategorie Animationseigenschaften einen oder mehrere der folgenden Schritte aus:

   • Duration    Geben Sie eine Zahl ein, um anzugeben, wie lange der Übergang dauert.

   • EaseX   Geben Sie eine horizontale EasingFunktion an.

   • EaseY   Geben Sie eine vertikale EasingFunktion an.

   • FloatAbove   Aktivieren Sie dieses Kontrollkästchen, wenn das Objekt während des Übergangs unverankert über anderen Objekten auf der Zeichenfläche angezeigt werden soll.

     Hinweis:
     FloatAbove gilt nur für Szenarien, in dem sich das übergeordnete Element ändert.

4. Führen Sie in der Kategorie Tag-Eigenschaften einen oder mehrere der folgenden Schritte aus:

   • InitialTag   Geben Sie das Tag an, aus dem dieses Element stammt. Wählen Sie Element für ein eigenständiges Szenario aus. Wählen Sie DataContext für ein datengebundenes Szenario aus. Mithilfe der FluidMoveBehavior -Aktion wird versucht, ein Element zu finden, das zuvor unter Verwendung der FluidMoveSetTagBehavior -Aktion mit den gleichen Daten markiert wurde

   • Tag   Geben Sie an, welche Art von Daten in den Datenspeicher gelesen oder geschrieben werden sollen. Wählen Sie Element für ein eigenständiges Szenario aus. Wählen Sie DataContext für ein datengebundenes Szenario aus.

5. Bei komplexeren Datenszenarien können Sie auch bestimmte Daten adressieren, die Sie an den Datenspeicher senden oder aus dem Datenspeicher erhalten möchten. Klicken Sie in der Kategorie Tag-Eigenschaften auf Erweiterte Eigenschaften einblenden, und führen Sie dann folgende Schritte aus:

   • Geben Sie im Feld InitialTagPath die gewünschten Punktsyntaxeinschränkungen ein.

   • Geben Sie im Feld TagPath die gewünschten Punktsyntaxeinschränkungen ein.

Ein Beispiel für dieses Verhalten finden Sie in der Expression Community Gallery  (Expression Community-Katalog).