所以本系列教程将全方位的以纯C#程序语言进行动态创建一切可视化对象，从而构建出一个如QXGame(WPF GAME ENGINE)游戏引擎，这才是我本系列教程希望达到的目的。
（注：本教程使用的开发工具为Visual studio 2008 版本sp1）
好了，那么我首先介绍第一种动态创建动画的方法，这也是官方推荐的Storyboard动画。该类型动画您可以在网络上查阅相关资料进行了解，这里不累述了，那么我们直接进入主题：
首先我们新建一个WPF项目，接下来打开Window1.xaml进入视图代码编辑器，这里我们这样写：
<Window x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="WPFGame">
<Canvas x:Name="Carrier" Width="800" Height="600" Background="Silver"
MouseLeftButtonDown="Carrier_MouseLeftButtonDown" />
</Window>
这段代码我创建了一个名叫Carrier的Canvas(画布)容器布局控件，并设置它的尺寸为800*600，背景银色，最后注册一个鼠标在它上面点击的事件。那么为什么要选择Canvas作为容器呢？因为Canvas可以实现它内部的控件任意的绝对定位，可以很方便的处理物体的移动。
界面容器元素布局好了，那么接下来就动态创建物体对象了：
Rectangle rect;//创建一个方块作为演示对象
public Window1() {
InitializeComponent();
rect = new Rectangle();
rect.Fill = new SolidColorBrush(Colors.Red);
rect.Width = 50;
rect.Height = 50;
rect.RadiusX = 5;
rect.RadiusY = 5;
Carrier.Children.Add(rect);
Canvas.SetLeft(rect, 0);
Canvas.SetTop(rect, 0);
}
这里我创建了一个50*50象素，圆角5*5红色的方块对象，并且将它作为子控件添加进Carrier中，并且初始化它在Carrier中的位置: Canvas.SetLeft(rect, 0); Canvas.SetTop(rect, 0);
对象准备好了，那么接下来就是实现动画了。我们要实现的是鼠标点哪它就移动到哪：
private void Carrier_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) {
//创建移动动画
Point p = e.GetPosition(Carrier);
Storyboard storyboard = new Storyboard();
//创建X轴方向动画
DoubleAnimation doubleAnimation = new DoubleAnimation(
Canvas.GetLeft(rect),
p.X,
new Duration(TimeSpan.FromMilliseconds(500))
);
Storyboard.SetTarget(doubleAnimation, rect);
Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("(Canvas.Left)"));
storyboard.Children.Add(doubleAnimation);
//创建Y轴方向动画
doubleAnimation = new DoubleAnimation(
Canvas.GetTop(rect),
p.Y,
new Duration(TimeSpan.FromMilliseconds(500))
);
Storyboard.SetTarget(doubleAnimation, rect);
Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("(Canvas.Top)"));
storyboard.Children.Add(doubleAnimation);
//将动画动态加载进资源内
if (!Resources.Contains("rectAnimation")) {
Resources.Add("rectAnimation", storyboard);
}
//动画播放
storyboard.Begin();
}
从上面代码我们可以看到，首先获取鼠标点击点相对于Carrier中的坐标位置p，然后创建故事板storyboard和Double类型动画doubleAnimation，doubleAnimation有3个参数，分别代表开始值，结束值，动画经历时间，接着通过Storyboard.SetTarget()和Storyboard.SetTargetProperty()分别设置动画的目标及要修改的动画目标属性，再下来将doubleAnimation添加进storyboard中，这样重复两次分别实现X轴和Y轴方向的动画。当这些处理完后，最后还需要将storyboard添加进Resources资源内，这样程序才能识别。一切就绪后，通过代码storyboard.Begin()来开始动画。
大家按Ctrl+F5，然后在窗体上随便点点，方块是不是会移动了呢？呵呵。
小结：Storyboard动画是基于时间线的矢量动画，它与传统的基于图片轮换形成的动画不同，它的原理是通过时时的改变对象属性而形成的，第一次接触的朋友们可能会觉得比较吃力，但是慢慢体会一下，多练习一下就会渐渐的理解了。
[返回] 中文XML论坛 - 专业的XML技术讨论区 →
计算机技术与应用 → 『 Dot NET,C#,ASP,VB 』 → C#开发WPF/Silverlight动画及游戏系列教程(Game Course)
(订阅本版)
2010/2/23 8:36:00
新浪微博
C#开发WPF/Silverlight动画及游戏系列教程(Game Course)