快速构建Windows 8风格应用11-语义缩放
2014-09-23 14:25
267 查看
原文:快速构建Windows 8风格应用11-语义缩放本篇博文主要介绍为什么需要语义缩放、什么是语义缩放、如何构建语义缩放。
为什么需要语义缩放
如果用过Windows 8系统的开发者都知道在Windows 8中页面内容更偏重于横向滚动,而不是纵向滚动。
随着页面内容的增多,用户定位某一个特定元素的难度就会随之增大。
那么如何帮助用户更加方便地定位到相应元素呢?——语义缩放。
什么是语义缩放
首先我们来看一下实现语义缩放的手势:
支持语义缩放的页面中通过该手势就可以实现语义缩放的效果了。
一般来说语义缩放用于在页面内容间快速跳转,并且通过缩放手势触发。
通常来讲“缩小”视图是“放大”视图的概览。
另外语义缩放视图可以呈现出不同的样式效果,这些样式效果都是我们开发人员自己定制的。例如:
样式一:
样式二:
样式三:
如何构建语义缩放
为了更方便开发语义缩放效果,微软为我们开发者提供了一个语义缩放控件(SemanticZoom控件)。
SemanticZoom控件中提供了两种视图:ZoomedInView和ZoomedOutView。
ZoomedInView中放置“非语义缩放”状态呈现的视图控件。
ZoomedOutView中放置“语义缩放”状态呈现的视图控件。
最后可呈现效果:
在应用全屏显示状态下,通过缩放手势或Ctrl+鼠标滚轮或模拟器中缩放手势按钮来实现应用的语义缩放效果。
为什么需要语义缩放
如果用过Windows 8系统的开发者都知道在Windows 8中页面内容更偏重于横向滚动,而不是纵向滚动。
随着页面内容的增多,用户定位某一个特定元素的难度就会随之增大。
那么如何帮助用户更加方便地定位到相应元素呢?——语义缩放。
什么是语义缩放
首先我们来看一下实现语义缩放的手势:
支持语义缩放的页面中通过该手势就可以实现语义缩放的效果了。
一般来说语义缩放用于在页面内容间快速跳转,并且通过缩放手势触发。
通常来讲“缩小”视图是“放大”视图的概览。
另外语义缩放视图可以呈现出不同的样式效果,这些样式效果都是我们开发人员自己定制的。例如:
样式一:
样式二:
样式三:
如何构建语义缩放
为了更方便开发语义缩放效果,微软为我们开发者提供了一个语义缩放控件(SemanticZoom控件)。
SemanticZoom控件中提供了两种视图:ZoomedInView和ZoomedOutView。
ZoomedInView中放置“非语义缩放”状态呈现的视图控件。
ZoomedOutView中放置“语义缩放”状态呈现的视图控件。
最后可呈现效果:
在应用全屏显示状态下,通过缩放手势或Ctrl+鼠标滚轮或模拟器中缩放手势按钮来实现应用的语义缩放效果。
相关文章推荐
- 快速构建Windows 8风格应用11-语义缩放
- 快速构建Windows 8风格应用11-语义缩放
- 快速构建Windows 8风格应用2-创建调试应用
- 快速构建Windows 8风格应用5-ListView数据控件 推荐
- 快速构建Windows 8风格应用15-ShareContract构建
- 快速构建Windows 8风格应用13-SearchContract构建
- 快速构建Windows 8风格应用3-打包发布应用 推荐
- 快速构建Windows 8风格应用9-竖直视图 推荐
- 快速构建Windows 8风格应用12-SearchContract概述及原理
- 快速构建Windows 8风格应用10-设备方向
- 快速构建Windows 8风格应用15-ShareContract构建 推荐
- 快速构建Windows 8风格应用4-FlipView数据控件
- 快速构建Windows 8风格应用8-贴靠视图
- 快速构建Windows 8风格应用6-GridView数据控件
- 快速构建Windows 8风格应用12-SearchContract概述及原理
- 快速构建Windows 8风格应用1-开发工具安装及模拟器使用
- 快速构建Windows 8风格应用4-FlipView数据控件
- 快速构建Windows 8风格应用7-页面视图概览 推荐
- 快速构建Windows 8风格应用7-页面视图概览
- 快速构建Windows 8风格应用14-ShareContract概述及原理