前面的章节我们一直在MainPage.xaml 中对游戏界面进行开发,本篇将通过Canvas 控件为游戏添加一个开始界面,使游戏能在不同界面中切换。

完成本章的内容后,将实现以下效果:

Silverlight 解谜游戏 之八 界面切换

 

1. 在MainPage 中创建一个MENU TextBlock,用于回到初始界面:

Silverlight 解谜游戏 之八 界面切换

Silverlight 解谜游戏 之八 界面切换

2. 在LayoutRoot 中创建Canvas:splashCanvas,将其拖入MainPage 中(与LayoutRoot 左对齐),并添加两个TextBlock:

Silverlight 解谜游戏 之八 界面切换

Silverlight 解谜游戏 之八 界面切换

3. 为了进行界面切换,在States 中创建ScreenStates 组,并在组中创建GameScreenSplashScreen

Silverlight 解谜游戏 之八 界面切换

点击SplashScreen 开始录制,选择TreeView 中的splashCanvas 将其LeftTop 参数设置为“0”,停止录制。当前SplashScreen 便会覆盖在MainPage 上面:

Silverlight 解谜游戏 之八 界面切换

4. 下面开始让界面进行切换操作:

首先为LayoutRoot 添加GoToStateAction Behaviors,在游戏运行时默认加载SplashScreen界面:

Silverlight 解谜游戏 之八 界面切换

点击splashCanvas 为其添加第二个GoToStateAction,点击SplashScreen 后进入GameScreen 界面:

Silverlight 解谜游戏 之八 界面切换

最后为“MENU” TextBlock 添加GoToStateAction,用于返回SplashScreen 界面:

Silverlight 解谜游戏 之八 界面切换

至此,界面切换操作全部完成,F5运行程序看看效果吧。源代码下载:


本文转自Gnie博客园博客,原文链接:http://www.cnblogs.com/gnielee/archive/2010/01/06/silverlight-puzzle-game-part8.html,如需转载请自行联系原作者


相关文章:

  • 2021-12-23
  • 2021-09-15
  • 2021-07-13
猜你喜欢
  • 2021-12-26
  • 2021-12-12
相关资源
相似解决方案