Share via

FluidMoveBehavior Behavior (Compact 2013)

  • Article

3/26/2014

You can animate a change in the position of an element by using FluidMoveBehavior. The following example demonstrates associating a FluidMoveBehavior with a rectangle inside a Border control.

<Border BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Left" Height="388" Margin="41,39,0,0"
      VerticalAlignment="Top" Width="552">
   <i:Interaction.Behaviors>
      <ei:FluidMoveBehavior AppliesTo="Children" Duration="0:0:5">
         <ei:FluidMoveBehavior.EaseY>
            <CircleEase EasingMode="EaseIn"/>
         </ei:FluidMoveBehavior.EaseY>
         <ei:FluidMoveBehavior.EaseX>
            <BounceEase EasingMode="EaseIn"/>
         </ei:FluidMoveBehavior.EaseX>
      </ei:FluidMoveBehavior>
   </i:Interaction.Behaviors>
   <Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="95" Margin="9,9,0,0" Stroke="Black"
      VerticalAlignment="Top" Width="113"/>
</Border>

See Also

Concepts

Expression Blend Behaviors in XAML for Windows Embedded
Behaviors, Actions, and Triggers