在开发 Windows 应用商店应用时,开发工具中已经 封装了大量的控件供开发人员使用,而其中有一部分控件,例如 FlipView 、 ToolTip 、 ListView 以及 SemanticZoom 等控件中已经默认集成了内置的动画,这种集成在控件中的动画被称为控件动画,开发人员可根据不同的应用场景,选择具有动画效果的控件来满足对特定动画的使用需要,从而为用户提供良好的操作体验。例如,当应用从网络获取数据时,为避免页面长时间等待所造成的界面停顿给用户造成误解,可以在页面中使用不确定进度环来形象的告知用户,此时应用程序正在运行当中,而不确定进度环控件就是一个典型的内置了动画效果的控件。
在控件中内置动画可以为常用的控件提供更好的用户体验,由于在本章前面的第五章中已经对大部分的常用控件进行了详细的讲解,其中就包括了内置有动画效果的控件,所以在本小节中将不对前面所讲述过的控件进行重复的介绍。仅以具有典型特征的 FlipView 控件为例来说明控件动画的含义。
FlipView 控件可以实现交替显示所包含的界面元素,并在交替显示的过程中提供过度动画效果,而最常见的情况是使用 FlipView 控件来展示一组图片就像播放一组幻灯片那样,用户可以通过单击 FlipView 自带的切换视图按钮或使用手势左右滑动屏幕来切换其中所展示的每一个图片。下面就来通过一个示例演示如何使用 FlipView 控件实现交替播放图片的动画效果。
在 Visual Studio 2012 中新建一个 Windows 应用商店的空白应用程序项目,并命名为 FlipView App ,在项目的 Assets 文件夹下添加 3 个名为“ Flower.jpg ”、“ Mountain.jpg ”、“ Car.jpg ”的图片文件,接着双击打开 MainPage.xaml 文件,在 Grid 元素中添加如下代码。
<!-- FlipView 控件 -->
<FlipView>
<Image Source="Assets/Flower.jpg"/>
<Image Source="Assets/Mountain.jpg"/>
<Image Source="Assets/Car.jpg"/>
</FlipView>
在上面的代码中,添加了一个用于展示图片的 FlipView 控件,然后向 FlipView 控件中添加 3 个 Image 控件并通过设置这些控件的 Source 属性指定图片的路径,这样将可以通过 FlipView 控件展示 3 个 Image 控件中的图片。
按下 F5 运行程序,界面显示效果如图 10-1 所示。
图 10-1 FlipView 控件的交替播放动画效果
通过以上示例,读者会发现 FlipView 控件动画增强了用户与控件的交互,用户可以通过点击图片左右两侧的切换视图按钮,来欣赏自己感兴趣的图片。在图片交替播放的过程中,产生的动画效果自然流畅,给用户带来了良好的操作体验。
原文:http://www.cnblogs.com/finehappy/p/4218514.html
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!