Hi, was trying to recreate FluidMoveBehavior tutorial on you rwebsite:
http://www.kirupa.com/blend_silverlight/fluidmove_pg1.htm
the steps seem are very simple, but I can not figure it out…
Please can someone look at xaml code and let me know what I’m doing wrong???
<navigationage
xmlns=“http://schemas.microsoft.com/winfx/2006/xaml/presentation”
xmlns=“http://schemas.microsoft.com/winfx/2006/xaml”
xmlns:d=“http://schemas.microsoft.com/expression/blend/2008”
xmlns:mc=“http://schemas.openxmlformats.org/markup-compatibility/2006”
xmlns:navigation=“clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation”
xmlns:controlsToolkit=“clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit” xmlns:i=“clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity” xmlns:il=“clr-namespace:Microsoft.Expression.Interactivity.Layout;assembly=Microsoft.Expression.Interactions”
xmlns:ei=“http://schemas.microsoft.com/expression/2010/interactions”
mc:Ignorable=“d”
x:Class=“NavigationEffect.FluidEffect”
Title=“FluidEffect Page” designWidth=“681”>
<UserControl Width=“Auto” Height=“Auto” HorizontalAlignment=“Stretch” VerticalAlignment=“Stretch”>
<Grid x:Name=“LayoutRoot” Background=“White” Margin=“0” Width=“Auto” Height=“Auto”>
<ScrollViewer Margin=“0” Width=“Auto” Height=“Auto” >
<controlsToolkit:WrapPanel Height=“Auto” Width=“Auto” Margin=“0” HorizontalAlignment=“Stretch” VerticalAlignment=“Stretch”>
<i:Interaction.Behaviors
>
<ei:FluidMoveBehavior
AppliesTo=“Children”>
<ei:FluidMoveBehavior.EaseY
>
<CubicEase
EasingMode=“EaseIn” />
</ei:FluidMoveBehavior.EaseY>
<ei:FluidMoveBehavior.EaseX
>
<CubicEase
EasingMode=“EaseIn” />
</ei:FluidMoveBehavior.EaseX>
</ei:FluidMoveBehavior>
</i:Interaction.Behaviors>
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
<Ellipse
Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” />
</controlsToolkit:WrapPanel>
</ScrollViewer>
</Grid>
</UserControl>
</navigationage>