设为首页 收藏本站
查看: 875|回复: 0

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

[复制链接]

尚未签到

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

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-69771-1-1.html 上篇帖子: Windows 8 x64 QQ2012/2013beta无法启动屌丝解决方法 下篇帖子: 快速构建Windows 8风格应用8-贴靠视图
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表