14、构建 Silverlight 5 应用：从原型到数据绑定实战

构建 Silverlight 5 应用：从原型到数据绑定实战

1. 应用地图构建

根据需求，可将应用实现为向导式，导航结构简单，包含五个屏幕，从用户数据输入开始，以预订确认结束。在 SketchFlow 的地图面板中按以下步骤构建：
1. 启动新的 SketchFlow 应用时，会自动创建名为“Screen 1”的第一个屏幕。双击屏幕名称，将其重命名为“Login”。
2. 添加第二个关联屏幕有两种方法：
- 最简单的方法是将鼠标悬停在“Login”屏幕上，等待几秒，屏幕下方会弹出菜单，点击第一个按钮生成关联屏幕。
- 也可以直接右键点击屏幕，选择“Create a Connected Screen”。
3. 新生成的屏幕可拖动调整位置，将其重命名为“MovieSelection”。
4. 继续创建整个屏幕地图，该向导式应用具有扁平的导航结构。

graph LR
    A[Login] --> B[MovieSelection]
    B --> C[ShowTimeSelection]
    C --> D[其他屏幕]
    D --> E[预订确认]

2. 屏幕原型设计

此时应用仅包含几个空屏幕，向客户展示可能无法达到预期效果。下面以“MovieSelection”屏幕为例，逐步添加 SketchFlow 控件创建屏幕原型：
1. SketchFlow 可用的控件（具有“草图”风格）可在“Assets Panel > Styles > Sketch Style