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

快速构建Windows 8风格应用11-语义缩放

本篇博文主要介绍为什么需要语义缩放、什么是语义缩放、如何构建语义缩放。

为什么需要语义缩放
如果用过Windows 8系统的开发者都知道在Windows 8中页面内容更偏重于横向滚动,而不是纵向滚动。
随着页面内容的增多,用户定位某一个特定元素的难度就会随之增大。
那么如何帮助用户更加方便地定位到相应元素呢?——语义缩放。
 
什么是语义缩放
首先我们来看一下实现语义缩放的手势:
支持语义缩放的页面中通过该手势就可以实现语义缩放的效果了。
一般来说 语义缩放用于在页面内容间快速跳转,并且通过缩放手势触发。
通常来讲“缩小”视图是“放大”视图的概览。
另外语义缩放视图可以呈现出不同的样式效果,这些样式效果都是我们开发人员自己定制的。例如:
样式一:
样式二:
样式三:
 
如何构建语义缩放
为了更方便开发语义缩放效果,微软为我们开发者提供了一个语义缩放控件( SemanticZoom控件)。
SemanticZoom控件中提供了两种视图: ZoomedInView和 ZoomedOutView。
ZoomedInView中放置“非语义缩放”状态呈现的视图控件。
ZoomedOutView中放置“语义缩放”状态呈现的视图控件。
最后可呈现效果:
在应用全屏显示状态下,通过 缩放手势Ctrl+ 鼠标滚轮模拟器中缩放手势按钮来实现应用的语义缩放效果。




 本文转自 王祖康 51CTO博客,原文链接:http://blog.51cto.com/wzk89/1006460 ,如需转载请自行联系原作者

相关文章:

  • btrfs的使用(案例讲解)
  • 针对nginx、haproxy、lvs 的优缺点分析
  • Asp.net中Json数据的转化,读取与应用
  • Octave添加package方法
  • 【Android Demo】Android中取得手机屏幕大小
  • JFace中的表格型树TableTreeViewer
  • IE8中HTTP连接数目的变化
  • 实时游戏对战引擎Photon
  • python入门系列之一:Centos6下python2.7的安装
  • Skype For Business 2015实战系列19:统一通讯之配置Exchange 2013 SP1
  • nginx部署
  • redhat 6.5 配置WAS控制台中文
  • filebeat 配置文件详解
  • windows用户和组及其权限的设置
  • 磁盘安装启动的方法与ASM
  • $translatePartialLoader加载失败及解决方式
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • canvas 高仿 Apple Watch 表盘
  • CSS魔法堂:Absolute Positioning就这个样
  • Java,console输出实时的转向GUI textbox
  • Laravel Mix运行时关于es2015报错解决方案
  • nodejs:开发并发布一个nodejs包
  • RxJS: 简单入门
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • 当SetTimeout遇到了字符串
  • 翻译 | 老司机带你秒懂内存管理 - 第一部(共三部)
  • 关键词挖掘技术哪家强(一)基于node.js技术开发一个关键字查询工具
  • 解析带emoji和链接的聊天系统消息
  • 驱动程序原理
  • 如何正确配置 Ubuntu 14.04 服务器?
  • 时间复杂度与空间复杂度分析
  • 我这样减少了26.5M Java内存!
  • 消息队列系列二(IOT中消息队列的应用)
  • 以太坊客户端Geth命令参数详解
  • 异常机制详解
  • zabbix3.2监控linux磁盘IO
  • ​创新驱动,边缘计算领袖:亚马逊云科技海外服务器服务再进化
  • #define 用法
  • #NOIP 2014# day.2 T2 寻找道路
  • #我与Java虚拟机的故事#连载04:一本让自己没面子的书
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (ZT)出版业改革:该死的死,该生的生
  • (附源码)springboot 基于HTML5的个人网页的网站设计与实现 毕业设计 031623
  • (强烈推荐)移动端音视频从零到上手(下)
  • (一)硬件制作--从零开始自制linux掌上电脑(F1C200S) <嵌入式项目>
  • (转)大型网站架构演变和知识体系
  • (转)平衡树
  • .360、.halo勒索病毒的最新威胁:如何恢复您的数据?
  • .bat批处理(六):替换字符串中匹配的子串
  • .bat批处理(七):PC端从手机内复制文件到本地
  • .Net FrameWork总结
  • .NET 应用启用与禁用自动生成绑定重定向 (bindingRedirect),解决不同版本 dll 的依赖问题
  • .Net(C#)常用转换byte转uint32、byte转float等
  • .pyc文件还原.py文件_Python什么情况下会生成pyc文件?