C#开发WPF/Silverlight动画及游戏系列教程(Game Course)：(十五) 精灵控件横空出世！②

紧接着上一节，我们打开QXSpirit.xaml.cs文件。在游戏设计中，为了能够轻易控制及管理精灵的各项属性及功能等，我赋予每个精灵一个专属线程，它在精灵的使用中起到关键作用：

　　　　　　 public QXSpirit() { 　　　　　　　　　　　 InitializeComponent(); 　　　　　　　　　　　 InitThread(); //初始化精灵线程　　　　　　　 } 　　　　　　　 DispatcherTimer Timer = new DispatcherTimer(); 　　　　　　　 private void InitThread() { 　　　　　　　　　　　 Timer.Tick += new EventHandler(Timer_Tick); 　　　　　　　　　　　 Timer.Start(); 　　　　　　　 } 　　　　　　　 //精灵线程间隔事件　　　　　　　 int count = 1; 　　　　　　　 private void Timer_Tick(object sender, EventArgs e) { 　　　　　　　　　　　 Body.Source = new BitmapImage((new Uri(ImageAddress + count + ".png", UriKind.Relative))); 　　　　　　　　　　　 count = count == 7 ? 0 : count + 1; 　　　　　　　 }

　　 DispatcherTimer线程的创建在前面的章节中见得不要太多，这里不再累述了。那为何要在精灵控件中配置一个线程呢？打这样一个比方吧：我们可以把精灵比做一个人，它的生命就好比这个线程，每个人只有一条命，在精子与卵子结合之后（控件的初始化中创建），生命即开始鲜活（创建后即启动）简单说就是“命悬一线”啦。汗一个…。目前该线程与前面章节中的一样，暂时只做精灵动作图片切用（Timer_Tick()），至于其他功用，我将在后面的章节中进行讲解。

赋予了精灵生命以后，接着需要培养它的性格，让它有更多的能力、更多的属性。当然，大家首先迫切想要实现的就是前两节遗留下来关于精灵的X，Y属性。那么先来看代码：

　　　　　　　 //精灵X坐标(依赖属性) 　　　　　　　 public double X { 　　　　　　　　　　　 get { return (double)GetValue(XProperty); } 　　　　　　　　　　　 set { SetValue(XProperty, value); } 　　　　　　　 } 　　　　　　　 public static readonly DependencyProperty XProperty = DependencyProperty.ReGISter( 　　　　　　　　　　　 "X", //属性名　　　　　　　　　　　 typeof(double), //属性类型　　　　　　　　　　　 typeof(QXSpirit), //属性主人类型　　　　　　　　　　　 new FrameworkPropertyMetadata( 　　　　　　　　　　　　　　　　 (double)0, //初始值0 　　　　　　　　　　　　　　　　 FrameworkPropertyMetadataOptions.None, //不特定界面修改　　　　　　　　　　　　　　　　//不需要属性改变回调　　　　　　　　　　　　　　　　 null,//new PropertyChangedCallback(QXSpiritInvalidated), 　　　　　　　　　　　　　　　　 //不使用强制回调　　　　　　　　　　　　　　　　 null 　　　　　　　　　　　　　　　　 ) 　　　　　　　　　　　 ); 　　　　　　　 //精灵Y坐标(依赖属性) 　　　　　　　 public double Y { 　　　　　　　　　　　 get { return (double)GetValue(YProperty); } 　　　　　　　　　　　 set { SetValue(YProperty, value); } 　　　　　　　 } 　　　　　　　 public static readonly DependencyProperty YProperty = DependencyProperty.Register( 　　　　　　　　　　　 "Y", 　　　　　　　　　　　 typeof(double), 　　　　　　　　　　　 typeof(QXSpirit), 　　　　　　　　　　　new FrameworkPropertyMetadata( 　　　　　　　　　　　　　　　　 (double)0, 　　　　　　　　　　　　　　　　 FrameworkPropertyMetadataOptions.None, 　　　　　　　　　　　　　　　　 null, 　　　　　　　　　　　　　　　　 null 　　　　　　　　　　　　　　　　 ) 　　　　　　　　　　　 );

以上代码实现了QXSpirit控件的X，Y依赖属性。大家不要被看似复杂的代码所吓着，其实很简单的，让我一一道来。首先将以上代码分成两部分：X坐标为第一部分，Y坐标为第二部分。它们的结构是一模一样的，我们可以忽略Y坐标，只要理解了X依赖属性的实现，将X换成Y即可。

　　关于依赖属性的相关知识，网上不要太多，它不是本教程的重点所以就不多做解释了。理解它的朋友都明白，上面代码是它的标准创建形式，public double X是它的属性访问器，public static readonly DependencyProperty XProperty 则是定义它。就如上面代码注释中写到的，分别定义它的属性名、类型、所处类名等等。这样，一个完整的X依赖属性就完成了。有的朋友又困惑了，为什么要那么麻烦去创建依赖属性？我直接这样写不就得了：

　　　　　　　 double _X; 　　　　　　　 public double X { 　　　　　　　　　　　 get { return _X; } 　　　　　　　　　　　 set { _X = value; } 　　　　　　　 }

　　即传统又简单。但是，我想告诉大家的是，在WPF/Silverlight中，只有依赖属性才能被更好的使用及识别，例如在属性的绑定，Storyboard目标属性的设定等等中，都必须使用到依赖属性来实现，后面的章节中会讲到它的必要性。而像如上的属性访问器只能用于创建纯描述性属性，例如精灵图片地址目录等，就可以使用属性访问器：

　　　　　　 //精灵图片源目录地址　　　　　　　 string _ImageAddress; 　　　　　　　 public string ImageAddress { 　　　　　　　　　　　 get { return _ImageAddress; } 　　　　　　　　　　　 set { _ImageAddress = value; } 　　　　　　　 }

至此，我们完成了一个初具雏形的精灵控件，接下来就是如何将之加入到游戏中了。首先要做的当然是添加精灵控件的引用：

　　　　using WPFGameCourse.Controls;

　　接下来就是创建精灵控件实例并将之添加进窗口的Carrier控件中：

　　　 QXSpirit Spirit = new QXSpirit(); 　　　　　　　 private void InitSpirit() { 　　　　　　　　　　　 Spirit.X = 300; //为精灵依赖属性X赋值　　　　　　　　　　　 Spirit.Y = 400; //为精灵依赖属性Y赋值　　　　　　　　　　　 Spirit.Timer.Interval = TimeSpan.FromMilliseconds(150); //精灵图片切换频率　　　　　　　　　　　 Spirit.ImageAddress = @"..Player"; //精灵图片源地址　　　　　　　　　　　 Carrier.Children.Add(Spirit); 　　　　　　　 }

　　从代码可以看出，我们已经可以自由的使用Spirit的X，Y属性了，并且轻松的控制该精灵的图片切换频率（为什么我们需要去控制它的切换频率呢？因为在游戏中，角色施放魔法有施法速度；物理攻击时有攻击速度、甚至可能会被冻结（移动速度减）、麻痹（精灵不动）、加速移动攻击BUFF等等，这些不光需要更改角色的相关属性逻辑，更需要在游戏窗口表现时通过调整精灵图片切换速率来实现之，因此意义是相当相当重大的），是不是有些成就感了？

　　至于我们在牵引地图移动的同时，如何实现角色及障碍物的跟随移动？有了X，Y属性以后，这再简单不过了，首先大家来看这张图：

因为地图图片在随鼠标牵引的情况下，它的Canvas.getLeft(Map)和Canvas.getTop(Map)属性是时时更新的，在第十三节中有提到。那么在地图动的时候，当已知主角在地图图片中的坐标（Spirit.X,Spirit.Y）后，即可以按上图根据公式计算出它在游戏窗口中的时时位置为：Spirit.X+ Canvas.getLeft(Map),Spirit.Y+ Canvas.getTop(Map)。有了它，我们只需要在游戏窗口的Timer_Tick事件中这样写：

　　　　　　　 int scrollspeed = 3; //定义地图滚动速度　　　　　　　 private void Timer_Tick(object sender, EventArgs e) { 　　　　　　　　　　　 double mapleft = Canvas.GetLeft(Map); 　　　　　　　　　　　 double maptop = Canvas.GetTop(Map); 　　　　　　　　　　　 …… 　　　　　　　　　　　 //主角跟随地图同时移动　　　　　　　　　　　Canvas.SetLeft(Spirit, Spirit.X + mapleft); 　　　　　　　　　　　Canvas.SetTop(Spirit, Spirit.Y + maptop); 　　　　　　　　　　　 //所有障碍物实体同样跟随移动(实际中并不需要下面代码，这里只为测试用) 　　　　　　　　　　　 foreach (UIElement uie in Carrier.Children) { 　　　　　　　　　　　　　　　if (uie is Rectangle) { 　　　　　　　　　　　　　　　　　　　 Rectangle r = uie as Rectangle; 　　　　　　　　　　　　　　　　　　　 Point p = getPointFromTag(r.Tag); //此方法在上一节有介绍　　　　　　　　　　　　　　　　　　　 Canvas.SetLeft(r, mapleft + p.X * GridSize); 　　　　　　　　　　　　　　　　　　　 Canvas.SetTop(r, maptop + p.Y * GridSize); 　　　　　　　　　　　　　　　 } 　　　　　　　　　　　 } 　　　　　　　 }