Mega Code Archive
Animation Ease effect
<![CDATA[
<UserControl x:Class='SilverlightApplication3.MainPage'
xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
xmlns:x='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'
mc:Ignorable='d'
d:DesignWidth='640' d:DesignHeight='480'>
<UserControl.Resources>
<Storyboard x:Name="MoveFolders">
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Folder1" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" BeginTime="00:00:00">
<SplineDoubleKeyFrame KeyTime="00:00:02" Value="500"/>
<SplineDoubleKeyFrame KeyTime="00:00:03" Value="500"/>
<SplineDoubleKeyFrame KeyTime="00:00:05" Value="1050"/>
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Folder2" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" BeginTime="00:00:00">
<SplineDoubleKeyFrame KeyTime="00:00:02" Value="520"/>
<SplineDoubleKeyFrame KeyTime="00:00:03" Value="520"/>
<SplineDoubleKeyFrame KeyTime="00:00:05" Value="1070"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</UserControl.Resources>
<Canvas x:Name="LayoutRoot" Background="White" >
<Image Height="600" Width="800" Source="c:/image.png" x:Name="Desktop" Stretch="Uniform"/>
<Image Height="150" Width="184" Source="c:/image.png" Canvas.Top="176" Canvas.Left="-198" x:Name="Folder1" RenderTransformOrigin="0.5,0.5">
<Image.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle="-15"/>
<TranslateTransform/>
</TransformGroup>
</Image.RenderTransform>
</Image>
<Image Height="150" Width="184" Source="folder.png" Canvas.Left="-198" Canvas.Top="353" x:Name="Folder2" RenderTransformOrigin="0.5,0.5">
<Image.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle="-15"/>
<TranslateTransform/>
</TransformGroup>
</Image.RenderTransform>
</Image>
</Canvas>
</UserControl>
//File: Page.Xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace SilverlightApplication3
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
MoveFolders.Begin();
}
}
}
]]>