当前位置: 首页 > news >正文

Windows Store App 控件动画

在开发Windows应用商店应用时,开发工具中已经封装了大量的控件供开发人员使用,而其中有一部分控件,例如FlipViewToolTipListView以及SemanticZoom等控件中已经默认集成了内置的动画,这种集成在控件中的动画被称为控件动画,开发人员可根据不同的应用场景,选择具有动画效果的控件来满足对特定动画的使用需要,从而为用户提供良好的操作体验。例如,当应用从网络获取数据时,为避免页面长时间等待所造成的界面停顿给用户造成误解,可以在页面中使用不确定进度环来形象的告知用户,此时应用程序正在运行当中,而不确定进度环控件就是一个典型的内置了动画效果的控件。

在控件中内置动画可以为常用的控件提供更好的用户体验,由于在本章前面的第五章中已经对大部分的常用控件进行了详细的讲解,其中就包括了内置有动画效果的控件,所以在本小节中将不对前面所讲述过的控件进行重复的介绍。仅以具有典型特征的FlipView控件为例来说明控件动画的含义。

FlipView控件可以实现交替显示所包含的界面元素,并在交替显示的过程中提供过度动画效果,而最常见的情况是使用FlipView控件来展示一组图片就像播放一组幻灯片那样,用户可以通过单击FlipView自带的切换视图按钮或使用手势左右滑动屏幕来切换其中所展示的每一个图片。下面就来通过一个示例演示如何使用FlipView控件实现交替播放图片的动画效果。

Visual Studio 2012中新建一个Windows应用商店的空白应用程序项目,并命名为FlipViewApp,在项目的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控件中添加3Image控件并通过设置这些控件的Source属性指定图片的路径,这样将可以通过FlipView控件展示3Image控件中的图片。

按下F5运行程序,界面显示效果如图10-1所示。

 

10-1 FlipView控件的交替播放动画效果

通过以上示例,读者会发现FlipView控件动画增强了用户与控件的交互,用户可以通过点击图片左右两侧的切换视图按钮,来欣赏自己感兴趣的图片。在图片交替播放的过程中,产生的动画效果自然流畅,给用户带来了良好的操作体验。

相关文章:

  • 超级易使用的jquery视频背景插件Vide
  • /bin/bash^M: bad interpreter: No such file or directory
  • 读取C#AssemblyInfo文件中的AssemblyVersion中的值
  • 安装配置redis
  • DELL R720 iDRAC配置
  • 微信去除 防欺诈盗号请勿支付或输入qq密码 以及 防欺诈或盗号请不要输入qq密码 的方法...
  • PHP 风险比较高的函数
  • Linq之Expression进阶
  • 11月17日
  • 使用CocoaPods
  • 前端代码中经常遇到的问题
  • Java学习资料-Comparable和Comparator实现对象比较
  • 12月流量入口占比动态:搜索引擎季军 份额破20%
  • java虚拟机学习-JVM调优总结-典型配置举例(10)
  • 批处理备份mysql数据
  • JavaScript-如何实现克隆(clone)函数
  • 【跃迁之路】【699天】程序员高效学习方法论探索系列(实验阶段456-2019.1.19)...
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • ES6简单总结(搭配简单的讲解和小案例)
  • Java面向对象及其三大特征
  • js数组之filter
  • mysql innodb 索引使用指南
  • PAT A1050
  • PHP的Ev教程三(Periodic watcher)
  • Protobuf3语言指南
  • python 装饰器(一)
  • Spring Cloud Feign的两种使用姿势
  • 阿里云购买磁盘后挂载
  • 基于游标的分页接口实现
  • 详解NodeJs流之一
  • 小程序开发中的那些坑
  • 《天龙八部3D》Unity技术方案揭秘
  • 如何正确理解,内页权重高于首页?
  • ###C语言程序设计-----C语言学习(3)#
  • (10)工业界推荐系统-小红书推荐场景及内部实践【排序模型的特征】
  • (WSI分类)WSI分类文献小综述 2024
  • (ZT)一个美国文科博士的YardLife
  • (分类)KNN算法- 参数调优
  • (强烈推荐)移动端音视频从零到上手(上)
  • (十三)Maven插件解析运行机制
  • .NET 5.0正式发布,有什么功能特性(翻译)
  • .NET 5种线程安全集合
  • .Net Remoting(分离服务程序实现) - Part.3
  • .NET 指南:抽象化实现的基类
  • .NET(C#、VB)APP开发——Smobiler平台控件介绍:Bluetooth组件
  • .NET的微型Web框架 Nancy
  • .NET设计模式(11):组合模式(Composite Pattern)
  • .NET中的Exception处理(C#)
  • @LoadBalanced 和 @RefreshScope 同时使用,负载均衡失效分析
  • @SentinelResource详解
  • [ IO.File ] FileSystemWatcher
  • [ACM] hdu 1201 18岁生日
  • [Android 数据通信] android cmwap接入点
  • [Bada开发]初步入口函数介绍
  • [BUAA软工]第一次博客作业---阅读《构建之法》