Silverlight 解谜游戏 之八 界面切换

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

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

Get Microsoft Silverlight

 

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

createmenu

menu

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

slash

mainpage

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

states

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

record

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

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

load

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

gamescreen

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

menuchange

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

posted @   Gnie  阅读(4619)  评论(10编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
Copyright © 2010 Gnie
点击右上角即可分享
微信分享提示