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

核心提示： 图片看不清楚？请点击这里查看原图（大图）， 因为地图图片在随鼠标牵引的情况下，C#开发WPF/Silverlight动画及游戏系列教程(Game Course)：(十五) 精灵控件横空出世！②(5)，它的Canvas.getLeft(Map)和Canvas.getTop(Map)属性是时时

图片看不清楚？请点击这里查看原图（大图）。

因为地图图片在随鼠标牵引的情况下，它的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);
　　　　　　　　　　　　　　　 }
　　　　　　　　　　　 }
　　　　　　　 }

上面黄色代码部分即为通过公式来改变主角在游戏窗口中的显示。由于此时的障碍物实体为Rectangle，因此可以通过foreach来改变窗口中所有障碍物显示实体Rectangle对象的显示位置来描绘障碍物同样随着地图的移动而移动（实际中并不需要此段代码，只为了演示）。

到此为止就完成了牵引式地图移动模式中的所有对象跟随地图移动。最后大家按下CTRL+F5并任意移动移动地图看看：

图片看不清楚？请点击这里查看原图（大图）。

嘿嘿，都能跟随移动了呢，但是仿佛还遗漏了什么？？对了，还没实现此模式下主角通过鼠标点击进行走路呢，而且在走路的同时如果我们牵引地图移动，主角也能同样的显示在正确窗口位置上，这又涉及到多个坐标系中坐标的换算，就让这头疼的问题留给下节去处理吧，敬请关注。