Windows Store apps开发[38]Windows 8中的Semantic Zoom(语义缩放)(1)介绍

注：本文由BeyondVincent(破船)原创首发

        转载请注明出处：BeyondVincent(破船)@DevDiv.com

更多内容请查看下面的帖子

[DevDiv原创]Windows 8 开发Step by Step

    

本博文首先简单的介绍一下Windows 8中的语义缩放概念，在下一篇文章中，我将介绍如何在程序中添加SemanticZoom控件，以使我们的程序支持语义缩放。

1、语义缩放(Semantic Zoom)概述

    语义缩放(Semantic Zoom)是一项触控优化技术，用于Windows 8中的Windows Store apps，在一个画面中（如相册、程序列表或地址簿）展示和导航大量的数据或内容集合。

    语义缩放使用两种不同的模式来呈现内容：low-level(zoomed in)模式用于在一个平面中显示所有的结构，而high-level(zoomed out)模式则显示分组中的items，使用户可以快速的导航和浏览内容。

    如下图所示：左边是zoom in模式，右边是zoom out模式

    语义缩放的交互方式有如下几种：

    A、捏合与拉伸手势(手指移动距离变远为zoom in，手指距离变近则是zoom out)

    B、按下Ctrl键，同时滚动鼠标的滚轮

    C、按下Ctrl键，同时按下+或者-。

    语义缩放的应用场景

    A、地址薄：通讯录以字母顺序组织(或者其它的)，使用字母来展现数据，用户可以将某个字母“放大”，以看到该字母相关联的联系人。

    B、相册：以元数据（如日期）来组织图片，用户可以放大（zoom in）某个具体的日期来显示与那个日期相关的图片集合。

    C、产品目录：按照类别组织items。

    语义缩放布局示例：

         Zoom in                                                                                                                                    Zoom out

    注意：语义缩放跟光学缩放(参考Guidelines fore optical zoom and resizing)是不同的。虽然它们具有类似的交互方式和基本的行为（基于缩放因子显示更多或者更少的内容），光学缩放是对一个内容区域或者对象（如相片）进行缩放。