31、Windows Phone应用设计与发布全流程指南

Windows Phone应用设计与发布全流程指南

一、Blend中的动画设计

在Blend的视角下，动画是随着时间逐步设置属性的过程。你可以定义一个时间点（例如1秒），然后改变该时间点的属性。这些属性变化可以使用故事板（Storyboard）映射到时间轴上，或者使用预定义的缓动函数自动塑造过渡效果。

动画可以在代码中直接触发，也可以由控件状态的变化触发（例如控件获得焦点时）。行为（Behaviors）可用于使控件事件（如点击事件）触发状态变化。这些交互式动画技术足够灵活，能处理典型场景，并且经常可以组合使用以产生独特而有创意的效果。

故事板创建步骤：

1. 在Blend中创建一个新的Windows Phone应用项目。
2. 选择一个要进行动画处理的图像，目标是让它在两秒内淡入并变大。你可以使用手头的任何图像。
3. 在属性面板中，将图像的“ImageAppearance ➤ Opacity”设置为50%。
4. 在“Objects and Timeline”面板顶部会显示“无故事板打开”的消息，点击右侧的“+”按钮创建一个新的故事板。
5. 在弹出的“Create Storyboard Resource”对话框中，输入名称“FadeInAndEnlarge”，然后点击“OK”按钮创建故事板并关闭对话框。创建故事板后，Blend用户界面会发生两个变化：一是“Objects and Timeline”面板会在右侧打开显示时间轴部分；二是画板会显示故事板时间轴录制已开启，这意味着对画板上元素的任何属性更改都会记录在时间轴上。
6. 在时间轴上，将黄色时间标记拖动