Animation + Animation

Hello,

My scenario contains a flow panel with child elements on it. Now the
user starts dragging an element on the panel (lets say to reorganize the
order of the elments). When dragging the other child elements evade the
dragged element and slide to the left or right side. When the user drags
over a new row in the panel the child elements of the previous row slide
back to their old location.
This is all done by WPF animations. My question aims the following scene:

1. The user drags an element.
2. The elements of the row slide aside.
3. The user wants to drag the element over the next row which starts the
animation on the previous row to slide back. The user does this so
fast that the first animation of sliding aside is not done.
--> the effect is that the first animation keeps going but from the
starting position of the second animation

Little confusing but my question is whether it's possible to stop a
playing animation on a property if another one is started right on the
same property? Or is there a possibility to observe the animations?

Regards,
Chris

Take a look at Storyboard.Begin, there are two options for Handoff
(when one storyboard replaces another). If you use SnapshotAndReplace
(the default) then the previous animation will automatically be stopped
by the new animation.

As for getting the animations to blend properly, if you're using a
From-To animation (DoubleAnimation) leave the From empty and it will
default to the current value. For keyframed animation, no keyframe at
time zero implies the current value.

MueMeister wrote:
> Hello,
>
> My scenario contains a flow panel with child elements on it. Now the
> user starts dragging an element on the panel (lets say to reorganize the
> order of the elments). When dragging the other child elements evade the
> dragged element and slide to the left or right side. When the user drags
> over a new row in the panel the child elements of the previous row slide
> back to their old location.
> This is all done by WPF animations. My question aims the following scene:
>
> 1. The user drags an element.
> 2. The elements of the row slide aside.
> 3. The user wants to drag the element over the next row which starts the
> animation on the previous row to slide back. The user does this so
> fast that the first animation of sliding aside is not done.
> --> the effect is that the first animation keeps going but from the
> starting position of the second animation
>
> Little confusing but my question is whether it's possible to stop a
> playing animation on a property if another one is started right on the
> same property? Or is there a possibility to observe the animations?
>
> Regards,
> Chris