This example show how to make an iTunes like "CoverFlow" layout animation in XAML (Silverlight/WPF). Notes: · This was written to WPF, can easily convert to Silverlight! · Underline values are width of element · You can set animation duration and perspective of elements · Perspective value and height of element are related Cover Element (XAML) <!--CoverFlow Control (List)--> < Canvas Name ="coverflowcontrol"> (...) <!--CoverFlow Element--> < Canvas Name ="coverXPTO" RenderTransformOrigin ="0.5,0.5" Width =" 100 " Height ="100" Background ="Black"> < Canvas.Resources > < Storyboard x : Key ="coverXPTO_anim"> < DoubleAnimation To ="1" Duration ="0:0:0.2" Storyboard.TargetName ="coverXPTO" Storyboard.TargetProperty ="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" /> < DoubleAnimation To ="1"
Read More...