三、使用SketchFlow Map实现导航
通过使用(组件)屏幕下方的小图标“Create a connected screen”或“Connect an existing screen”创建的组件间的连接小箭头仅说明了这部分之间存在先后关系,但游戏方案的最后决定者在运行这样的原型工程时并不可能在这些屏幕间进行跳转。本节正要介绍如何加入屏幕间导航的问题。
典型情况下,我们会在一个屏幕上添加一个按钮样式,单击它以实现从当前屏幕跳转到下一个屏幕。为了简单起见,我们仅讨论操作上面创建的组件屏幕相关操作。
1、建立各屏幕间的导航
双击打开Nav_bar.xaml屏幕,单击其中的Home按钮并单击右键,然后从快捷菜单中选择“Navigate to”—“Start”,如图15所示。

图9. 使用快捷菜单创建屏幕间的导航关系
上述操作是易于理解的,即运行过程中当单击“Home”按钮时整个控制切换到游戏的开始屏幕Start中。
类似操作,单击其中的ScoreBoard按钮并单击右键,然后从快捷菜单中选择“Navigate to”—“ScoreBoard”。即是说,当运行过程中任意时刻单击导航栏中的ScoreBoard按钮时整个控制切换到游戏的玩家得分板屏幕ScoreBoard处。
2、运行测试屏幕间的导航
保存上述所有内容(菜单File—Save All),选择菜单Project—Run Project(或按键F5)。一切顺利的话,在浏览器中会开启一个SketchFlow播放器(SketchFlow Player)。你可以使用左上方的导航栏进行各屏幕间的导航测试,或者使用左下方的地图面板选择某个屏幕并直接跳转到该屏幕处。

图10. 在奥比岛鸟瞰图屏幕草图中,你可以单击某个数字导航到对应的岛屿
四、小结
在本篇中,我们开始接触到SketchFlow原型游戏开发的关键部分,即使用SketchFlow Map规划游戏主要模块、创建可重用的组件屏幕和实现各屏幕间的导航等问题。在下一篇中。