Windows Phone应用设计与发布全流程指南
一、Blend中的动画设计
在Blend的视角下,动画是随着时间逐步设置属性的过程。你可以定义一个时间点(例如1秒),然后改变该时间点的属性。这些属性变化可以使用故事板(Storyboard)映射到时间轴上,或者使用预定义的缓动函数自动塑造过渡效果。
动画可以在代码中直接触发,也可以由控件状态的变化触发(例如控件获得焦点时)。行为(Behaviors)可用于使控件事件(如点击事件)触发状态变化。这些交互式动画技术足够灵活,能处理典型场景,并且经常可以组合使用以产生独特而有创意的效果。
故事板创建步骤:
- 在Blend中创建一个新的Windows Phone应用项目。
- 选择一个要进行动画处理的图像,目标是让它在两秒内淡入并变大。你可以使用手头的任何图像。
- 在属性面板中,将图像的“ImageAppearance ➤ Opacity”设置为50%。
- 在“Objects and Timeline”面板顶部会显示“无故事板打开”的消息,点击右侧的“+”按钮创建一个新的故事板。
- 在弹出的“Create Storyboard Resource”对话框中,输入名称“FadeInAndEnlarge”,然后点击“OK”按钮创建故事板并关闭对话框。创建故事板后,Blend用户界面会发生两个变化:一是“Objects and Timeline”面板会在右侧打开显示时间轴部分;二是画板会显示故事板时间轴录制已开启,这意味着对画板上元素的任何属性更改都会记录在时间轴上。
- 在时间轴上,将黄色时间标记拖动