Timer triggered Animation
<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'>
<Canvas>
<Path Fill="Blue">
<Path.Data>
<EllipseGeometry x:Name="ball1" Center="30,180" RadiusX="5" RadiusY="5" />
</Path.Data>
</Path>
<Path Stroke="LightBlue">
<Path.Data>
<EllipseGeometry Center="180,180" RadiusX="150" RadiusY="75" />
</Path.Data>
</Path>
</Canvas>
</UserControl>
//File:Window.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
{
private TimeSpan lastRender;
double time = 0;
double dt = 0;
public MainPage()
{
lastRender = TimeSpan.FromTicks(DateTime.Now.Ticks);
CompositionTarget.Rendering += StartAnimation;
}
private void StartAnimation(object sender, EventArgs e)
{
RenderingEventArgs renderArgs = (RenderingEventArgs)e;
dt = (renderArgs.RenderingTime - lastRender).TotalSeconds;
lastRender = renderArgs.RenderingTime;
double x = 180 + 150 * Math.Cos(2 * time);
double y = 180 + 75 * Math.Sin(2 * time);
ball1.Center = new Point(x, y);
time += dt;
}
}
}
Related examples in the same category