CN109844816A

CN109844816A - 用于显示代表性图像的系统和方法

Info

Publication number: CN109844816A
Application number: CN201780064462.1A
Authority: CN
Inventors: W·G·里瓦德; B·J·金德尔; A·B·菲德尔
Original assignee: Due To Light Co
Current assignee: Due To Light Co; Duelight LLC
Priority date: 2013-07-25
Filing date: 2017-10-20
Publication date: 2019-06-04
Also published as: US20180114351A1; US10109098B2; US20190035135A1; US20210319613A1; EP3529780A4; US20230154097A1; WO2018075950A1; US20150029226A1; US20210074051A1; US10810781B2; US9721375B1; US20180114352A1; US9741150B2; US9953454B1; US10937222B2; US20190347843A1; US10366526B2; EP3529780A1; US20170278292A1

Abstract

公开了一种用于在用户界面的一个或更多个子面板中显示代表性图像的系统、方法和计算机程序产品。所述方法包括由处理器单元配置所述一个或更多个子面板中的可见子面板和所述一个或更多个子面板中的至少一个不可见子面板之间的相邻关系。接着，配置所述两个或更多个代表性图像中的每一个和所述一个或更多个子面板中的关联子面板之间的第二关系，其中所述第二关系定义所述关联子面板上显示所述两个或更多个代表性图像中的每一个的位置。此外，接收指示所述一个或更多个子面板中的至少一个的新的方向的通知。响应于所述新的方向，基于所述相邻关系和所述第二关系，针对所述两个或更多个代表性图像生成原地旋转动画。

Description

用于显示代表性图像的系统和方法

技术领域

本发明的实施例总地涉及用户界面设计，并且更具体地涉及用于显示代表性图像的系统和方法。

背景技术

在传统操作中，包括图形用户界面的显示页面常常受到网格、序列或预定位置(例如屏幕顶部)的限制。然而，当用户操作显示图形用户界面的设备时，从一个方向到另一个方向的一致体验将不会得到维持。例如，设备的主屏幕上在第一方向从左向右滑动，不会在第二方向中产生类似的从左向右移动。

此外，典型的集合查看器使用户能够将代表性图像的集合作为代表性图像的二维网格来查看。代表性图像通常根据特定的序列(例如文件名、文件序列号、排序序列号或图像序列号)在网格中定位。网格由放置在不同屏幕位置(其是设备方向的函数)的代表性图像填充。网格的宽度与水平屏幕宽度相关联，其可能在横屏方向和竖屏方向上有所不同。因此，当设备方向发生改变时，特定代表性图像的物理位置可能会发生改变，因为集合查看器通常需要改变代表性图像的网格布局。响应于设备方向的改变而改变代表性图像的物理位置通常会导致用户在方向改变后失去对代表性图像的跟踪。然后，用户必须仔细查看集合查看器以找到重新定位的图像，这会造成令人沮丧的、耗时且低效的体验。用户定位代表性图像所需的额外时间通常会降低执行指定操作的设备的总体电力效率。

如上所述，有必要解决与现有技术相关的这个和/或其他相关问题。

发明内容

公开了一种用于在用户界面的一个或更多个子面板中显示代表性图像的系统、方法和计算机程序产品。该方法包括由处理器单元配置一个或更多个子面板中的可见子面板与一个或更多个子面板中的至少一个不可见子面板之间的相邻关系。接下来，配置两个或更多个代表性图像中的每一个和一个或更多个子面板中的关联子面板之间的第二关系，其中第二关系定义关联子面板上显示两个或更多个代表性图像中的每一个的位置。此外，接收指示一个或更多个子面板中的至少一个的新的方向的通知。响应于所述新的方向，基于相邻关系和第二关系，针对两个或更多个代表性图像生成原地旋转动画。还提出其他系统、方法和计算机程序产品。

在第一实施例中，所述相邻关系可以包括线性方向，所述线性方向包括以下中的至少一个：由左到右方向、由右到左方向、由边到边方向、由上到下方向、由下到上方向、由顶部到底部方向、由底部到顶部方向和由角到角方向。此外，针对受新的方向影响的两个或更多个代表性图像中的每一个，可以独立地发生原地旋转动画。

在第二实施例中(其可以与或可以不与第一实施例组合)，通知可以基于移动计算设备的旋转而发生。此外，通知可以包括基于对象的消息传递系统中的消息。进一步地，可以响应于与移动计算设备相关联的物理力的测量来生成通知。此外，新的方向的通知可以基于移动计算设备的方向角的足够改变，其中方向角包括迟滞函数(hysteresisfunction)。

在第三实施例中(其可以与或可以不与第一和/或第二实施例结合)，所述原地旋转动画可包括动画状态，所述动画状态包括当前旋转角度。此外，原地旋转动画可以包括动画状态，所述动画状态包括当前滚动位置。所述原地旋转动画可由移动计算设备内的图形处理单元生成。

在第四实施例中(其可以与或可以不与第一、第二和/或第三实施例结合)，在所述原地旋转动画期间，可以在相对于所述显示单元的物理原点的不同预定位置处显示两个或更多个代表性图像中的每一个。

在第五实施例中(其可以与或可以不与第一、第二、第三和/或第四实施例结合)，所述原地旋转动画可以进一步地通过以下步骤生成：生成动画帧序列；以及显示所述动画帧序列；其中，动画帧序列中的每个动画帧描绘两个或更多个代表性图像的动画状态序列中的不同的动画状态。例如，动画帧序列中的动画帧可以通过以下步骤生成：计算该动画帧的当前动画状态；识别要在动画帧中渲染的两个或更多个代表性图像；以及根据当前动画状态原地渲染至少两个或更多个代表性图像。

在第六实施例中(其可以与或可以不与第一、第二、第三、第四和/或第五实施例结合)，两个或更多个代表性图像可以被组织到用户界面的一个或更多个子面板的网格图案上，其中网格图案包括可见区域和非可见区域两者。此外，关联子面板可以包括参考坐标，并且两个或更多个代表性图像中的每一个都相对于参考坐标以2D偏移量位于关联子面板上。例如，2D偏移量可以在新的方向之后保持。

在第七实施例中(可与或可以不与第一、第二、第三、第四、第五和/或第六实施例组合)，当关联子面板可见时，第二关系可包括相对于两个或更多个代表性图像的物理显示位置的偏移量。此外，用户界面可以包括具有边缘方向的信息栏，其中，在新的方向之后，信息栏被重新定位以保持边缘方向。

为了这个目的，在一些可选实施例中，上述系统、方法和/或计算机程序中的一个或更多个上述特征可导致代表性图像的显示。应该注意的是，上面提到的潜在优势只是为了说明的目的而提出，而不应该被解释为以任何方式的限制。

附图说明

可以详细理解本发明的上述列举的实施例的特征，可以通过参考实施例对本发明进行更具体的描述(简要地概括于上文)，其中一部分例示于附图中。但是，需要注意的是，所附的附图仅说明本发明的典型实施例，因此不应认为对其范围的限制，因为本发明可以允许其他同样有效的实施例。

图1A例示了根据一实施例的、用于在一个或更多个子面板中显示两个或更多个代表性图像的方法的流程图。

图1B例示了根据一个实施例的、用于显示代表性图像的集合的方法的流程图。

图2A例示了根据一个实施例的、包括显示单元的移动设备的前视图。

图2B例示了根据一个实施例的、包括显示单元的移动设备的框图。

图2C例示了根据一个可能的实施例的网络架构。

图2D例示了根据一个实施例的示例性的系统。

图3A例示了根据一个实施例的在竖屏方向配置的集合查看器。

图3B例示了根据一个实施例的在横屏方向配置的集合查看器。

图3C例示了根据一个实施例的用户相对于物理向上方向所看到的两个不同方向中的一个代表性图像。

图3D例示了根据一个实施例的相对于物理显示原点的两个不同方向上的一个代表性图像。

图3E描述了根据一个实施例的用于在两个不同方向之间转换的一个代表性图像的动画帧序列。

图3F描述了根据一实施例的竖屏方向的一组子面板。

图3G描述了根据一实施例的横屏方向的一组子面板。

图4例示了根据一实施例的用于显示子面板以进行显示的方法的流程图。

图5例示了根据一实施例的应用于子面板的用户界面流。

图6例示了根据一个实施例的用于改变多个子面板的方向的用户界面流。

图7例示了根据一个实施例的用于选择要可见的多个子面板中的一个的用户界面流。

图8例示了根据一个实施例的在子面板上执行的缩放操作的用户界面流。

图9例示了根据一个实施例的包含图片蒙太奇的子面板的用户界面流。

图10例示了根据一个实施例的用于字母地组织的图标的用户界面流。

详细描述

本公开的实施例允许移动设备呈现代表性图像的一致位置，而不管用户界面(UI)中的设备方向。集合查看器(collection viewer)是指生成UI中数据对象的描述的软件模块的集合。由软件模块生成的被显示的UI元素通常也称为集合查看器。集合查看器被配置为向用户呈现数据对象的代表性图像，诸如文件图标和图像缩略图。集合查看器可以包括文件浏览器、图像浏览器或被配置为将数据对象描绘为代表性图像的任何其他类型的数据对象浏览器。当用户旋转移动设备时，集合查看器为每个代表性图像生成原地旋转动画(in-place rotation animation)。无论设备方向如何都将每个代表性图像保持在基本相同的物理屏幕位置，允许用户在设备旋转过程中可视地跟踪给定的代表性图像，从而提供更有效和直观的用户体验。动画旋转代表性图像以保持适当的观看方向提供了直观的可视提示(visual cue)，进一步改善用户体验。

在某实施例中，可以将多个代表性图像组织成一个或更多个二维(2D)图案，例如一个或更多个网格图案，以用于显示。在给定缩放级别(例如默认缩放级别)下，代表性图像的给定网格图案可以比用于显示代表性图像的物理显示屏更大。视图面板可以定义一个或更多个网格图案的可见区域。例如，一组代表性图像可以被组织到移动设备的与在竖屏方向(portrait orientation)和默认缩放级别中的物理显示屏一样宽的网格图案中；然而，网格图案在竖屏方向上的垂直范围可以比物理显示屏在任何时候可以呈现的都要大。至少占据物理显示屏的一部分的视图面板定义了网格图案的可见部分。用户可以通过沿着网格图案的垂直范围向上或向下滚动来滚动浏览该组代表性图像。继续上面的例子，在横屏方向(landscape orientation)中，与竖屏方向相关联的较大垂直范围变为更大的水平范围，并且用户可以通过从一侧滚动到另一侧来滚动浏览该组代表性图像。在这两个设备方向中，每个代表性图像都以取向为物理向上方向的图像向上方向显示。

给定的网格图案可以完全或部分地用代表性图像填充。给定的网格图案可以符合用于定位代表性图像的任何空间粒度。在一个实施例中，空间粒度通常与所显示的代表性图像的大小相对应，以便每个代表性图像可以快照到与不同的代表性图像不重叠的位置。在另一个实施例中，空间粒度可以对应于像素或子像素的大小，以便代表性图像可以被定位在任意位置，包括导致代表性图像重叠的位置。

在某些其他实施例中，一个或更多个网格图案可以具有在两个维度中都大于物理显示屏的2D范围。在这些实施例中，用户可以在两个维度中滚动浏览(例如，垂直和水平)，以带来一个或更多个网格图案的不同部分，并因此将不同的代表性图像带入视图面板内的视图中。在一个实施例中，当给定的代表性图像在视图面板内可见时，用户可以选择该代表性图像并对该代表性图像执行动作(例如，执行、打开、查看、相对于其他图像移动等)。

在某些实施例中，代表性图像被组织成子面板，其中每个子面板可以包括任意数量的代表性图像和/或代表性图像的网格图案。给定的子面板可以包括参考坐标，并且位于子面板内的每个代表性图像都相对于参考坐标以二维偏移量定位。无论移动设备的旋转方向如何，偏移量都保持不变。给定的偏移量可以在参考坐标和代表性图像的几何特征之间指定。几何特征可以是角、质心、旋转中心等。当设备方向发生改变(例如，用户在竖屏方向和横屏方向之间旋转移动设备)时，每个子面板可以旋转以跟踪设备方向，每个子面板中的每个代表性图像可以反向旋转，以保持物理一致的图像方向用于显示。例如，可以将移动设备配置为显示第一子面板和第二子面板，所述第一子面板包括第一组代表性图像，所述第二子面板包括第二组代表性图像。当移动设备在竖屏方向和横屏方向之间旋转时，两个子面板中的每个子面板都跟随设备的方向。换句话说，给定的子面板只是跟随设备的旋转，而不改变用于子面板显示的总轮廓。但是，每个代表性图像可以原地旋转，从而以总地补偿设备方向改变的旋转角度进行显示，从而保持直立的外观。在一个实施例中，旋转角度被量化为90度台阶(step)，用于在静止状态(设备方向不变)下显示代表性图像。在某些实施例中，90度台阶之间的旋转通过动画帧序列、使用更细化的角度台阶来进行动画处理，以实现旋转的平滑外观。在本说明书的上下文中，动画帧包括任意数量的被渲染的代表性图像，这些图像组合在一起被显示为动画帧。

在一个实施例中，第一子面板包括第一组代表性图像，当视图面板以特定(例如，默认)缩放级别显示并且选择第一子面板进行显示时，这些代表性图像在视图面板中可见。相邻的第二子面板可以包括第二组代表性图像，当选择第二子面板进行显示时，这些代表性图像在视图面板中可见。例如，第一子面板可以包括位于移动设备主屏幕中的图标。第二子面板可以包括位于相邻屏幕中的图标。此外，用户可以执行触摸滑动手势，以在第一子面板(主屏幕)和第二子面板(相邻屏幕)之间滚动，从而选择两个子面板之一进行显示。当用户改变设备方向(例如，在竖屏和横屏之间)时，每个子面板中的代表性图像旋转以补偿设备的旋转。在视图面板中可见的代表性图像可以使用动画帧的序列上的旋转动画进行旋转。此外，还可以同步每个可见代表性图像的旋转动画，以使代表性图像看起来一起旋转。在一个实施例中，每个可见代表性图像的旋转动画的同步方面可以包括阈值(例如，旋转动画开始于前一个旋转动画的一组毫秒数之内，等等)。

在一个实施例中，对用户来说只有默认的缩放级别是有用的。在另一个实施例中，用户可以从默认缩放级别改变缩放级别，例如放大和/或缩小。在一个实施例中，应用于给定子面板的缩放级别仅应用于该子面板，并且当用户选择不同的子面板时(例如，使用滑动手势)，缩放级别被重置为默认缩放级别。进一步地，每次选择给定的子面板时，所选子面板的缩放级别都会被重置为默认缩放级别。在可选的实施例中，可为新选择的子面板保持缩放级别。例如，如果用户在第一子面板上放大(zoom in)，然后选择第二子面板，则第二子面板将以针对第一子面板设置的缩放级别显示。在一个这样的实施例中，用户可以使用滑动手势在第一个被放大的子面板内四处平移(pan)，当第一子面板的平移位置位于设备屏幕的边缘时，使用相同的滑动手势选择相邻的子面板。在其他实施例中，可以使用不同的手势(例如，一次触摸与两次触摸)来平移，而不是选择不同的子面板。在一个实施例中，缩小(zoom out)被限制为默认缩放级别，从而限制代表性图像可以被显示为多小，并将可见子面板的数量限制为一个。

图1A例示了根据一个实施例的、用于在一个或更多个子面板中显示两个或更多个代表性图像的方法100。如图所示，配置多个子面板中的可见子面板与多个子面板中的至少一个不可见子面板之间的相邻关系。参见操作102。在本说明书的上下文中，相邻关系包括链接、内容加载、分析、指针、附件、元素分组或两个或更多个界面元素之间的任何关联。举例来说，一个设备上的主屏幕(即可见子面板)可以包括向右或向左滑动(即沿着相邻关系)到单独的尚未可见屏幕(即不可见子面板)的能力。

此外，可见子面板包括正在被主动显示的图形化控制元素的任何分组。例如，在一个实施例中，主动显示可以包括在移动设备屏幕上实时显示内容(例如应用程序、图标分组、主屏幕等)。进一步，非可见的子面板包括不主动显示的图形化控制元素的任何分组。例如，在一个实施例中，不主动显示的可以包括内容(例如应用程序、图标分组、不同的主屏幕等)，但这些内容目前未显示在移动设备屏幕上(例如，隐藏或不活动的用户界面元素)。

此外，在本说明书的上下文中，相邻关系包括以直线方式布置在第二(或其他)子面板旁边的第一子面板。在一个实施例中，相邻关系可以是线性关系。例如，如果第一子面板是居中的(假设)，第二子面板可以布置在围绕第一子面板的任何点处，以及从第一子面板切换(例如，选择可见的)到第二子面板，用户输入可以被接收，包括从第二子面板的方向以直线运动的触摸滑动手势。当然，第二子面板可以以任何方式布置，并基于第一子面板与第二子面板之间的线性方向使其可见。

配置两个或更多个代表性图像中的每一个和关联子面板之间的第二关系，其中第二关系定义关联子面板上显示两个或更多个代表性图像中的每一个的位置。当封闭的子面板可见时，第二关系可以包括相对于每个代表性图像的物理显示位置的偏移量。第二关系通过改变设备的方向来保持。例如，主屏幕(例如多个子面板中的一个)可以包括在主屏幕上特定位置(即第二关系)处显示的图标、小元件和/或任何对象。在改变设备方向时，由于将每个代表性图像保持在相同的物理屏幕位置(相同的偏移量)并原地旋转每个代表性图像的结果，因此保持了第二关系。

此外，接收指示多个子面板中的至少一个的新的方向的通知。参见操作106。在一个实施例中，该通知至少指示四个方向之一，其中第一方向与总体竖直的竖屏方向相关联，第二方向与从第一方向到横屏方向的顺时针旋转相关联，第三方向与颠倒的竖屏方向相关联，第四方向与从第一方向到横屏方向的逆时针旋转相关联。在一个实施例中，四个方向中的每一个都表示移动设备的物理方向到最近的九十度的近似。在其他实施例中，物理方向的近似可以包括小于九十度的角增量，以提供更细化的近似粒度。在某些实施例中，角增量实质上是均匀的，而在其他实施例中，角增量是不均匀的。

此外，响应于新的方向，相邻关系被维持，并针对两个或更多个代表性图像生成原地旋转动画，保持第二关系。参见操作108。例如，在一个实施例中，可以在可见主屏幕的右侧找到第二屏幕(不可见)。此外，可以在主屏幕左上角找到图标。在将主屏幕从竖屏方向旋转到横屏方向后，仍然可以在可见主屏幕的右侧找到第二屏幕(非可见)。进一步地，(之前在屏幕的左上角找到的)图标现在可以在屏幕的左下角找到(因为左上角向左旋转将对应于左下角，假设屏幕以逆时针的方式旋转)并旋转以使对象的方向匹配屏幕的方向。以这种方式，无论设备的方向如何，都可以维持相邻关系，并且还可以额外维持图标的位置(例如基于第二关系)。

图1B例示了根据一个实施例的、用于显示代表性图像的集合的方法109的流程图。虽然方法109是结合图2A-图2D的系统描述的，但是本领域普通技术人员将理解，执行方法109的任何系统都在本公开的实施例的范围和精神内。在一个实施例中，移动设备(如图2A-图2D中的移动设备270)被配置为执行方法109。方法109可以通过执行实现为移动设备中的软件模块或软件模块的集合的集合查看器来执行。

方法109开始于步骤110，其中集合查看器接收指示移动设备已重新定位到新的物理方向的通知。在一个实施例中，可以通过传感器设备(例如传感器设备242中的一个)执行的测量来确定物理方向。例如，包括传感器设备242的加速度计可以提供与移动设备上的物理力相对应的力矢量的物理测量。当移动设备被持续保持时，例如当用户手持移动设备时，该测量的力矢量通常与重力矢量对齐。当测得的力矢量垂直对齐，并且从移动设备的顶部指向移动设备的底部时，移动设备很可能处于竖直的竖屏方向。当测得的力矢量围绕显示单元212的法向量旋转约90度时，该设备很可能被保持在横屏方向，以此类推。虽然此处描述的近似方向基于测得的力矢量，但是可以执行其他近似方向(物理方向)的技术而不偏离本公开实施例的范围和精神。

可以实现用于向集合查看器发送通知的任何技术上可行的技术。例如，通知可以包括对象消息传递系统中的消息。在本例中，集合查看器的实例被配置为在移动设备改变为新的方向时接收新的方向消息。例如系统服务模块的软件模块可以配置为近似设备方向，例如通过监控传感器设备242中的加速度计。新的方向消息可以指定新的方向，或者新的方向消息可以指定设备处于新的方向，并触发集合查看器来确定新的方向。新的方向消息可以指示设备的方向已改变超过指定的角度阈值，从而使集合查看器能够确定用于显示的方向，例如在实现比九十度粒度更细的旋转粒度的实施例中。系统服务模块可以包括配置为监控硬件电路的内核进程，该硬件电路包括传感器设备242，配置为响应内核进程的应用程序编程接口(API)，在应用程序空间中执行的、被配置为监控传感器设备242和基于指定的标准生成消息的进程，或用于向集合查看器提供方向通知的任何其他技术上可行的机制。

在一个实施例中，滞后被应用于方向近似，因此物理方向的改变需要超过某旋转阈值才能触发新的方向通知的生成。在这样的实施例中，系统服务模块可以对物理方向测量应用滞后，以便仅在超过指定的方向阈值后才生成通知。在其他实施例中，集合查看器可以被配置为对通知应用滞后，例如用于小于九十度的改变的通知，或可选地，小于方向改变阈值(例如，60度)的通知。

在步骤120中，集合查看器或集合查看器的辅助功能针对当前动画序列计算当前动画状态。当前动画序列可以包括由设备方向的物理改变触发的滚动动画、旋转动画、缩放动画或其组合。给定的当前动画序列可以响应于接收到足以触发显示的方向改变的方向改变通知而被启动。在一个实施例中，当前动画序列定义了帧序列，如下图3E中更详细地讨论。在一个实施例中，可以在启动后续动画序列之前完成给定的动画序列(例如当前动画序列)。当前动画状态可以定义当前缩放级别、当前滚动位置和当前旋转角度的任意组合，用于当前动画序列中正在做动画的代表性图像的集合。当前动画状态可以确定哪些代表性图像在视图面板311中是可见的。用于代表性图像原地旋转的动画序列可以配置为包括与旋转动画同时的滚动动画。以这种方式，用户可以启动滚动动画，物理性地旋转移动设备，并观察在适当的位置旋转的代表性图像，考虑到它们也在经历滚动动画。

在步骤130，集合查看器或集合查看器的辅助功能标识要在当前动画帧中渲染的代表性图像。任何技术上可行的技术都可以用来识别要渲染的代表性图像。在一个实施例中，只有可见的代表性图像被识别为要在当前帧中渲染。在一个实施例中，可见代表性图像包括与视图面板311中的至少一个像素相交的几何形状。在另一个实施例中，识别出要在当前动画帧中渲染的可见代表性图像和至少一个不可见代表性图像。在一个实施例中，当代表性图像在当前动画帧中新近可见时(例如，通过滚动或旋转到视图面板311中)，该代表性图像被实例化以用于显示，并且实例化的代表性图像的实例被发送消息以根据当前动画状态渲染关联的代表性图像。可以向其他代表性图像实例发送实质上类似的消息，以便根据当前动画状态渲染关联的代表性图像。在某些实施例中，在动画序列完成时取消分配不再可见的代表性图像实例。

在步骤140，集合查看器或集合查看器的辅助功能生成并显示包括被渲染的代表性图像的动画帧。在一个实施例中，动画帧包括一个被渲染的代表性图像。在另一个实施例中，动画帧包括两个或更多个被渲染的代表性图像。每个被渲染的代表性图像包括已根据当前动画状态翻译、旋转、缩放或其任何组合的代表性图像。每个生成的动画帧可以包括任意数量的不同的被渲染的代表性图像，其组合在一起作为动画帧显示。在一个实施例中，只生成可见的被渲染的代表性图像。在其他实施例中，还生成一个或更多个不可见的被渲染的代表性图像。例如，某些代表性图像可以被恰好放置在视图面板311的边缘之外。来自这些代表性图像的不同像素可能在旋转动画期间在一些动画帧中可见，但不时在旋转动画的所有动画帧中可见。对于这种场景，可以通过简单地生成被渲染的代表性图像，并允许用于生成给定动画帧的合成操作来解析哪些像素(如果有的话)是可见的，从而有利地避免详细的每像素可见性测试。在每个动画帧的显示时间内，被渲染的代表性图像至少部分可见时，每个被渲染的代表性图像的至少一部分可以在视图面板311中呈现。在一个实施例中，生成的动画帧显示在图2A的显示单元212上。在一个实施例中，每个动画帧由图2B的处理器复合体210中的图形处理单元(GPU)渲染。

如果在步骤150中，当前动画帧是最后一个动画帧，则该方法终止。否则，该方法将返回到步骤120。

现在将阐述关于各种可选架构和用途的更多说明性信息，其中，根据用户的需要，可以实现或不实现上述方法。应该特别注意，下列信息是为了说明目的而阐述的，并且不应被解释为以任何方式加以限制。下列任何特征都可以与所描述的其他特征合并，或者不排除其他特征。

图2A例示了根据一个实施例的、包括显示单元212的移动设备270的前视图。显示单元212配置为显示与配置为在移动设备270上执行的软件应用程序相关联的用户界面(UI)元素。UI元素可以包括代表性图像，例如文件图标、数字图像和/或数字照片(或简单的“图像”)，以及图像缩略图。在一个实施例中，图像缩略图包括描述数字静止照片、数字图像、数字视频、应用程序、媒体对象和/或任何其他数字媒体项的图像。给定的代表性图像可以具有任意形状，并且可以包括被描绘的图像的裁剪和/或缩放版本。

在一个实施例中，文件图标可以描述文件、应用程序和/或其他数字对象。文件图标可以显示在由操作系统或启动程序模块(例如文件启动应用程序)呈现的主屏幕视图中。给定的文件图标可以关联于应用程序，其配置为在用户选择图标时执行，例如通过触摸输入手势。例如，给定的文件图标可以与一个或更多个数据文件相关联，当用户选择该文件图标时，可以“打开”该数据文件，该选择导致相关应用程序被执行以打开一个或更多个数据文件以供用户访问。用户访问可以包括但不限于阅读、查看、浏览、听和/或编辑与一个或更多个数据文件关联的数据。文件图标可以相对于其他文件图标由用户定位以用于显示，例如通过选择和拖动图标到某位置。可选地，文件图标可以根据自动排序系统定位，例如按字母顺序(例如按文件名)排序系统。在一个实施例中，应用程序和/或数据文件自动按顺序组织成组，每个组包含以相同的字母、符号、Unicode字符、Unicode字母或Unicode符号开头的文件名(例如，应用程序名称、数据文件名)。

在另一个实施例中，UI元素可以包括代表性图像，例如预览图像。所述代表性图像可以包括图像缩略图、视频缩略图和更一般的数据文件内容的代表性描述。代表性图像可以在诸如缩略图浏览器或文件浏览器之类的浏览器中呈现。当用户诸如通过触摸手势选择代表性图像时，浏览器可以打开、显示或播放与代表性图像相关联的内容。在一个实施例中，预览图像可以包括全帧图像的降低的分辨率。

在另一个实施例中，UI元素可以包括图像查看器。图像查看器可以配置为显示组织为蒙太奇(montage)的多个图像。多个图像中的每一个都可以以不同的大小和/或形状显示。在一个实施例中，可以沿时间顺序或时间线组织蒙太奇。时间线可以描述具有注释、元数据和其他内容的故事线，所述其他内容诸如音频内容、视频内容、位置信息、超链接信息、与地理位置相关的数字内容、通过接近另一个移动应用程序而关联的数字内容，或其任何组合。

在某些实施例中，UI元素可以包括缩放功能，诸如放大(zoom-in)功能(例如，可由向外捏(pinch-out)触摸手势操作)和缩小(zoom out)功能(例如，可由向里捏(pinch-in)触摸手势操作)。例如，用户可以执行缩放手势来放大显示用户可能感兴趣的特定组的一个或更多个代表性图像的显示区域。如果用户旋转移动设备270，所显示的代表性图像将原地旋转，并继续看起来是竖直的且相对于移动设备270的物理显示屏在其原始位置。此外，无论设备方向如何，显示区域将持续显示相同组的一个或更多个代表性图像。本公开的用于响应于设备方向的改变原地旋转代表性图像的操作提供了动态和直观的缩放操作，其中用户可以在与UI交互的任何时间或位置使用直观的捏的缩放手势。

在一个实施例中，本公开的操作解决了这样一个问题：响应于设备方向的改变，系统重新定位设备显示屏上的图标和缩略图，从而所述重新定位操作排除了用于被配置为显示图标和缩略图的UI子系统的有用的捏操作和缩放操作。此外，本公开的操作改进了这样一种场景，其中用户为UI元素选择全局图标显示大小(例如，小、中、大)或全局显示大小，但是这样的全局设置不能让用户动态、直观地控制他们如何浏览图标和/或缩略图。因此，在一个实施例中的本公开的操作寻求解决这样一种情况：用户被迫离开当前的视觉应用程序上下文(例如，缩略图浏览器或主屏幕)以改变全局设置，以调整图标或缩略图大小，之后用户需要重建视觉应用程序上下文以执行额外的操作。此外，在一个实施例中，本公开的操作可用于提高效率，其中通过改变全局图标或缩略图大小来实现缩放操作(与本文公开的直接执行缩放操作(例如缩放手势)的技术相比，这可能是低效的)。本文公开的技术通过创建各种代表性图像和/或其他UI元素的一致视图，而不考虑缩放级别和设备方向，从而有利地提供了更高的效率。这种更高的效率可能会改进移动设备270的功耗，因为实现相同用户的一个或更多个目标所需的操作和操作时间更少。

图2B例示了根据一个实施例的移动设备270的框图。移动设备270包括耦连到显示单元212的处理器复合体210。移动设备270还可包括但不限于数码相机230、闪光单元236、一组输入/输出设备214、非易失性存储器216、易失性存储器218、无线单元240和传感器设备242，其均耦连到处理器复合体210。在一个实施例中，电源管理子系统220被配置为针对移动设备270中的每个电气负载元件产生适当的电源电压，并且电池222被配置为向电源管理子系统220提供电能。电池222可以实现任何技术上可行的电池，包括一次电池或可充电电池技术。可选地，电池222可以实现为燃料电池或大容量电容器。

在一个使用场景中，闪光照明237包括数码相机230拍摄的场景中整体照明的至少一部分。光学场景信息239，其可以包括从场景中物体反射的闪光照明237，作为光学图像聚焦于图像传感器232上。在数码相机230内的图像传感器232生成光学图像的电子表示。所述电子表示包括空间颜色强度信息，其可以包括红光、绿光和蓝光的不同颜色强度样本。

显示单元212被配置为显示二维像素阵列，以形成用于视觉显示的数字图像。显示单元212可以包括液晶显示器、有机LED显示器或任何其他技术上可行的显示器类型。输入/输出设备214可以包括但不限于电容触摸输入表面、电阻式平板输入表面、按钮、旋钮或任何其他技术上可行的用于接收用户输入并将输入转换为电信号的设备。在一个实施例中，显示单元212和电容式触摸输入表面包括触摸输入显示系统，并且输入/输出设备214包括扬声器和麦克风。

非易失性(NV)存储器216被配置为在电源中断时存储数据。因此，NV存储器216实现了非暂时性计算机可读介质。在一个实施例中，NV存储器216包括一个或更多个闪存设备。NV存储器216可以配置为包括用于由处理器复合体210中的一个或更多个处理单元执行的编程指令。编程指令可以包括但不限于操作系统(OS)、用户界面(UI)模块、图像处理和存储模块，以及实现本文所教导的技术的一个或更多个实施例的模块。特别是，NV存储器216可以被配置为存储实现图1中方法109的指令。当处理器复合体210中的处理单元执行这些指令时，将导致处理单元执行方法109。包括NV存储器216的一个或更多个存储器设备可以被封装为用户可以安装或移除的模块。在一个实施例中，易失性存储器218包括动态随机存取存储器(DRAM)，其被配置为临时存储在移动设备270正常操作期间所需的编程指令、图像数据等。传感器设备242包括被配置为检测移动设备270的至少设备方向的传感器。例如，传感器设备242可包括用于检测运动和方向的加速度计，用于检测运动和方向的电子陀螺仪，或其组合。传感器设备242还可包括但不限于用于检测方向的磁通检测器、用于检测地理位置的全球定位系统(GPS)模块或其任何组合。

无线单元240可以包括被配置为发送和接收数字数据的一个或更多个数字无线电。特别是，无线单元240可以基于电气和电子工程师协会(IEEE)标准802.11实现在本领域中被称为“WiFi”的无线标准，并可以实现用于数据通信的数字蜂窝电话标准，诸如著名的“3G”和长期演进(LTE)，或“4G”或“5G”标准套件。在一个实施例中，移动设备270被配置为经由无线单元240将驻留在NV存储器216或易失性存储器218中的一个或更多个数字照片传输到在线摄影媒体服务。在该实施例中，用户可以拥有凭证以访问在线摄影媒体服务和传输用于存储和由在线摄影媒体服务呈现的一个或更多个数字照片。在传输数字照片之前，可将凭证存储或生成在移动设备270中。在线摄影媒体服务可包括社交网络服务、照片共享服务或提供数字照片的存储和下载的任何其他基于web的服务。在某些实施例中，移动设备270被配置为经由无线单元240接收一个或更多个传入的数字照片，并将传入的数字照片存储在NV存储器216或易失性存储器218或其组合中。在一个实施例中，移动设备270被配置为通过浏览器应用程序接收和渲染web页面，所述浏览器应用程序被配置为执行，但不限于方法100、109和400中的至少一个，以通过原地旋转与web内容相关联的代表性图像来提供内容的空间一致性描述。更一般地，本文所公开的任何技术都可以在任何浏览器功能中实现，包括缩略图浏览器、图像浏览器和/或蒙太奇浏览器、文件浏览器和web浏览器。此外，本文所公开的任何技术都可以在任何集合查看器(其也可以包括浏览器功能等)中实现。

图2C例示了根据一个可能的实施例的网络架构280。如图所示，至少一个网络282被提供。在当前网络架构280的上下文中，网络282可采取任何形式，包括但不限于电信网络、局域网(LAN)、无线网络、广域网(WAN)，诸如互联网、对等网络、线缆网络等。虽然只示出了一个网络，但应该理解两个或更多个类似或不同的网络282可以被提供。

耦连到网络282的是多个设备。例如，服务器计算机1012和终端用户计算机285可以耦连到网络282以进行通信。这种终端用户计算机285可以包括台式计算机、笔记本计算机和/或任何其他类型的逻辑。不过，还可以将其他各种设备耦连到网络282，包括个人数字助理(PDA)设备286、移动电话设备284、电视283等。在一个实施例中，移动电话设备284可以包括智能手机，其被配置为实现移动设备270的一个或更多个特征。在另一个实施例中，PDA286被配置为实现移动设备270的一个或更多个特征。

在一个实施例中，数据服务器287通过网络282耦连到各种设备。这些设备可以包括电视283、移动电话284、终端用户计算机285和PDA 286中的一个或更多个。数据服务器287可向设备提供但不限于云存储、云数据服务和/或数据的web页面呈现。

图2D例示了根据一个实施例的示例系统290。作为一种选择，系统290可以在图2C的网络架构290的任何设备的上下文中实现。当然，系统290可以在任何想要的环境中实现。

如图所示，提供系统290，其包括连接到通信总线297的至少一个中央处理器292。系统290还包括主存储器293[例如，随机存取存储器(RAM)等]。系统290还包括图形处理器295和显示器296。

系统290还可以包括辅助存储294。辅助存储294包括例如硬盘驱动器和/或可移除存储驱动器，表示软盘驱动器、磁带驱动器、光盘驱动器等。可移除存储驱动器以众所周知的方式从可移除存储单元读取和/或写入可移除存储单元。

计算机程序或计算机控制逻辑算法可以存储在主存储器293、辅助存储294和/或任何其他存储器中，就此而言。这些计算机程序在被执行时使系统290能够执行各种功能(例如，如上所述)。主存储器293、辅助存储294和/或任何其他存储都是非暂时性计算机可读介质的可能例子。

图3A例示了根据一个实施例的在竖屏方向上配置的集合查看器310。如图所示，集合查看器310在方向上与诸如移动设备270之类的移动设备的方向对齐，所以当移动设备处于竖屏方向时，集合查看器310也处于竖屏方向，以及当移动设备处于横屏方向时，集合查看器310也处于横屏方向。因此，移动设备中包含的显示屏的给定尺寸可以总是与显示在显示屏上的集合查看器310的关联尺寸相对应。在某些实施例中，显示屏可以被改变大小为非正方形矩形，并且显示屏的较大维度可以对应于集合查看器310的较大维度。在另一个实施例中，集合查看器310可以独立于移动设备270的方向而对齐。例如，集合查看器可以基于手动输入(例如来自用户等)、传感器输入(例如加速度计、陀螺仪等)等改变方向。

例如，可以在左上角设置物理显示原点312，并且滚动轴314可以沿着显示屏的较大维度对齐，以便当集合查看器310处于竖屏方向时，滚动轴314垂直对齐，如图所示。也就是说，当集合查看器310处于竖屏方向时，滚动轴314通常相对于物理“向上”方向316进行对齐。当物理显示原点312显示在左上角时，任何技术上合适的物理位置(例如，其他三个角中的任何一个)都可以用作物理显示原点。第二滚动轴315可以与滚动轴314正交。这样，当集合查看器310处于竖屏方向时，滚动轴315可以水平对齐，如图所示。滚动轴314和滚动轴315都为执行基于手势的命令提供了参考轴。这些命令可以包括但不限于基于触摸的手势，诸如选择触摸、滑动滚动/滑动平移和缩放手势的捏。

在一个实施例中，集合查看器310允许用户响应于输入滚动命令沿滚动轴314滚动代表性图像320的集合。代表性图像320的集合可以组织在一网格中，其中一部分代表性图像320在视图面板311中可见。在显示单元212内的电容性输入设备上执行的滑动手势可以用作输入滚动命令。在一个实施例中，视图面板311被配置为具有矩形形式，包括较大的维度和较小的维度。在该实施例中，术语“竖屏方向”指较大维度通常沿向上方向316取向的视图面板311的方向。术语“横屏方向”是指较小维度通常沿向上方向316取向的视图面板311的方向。在其他实施例中，视图面板311可以是正方形的。在这些实施例中，“纵屏方向”和“横屏方向”包括视图面板311的任意但正交的方向。

在一个实施例中，用户可以仅沿着滚动轴314滚动代表性图像320。在另一个实施例中，用户可以仅沿着滚动轴315滚动代表性图像320。在另一个实施例中，用户可以沿着滚动轴314和滚动轴315两者滚动代表性图像320。在提供沿滚动轴314和滚动轴315两者的滚动的实施例中，代表性图像可以沿连续的2D表面组织，或作为一组子面板组织，如下文更详细地说明。

虽然集合查看器310在这里例示为具有视图面板311的UI元素，但术语“集合查看器”在这里被广泛定义为包括被配置为生成UI元素并在视图面板311中显示代表性图像320的软件模块。

当用户将移动设备270旋转到新位置时，集合查看器可以通过使代表性图像320旋转到与新位置一致的角度来重新配置代表性图像320的呈现。例如，用户最初可能以竖屏方向持有移动设备270。然后用户可以将移动设备270旋转成横屏方向。在这个例子中，移动设备270可以检测方向角的足够改变，并导致集合查看器310从纵屏方向转变到横屏方向，如下图3B所示。检测方向角的足够改变可以包括应用于设备方向的迟滞函数。在本上下文中，迟滞函数可以定义为阈值函数，其输出方向状态既依赖于电流输入方向角，又依赖于电流输出方向。在各种实施例中，在电流输入方向角改变超过滞后阈值(hysteresisthreshold)后，输出方向状态可以发生改变。因此，采用迟滞函数检测设备方向可以表现出需要方向角来克服滞后阈值的性质，以此作为检测由竖屏方向到横屏方向的方向改变的条件，反之亦然。例如，如果滞后阈值定义为四十五度，并且当前的方向是横屏方向，那么当前方向角可以需要顺时针旋转至少45度(从垂直的当前输出方向)，以用于迟滞函数报告沿顺时针方向的方向改变，诸如以检测沿顺时针方向从竖屏到横屏的方向改变。一旦设备被认为处于横屏方向(电流输出方向se到横屏)，则电流方向角需要朝向垂直方向逆时针旋转至少四十五度，然后以用于迟滞函数报告沿逆时针方向(到竖屏方向)的方向。在其他实施例中，可以根据具有比例如正交角更细粒度的任意角实现不同的方向。检测足够的改变可以包括检测与角粒度一致的设备方向的角改变。此外，任何其他技术上可行的技术都可以用于检测设备方向而不脱离本公开的范围和精神。

图3B例示了根据一个实施例的、在横屏方向配置的集合查看器310。这种横屏方向的配置可能是将移动设备从图3A中之前所示的纵屏方向逆时针旋转九十度(顺时针旋转二百七十度)的结果。如图所示，物理显示原点312设置在左下角，并且滚动轴314水平对齐。在这种横屏配置中，滚动轴315沿着物理“向上”方向316垂直对齐。当然，在其他实施例中，物理显示原点312可以设置在另一个预定的角落(例如右下角、左下角、右上角、左上角等)或另一个预定的位置(例如轴点、旋转点等)。

在一个典型的使用场景中，用户头部保持在物理竖直的位置，因此更喜欢观看根据物理向上方向316渲染的代表性图像320。如图所示，将代表性图像320旋转以在与向上方向316一致的方向观看。在一个实施例中，当设备方向在竖屏方向和横屏方向之间改变时，代表性图像320被原地旋转。在一个实施例中，原地旋转包括针对每个代表性图像320执行动画，诸如旋转动画、淡入动画或其他转变动画。在一个实施例中，所有代表性图像320的动画基本上是同步执行的，以便所有显示的代表性图像320都看起来一起移动。通过原地旋转代表性图像320，集合查看器310能够呈现出与物理设备旋转一致的代表性图像320的物理隐喻(physical metaphor)。例如，维持代表性图像320(0，0)与物理原点312的相对位置，而不管设备方向如何改变。类似地，其他代表性图像320相对于物理原点312保持各自的相对位置，因此彼此保持相对位置。当用户在竖屏方向和横屏方向之间旋转移动设备时，每个代表性图像320相对于物理原点312在视觉上保持在原地，从而保持了被表示为代表性图像(例如图标)的数据对象(app、数据文件等)的UI隐喻。相比之下，现有技术系统通常会重新布置缩略图，导致用户感到困惑，并且破坏任何所感受到的与物理设备旋转的一致性。

图3C例示了根据一个实施例的在用户所看到的两个不同方向上图3A的代表性图像320(0，0)。从竖屏到横屏的转换330被实现，以给代表性图像320(0，0)从竖屏方向到横屏方向的顺时针旋转制作动画。额外的变换可以类似地实现为每个不同的离散旋转位置之间的动画转变。这里，将代表性图像320(0，0)顺时针旋转九十度，以补偿移动设备逆时针旋转九十度。注意，代表性图像320(0)相对于物理显示原点312保持固定的偏移量。如图所示，无论移动设备的方向如何，代表性图像320(0，0)被旋转为沿一般竖直方向可见，同时保持相对于物理显示原点312的固定偏移量。在其他实施例中，可以类似地实现更细粒度离散旋转位置。

图3D例示了根据一个实施例的、相对于图3A的物理显示原点312沿两个不同方向的代表性图像320(0，0)。如上所述，从竖屏到横屏的转换330实现了代表性图像320(0，0)的旋转。如图所示，旋转代表性图像320(0，0)以补偿移动设备的旋转，同时保持相对于物理显示原点312的固定偏移量。

图3E描述了根据一个实施例的一个代表性图像342在两个不同方向之间转变的帧360的动画序列340。如图所示，以连续帧360(N)～360(N+4)旋转代表性图像342，以生成代表性图像342的旋转动画。旋转动画描述了代表性图像342从T0时刻的初始位置到T4时刻的新位置的旋转运动。在这个例子中，用户将移动设备(例如移动设备270)在时间T0到时间T1之间从竖屏方向逆时针旋转为横屏方向，从而触发代表性图像342的顺时针动画。在此过程中，建立了新的物理向上方向。因此，新的向上方向352替换了旧的向上方向350。该动画序列描述了代表性图像342的旋转运动，并且一般抵消了移动设备的物理旋转。在一个实施例中，一旦检测到旋转事件，动画序列就独立于物理旋转计时。进一步地，在一些实施例中，只有在满足旋转的滞后阈值之后才触发旋转动画。在其他实施例中，一旦检测到旋转事件，就对动画序列进行计时以实质上跟踪物理旋转。在某些实施例中，旋转事件包括在三个正交角(如90度等)中的至少一个中检测大于预定角度的旋转改变，或检测从移动设备显示屏上法向量大于预定角度的旋转改变。虽然检测方向改变在本文中作了一般性描述，但是用于检测竖屏方向和横屏方向之间的转变的任何技术上可行的技术都可以被实现而不脱离本公开实施例的范围和精神。

代表性图像342可以在与每个增量帧360相关的每个旋转位置上被渲染。虽然示出了三个中间帧360(N+1)、360(N+2)和360(N+3)，但是动画序列340可以包括任意数量的中间帧。在一个实施例中，动画序列340在小于一秒但超过十毫秒的时间跨度内启动和完成。在某些实现中，动画序列340的持续时间可以配置为将中间帧作为视频刷新帧显示在移动设备中包括的显示屏(例如，图2A和图2B中的显示单元212)上所需的帧时间(frame time)数的整数倍。在一个实施例中，在视图面板311中显示的每个代表性图像基本上是同步动画的，以便用于每个代表性图像的每个动画步骤一起完成。例如，对于图3A中的每个代表性图像320，动画帧360(N+1)可以在时间T2或在此之前渲染和显示。在其他实施例中，可以实现更松散的同步，以便每个代表性图像220在指定的最大数目帧时间内完成各自的动画序列，诸如小于五帧时间或小于六十帧时间。在某些实施例中，动画序列对某些物理行为或属性(如动量、振荡、摩擦等)建模。例如，动画序列可以描述代表性图像超过其旋转并弹回到适当位置。可以关于时间应用任意旋转函数来为动画序列提供这些运动学效果(和其他)。

在可选实施例中，可以实现旋转动画之外的转变效果。例如，一个替代的转变效果是在360(0)帧中描述的代表性图像342和360(N+4)帧中描述的代表性图像342之间的alpha淡出动画。另一个可选的转变效果是将360(0)帧中描述的代表性图像342折叠成一个点，然后作为在360(N+4)帧中描述的代表性图像342重新出现的动画。可以实现这些和其他原地转变效果而不脱离本公开实施例的范围和精神。

在一个实施例中，帧360由图2B的处理器复合体210中的图形处理单元(GPU)渲染。此外，给定视图面板中的每个代表性图像可以由GPU以当前动画角度(由当前动画状态给出)单独渲染。然后，GPU可以将单独渲染的代表性图像组合在一起，以形成一帧(如视频帧)以供显示。每个帧360可以类似地按照以当前动画角度渲染每一代表性图像的步骤生成，然后将所渲染的代表性图像组合在一起形成一帧以供显示。

虽然本文所公开的技术是结合移动设备描述的，但是本领域技术人员将认识到，任何计算平台都可以配置为执行这些技术。

图3F描述了根据一实施例的处于竖屏方向的一组子面板370。如图所示，子面板370彼此以固定的关系布置。这里所示的固定布置将子面板370(0)置于子面板370(1)的左侧，子面板370(0)置于子面板370(2)的下方。此外，子面板370(0)定位在左下角，子面板370(3)定位在右上角。

在一个实施例中，视图面板311包括显示在移动设备显示屏的一部分内的UI元素。视图面板311可以由集合查看器生成。物理显示原点312被示出位于显示屏的左上角。在其他实施例中，物理显示原点可以设置在显示屏的不同位置。如图所示，子面板370(0)在视图面板311中当前可见。用户可以提供命令(例如滑动手势)来相对于视图面板311移动子面板，以选择要可见的不同的子面板370。例如，用户可以提供左滑动手势来选择要可见的子面板370(1)。以这种方式，集合查看器可以提供子面板的隐喻表示，其中子面板被描述为可以使用滑动手势移动的物理对象。

如图所示，每个子面板370包括本地原点372。本地原点372定义给定子面板370内的本地坐标系统的原点。当给定的子面板370相对于向上方向316旋转时(例如，如图3G所示)，子面板内的代表性图像374可以相对于本地原点372基本上保持其偏移位置。与视图面板311中可见的子面板370相关联的本地原点372可以随着方向的改变跟随物理显示原点312。但是，用于不可见子面板370的不同的本地原点372将跟随不可见子面板370的旋转，如图3G所示。每个本地原点372显示在各自子面板的左上角；然而，本地原点可以定位在相对于相关子面板的几何形状的任何技术上可行的位置。每个子面板可以包括一组代表性图像374，分别设置在相对于相应的本地原点372的各自的固定偏移量处。例如，一组代表性图像374(0)包括分别位于相对于本地原点372(0)的固定偏移量处的各个代表性图像。

在一个实施例中，向左的滑动手势可以导致子面板370(0)向左平移。例如，可以触发平移动画，其描述了沿着滚动轴315向左平移的子面板370(0)和370(1)，使子面板370(1)可见，以用于显示在视图面板311中。类似地，向下滑动手势可以导致子面板370(0)沿着滚动轴314向下平移，并使子面板370(2)可见，以用于显示在视图面板311中。每个平移动画都可以实现为描述渐进式平移状态的动画帧序列。平移动画可以跟踪用户手指的位置，并且平移动画可以显示势头(momentum)，例如，如果用户手指断开与显示屏的接触。

子面板之间的平移可以导致某些代表性图像在视图面板311中变得新可见。每一个新可见的代表性图像应处于与当前可见的代表性图像相一致的旋转位置。此外，当旋转动画被触发时，平移动画可能部分完成，从而导致平移动画与旋转动画同时运行。类似地，当触发平移动画时，旋转动画可能部分完成，从而导致旋转动画与平移动画同时运行。

在一个实施例中，动画状态包括旋转状态和平移状态，并且在帧序列内的每个动画帧至少根据该动画状态被渲染。在一些实施例中，动画状态进一步包括缩放级别，并且可以渲染每个动画帧以进一步包括缩放级别。

图3G描述了根据一实施例的处于横屏方向的一组子面板370。如图所示，每个子面板370的固定关系被保持，使得子面板370(0)仍在子面板370(1)的左侧，子面板370(0)仍在子面板370(2)下方，子面板370(0)仍在左下角，并且子面板370(3)仍在右上角。进一步地，给定的子面板370中的每个本地原点372和每个个体代表性图像之间的每个固定偏移量被保持。例如，在竖屏方向和横屏方向之间的转变期间，该组代表性图像374(0)内的本地原点372(0)和各个代表性图像之间的固定偏移量被保持。每个代表性图像都在原地旋转(例如，通过动画帧序列)，以保持竖直外观用于显示。在一个实施例中，竖屏方向和横屏方向之间的任何转变都会触发动画序列，其导致每个代表性图像旋转成竖直外观以供显示。

在一个实施例中，向左滑动手势可以导致子面板370(0)向左平移。例如，可以触发平移动画，其描述子面板370(0)和370(1)沿着滚动轴314向左平移，使子面板370(1)可见，以便在视图面板311中显示。类似地，向下滑动手势可以导致子面板370(0)沿滚动轴315向下平移，并使子面板370(2)可见，以便在视图面板311中显示。无论方向和平移位置如何，每个子面板的相对位置都保持不变。此外，每个子面板370内的每个代表性图像的偏移位置相对于用于包含子面板的本地原点372保持不变。

图4例示了根据一实施例的、显示子面板用于显示的方法400的流程图。作为一种选择，方法400可以在任何先前和/或随后的一个或更多个图及其描述中所阐述的任何一个或更多个实施例的上下文中实现。例如，方法400可以应用于图1A的操作102的相邻关系的上下文中。然而，当然，方法400可以在任何所需环境的上下文中实现。进一步地，上述定义同样适用于下文的说明。在一个实施例中，该方法由移动设备执行，如图2B中的移动设备270。

如图所示，将多个子面板中的每个子面板配置为逻辑上与多个子面板中的另一个子面板相邻。参见操作402。子面板之间的每个逻辑相邻关系可以反映之前为每个子面板建立的位置。在一个实施例中，子面板可以组织成线性关系，以便子面板形成一排侧对侧的面板。在另一个实施例中，子面板可以组织成线性关系，以便子面板形成一排从上到下的面板。在另一个实施例中，每个子面板可以在一个或更多个边处与不同的子面板相邻，以便在第一子面板和第二子面板之间可以存在侧对侧线性关系；并且，第一子面板与第三子面板之间可以存在自上而下的线性关系。以这种方式，子面板可以形成完全或部分填充的网格图案，每个子面板都配置为包括任意数量的代表性图像(例如图标或缩略图)。在另一个实施例中，一组子面板可以形成一排子面板，并且该排内的每个子面板可以是任意一排不同的、不相交的子面板的一部分。在该实施例中，用户可以侧对侧地滚动以选择子面板，向上或向下滚动以选择另一个子面板，然后在不同的、不相交的空间内再次侧对侧地滚动。以这种方式，用户可以浏览拓扑上等价于具有任意分支的任意树的结构。这种子面板的布置可以反映任意目录结构。

接下来，将多个子面板中的至少一个选定的子面板(例如，选定为可见的)在初始配置中显示。参见操作404。如前所讨论的，线性关系可以包括以相邻方式布置在第二(或其他)子面板旁边的第一子面板。例如，如果第一子面板是居中的(假设)，则第二子面板可以布置在第一子面板周围的任意点上，并从第一子面板切换到第二子面板(选择第二子面板)，可以接收用户输入，其中触摸手势指示来自第二子面板的方向的直线运动。当然，基于第一子面板与第二子面板之间的线性关系，第二子面板可以以任何方式布置并使其可见。相邻的子面板可以可选地被对齐和定位，以及沿网格对齐。

在判定406中，确定是否接收到一组特定形式的用户输入中的一个。具体地，确定是否接收到包含方向改变(例如，移动设备在横屏方向和竖屏方向之间旋转)、子面板选择命令(例如，足够长的滑动手势)、滚动命令(例如，较短的滑动手势)或缩放命令(例如，捏手势)的用户输入。如果确定接收到特定形式的用户输入，则方法将前进到判定408。

在判定408中，确定用户输入是否指示移动设备的新的方向。可以根据本文描述的技术或使用任何技术上合适的技术来执行确定是否指示移动设备的新的方向。例如，在一个实施例中，可见的(例如所选的)子面板的方向可响应于下列情况中的至少一种而改变：显示器方向的改变、设备方向的改变、传感器(例如陀螺仪、加速度计)检测到的方向的改变等。此外，如果方向发生了改变，那么这可能是图1A中每个操作106的通知的基础。如果确定指示了新的方向，则方法前进到判定412。

根据操作410，移动设备生成并显示多个动画帧，用于检测到的新的方向的转变。所述多个动画帧的每个动画帧可以包括组合在一起形成动画帧的多个单独渲染的代表性图像。每个代表性图像都可以被渲染以动画化用于代表性图像的旋转操作。代表性图像的集合，包括所有可见的代表性图像，可以基本上同步地渲染(例如，在彼此的毫秒内，等等)，以便代表性图像的集合看起来一起旋转。给定的代表性图像的动画状态可以包括旋转角度。动画状态可以进一步包括滚动位置，以便旋转动画可以与滚动(平移)动画相组合。这样的组合可以提供更现实的物理隐喻，通过原地旋转和具有势头的平移。动画状态还可以进一步包括缩放级别，允许用户放大、旋转其设备和滚动通过缩放区域，同时保持作为对象的代表性图像的物理隐喻。在各种实施例中，旋转动画根据图1B、图3A-图3G、图5、图6、图8和图9中描述的技术执行。

在判定412中，确定用户输入是否为新的子面板选择命令。如果用户输入是新的子面板选择命令，则方法前进到操作414。否则，方法前进到操作416。

在操作414中，包括动画帧的动画被生成并显示，指示新的子面板选择。例如，动画可以描述第一子面板平移出屏幕以及新选择的子面板平移进视图以进行显示。动画可以跟踪用户的滑动手势，这样平移动画看起来在跟随用户的指尖。这个操作如图7所示。

在操作416中，生成并显示包括动画帧的动画，以描述子面板中的平移或缩放操作。图8中例示了旋转操作之后的缩放操作。

如果方向没有根据判定406改变，或在操作410完成后，或在操作414完成后，或在操作416完成后改变，则方法前进回到判定406。

图5例示了根据一实施例的应用于子面板520的用户界面流500。如图所示，子面板520是可见的子面板。其他子面板(未示出)可以存在于与子面板520的逻辑相邻位置。作为一个选项，用户界面流500可以在任何先前和/或随后的一个或更多个图及其描述中阐述的任何一个或更多个实施例的上下文中实现。例如，用户界面流500可以应用于图1中操作102的相邻关系的上下文中，和/或根据图4中的判定408改变方向。当然，用户界面流500可以在任何所需环境的上下文中实现。进一步地，上述定义同样适用于下文的说明。

如图所示，用户界面流500包括位于第一方向502的子面板520中的第一组图标。移动设备的方向504的第一改变(例如，用户旋转移动设备)可以导致第一组图标在第二方向506显示。在方向504的改变之后，以及图标在第二方向506显示之后，由于移动设备的物理旋转，用于第一组图标的(例如视频帧的)动画序列开始，使图标旋转到第三方向508以匹配移动设备的方向。当然，在可选的实施例中，第三方向508可以在结束方向504的改变后立即显示。在一个实施例中，第三方向508可以为每个图标匹配第一方向502。

此外，响应于方向510的第二改变，这些图标将显示在第四方向512，在之后第一组图标的动画序列开始，使图标旋转回第一方向502。

以这种方式，图标可以旋转以匹配显示器的旋转。此外，并非将所有这些图标在屏幕上重新组织，而是图表保持在设备上相同的位置，并简单地在设备的方向改变结束时原地旋转。

与用户界面流500关联的用户界面可以包括信息栏550。信息栏550可以配置为显示信息，诸如而不限于无线信号强度、一天中的时间和电池充电状态。在一个实施例中，信息栏550被配置为显示在如图所示的移动设备显示屏的顶部水平边缘上。在方向改变期间或之后的任何时间点(例如，在方向504、510改变期间)，信息栏550可以从之前的水平边缘移动到新的水平边缘。移动可以使用任何技术来实现，而不脱离本公开的实施例。例如，信息栏550可以从之前的水平边缘淡出，在新的水平边缘出现。在另一个示例中，信息栏550可以描述为在动画帧序列上从以前的水平边缘滑动到新的水平边缘。在其他实施例中，无论方向如何，信息栏550都保持在显示屏的固定边缘上(参见图10中的示例)。

图6例示了根据一个实施例的、用于改变多个子面板的方向的用户界面流600。作为一个选项，用户界面流600可以在任何之前和/或随后的一个或更多个附图及其描述中阐述的任何一个或更多个实施例的上下文中实现。例如，用户界面流600可以应用于图1A中操作102的相邻关系、图4中每个判定408的方向改变以及图5中的动画序列500的上下文中。然而，当然，用户界面流600可以在任何所需环境的上下文中实现。进一步地，上述定义同样适用于下文的说明。

如图所示，移动设备可以包括处于第一方向612的第一子面板602以及第二子面板604和第三子面板606。此外，线性方向608(根据操作102的相邻关系)位于子面板602-606之间的从左到右的方向。也就是说，子面板604与子面板602相邻，子面板602与子面板606相邻。此外，还示出了第一方向612和第三方向616之间的方向610的改变。

在一个实施例中，方向610的改变可以包括第二方向614。此外，第二方向614可以继续保持子面板602-606之间的线性方向608。以这种方式，即使在改变方向期间，子面板604仍然保持在子面板602的左侧，子面板606仍然保持在子面板602的右侧。

在方向610的改变完成后，显示第三方向616。此外，第三方向616可以继续保持子面板602-606之间的线性方向608。以这种方式，子面板604保持在子面板602的左侧，子面板606保持在子面板602的右侧。当然，线性方向608可以是任何方向(而不仅仅是从左到右类型的方向)。在另一个实施例中，线性方向保持从第一方向612到第三方向616。

图7例示了根据一个实施例的用于选择要可见的多个子面板中的一个的用户界面流700。作为一个选项，用户界面流700可以在任何之前和/或随后的一个或更多个附图及其描述中阐述的任何一个或更多个实施例的上下文中实现。例如，用户界面流700可以应用于图1的操作102的相邻关系、根据图4的每个判定408的方向改变、图5的动画序列500和图6的用户界面流600的上下文中。然而，当然，用户界面流700可以在任何所需环境的上下文中实现。进一步地，上述定义同样适用于下文的说明。

如图所示，示出了可见的第一子面板702和不可见的第二子面板704(即被虚线包围)。响应于第一用户动作706(即从左向右滑动)，发生第一用户界面改变708，其中屏幕的可见部分现在显示可见的第二子面板710，而不可见的第一子面板712将显示在旁边(由虚线包围)。此外，线性方向703表明，可见的第一子面板702与不可见的第二子面板704之间的以及可见的第二子面板710与不可见的第一子面板712之间的线性关系(例如相邻关系)分别为从左到右的线性方向，或从右到左的线性方向。进一步地，图标711表示在可见的第一子面板702、不可见的第二子面板704、可见的第二子面板710和不可见的第一子面板712上。如本文所述，可见的第一子面板702中包含的特定图标也包含在不可见的第一子面板712中，不可见的第二子面板704中包含的特定图标也包含在可见的第二子面板710中。在一个实施例中，图标711的方向依赖于子面板(例如子面板702-4，710-12)的方向。在另一个实施例中，图标711的方向可以依赖于另一个触发(例如移动设备的方向、来自传感器的输入等)。

响应于方向714的第一改变，可见的第二子面板710(和不可见的第一子面板712)旋转到新的方向718。在新的方向718中，可见的第二子面板710和不可见的第一子面板712保持相同的线性方向703。此外，图标711会根据子面板的方向进行旋转。此外，图标711在物理显示屏上的物理位置与这些图标711在方向714的第一改变之前的位置一致。换句话说，如果图标最初在右下角(如可见的第二子面板710所示)，并且如果设备被顺时针旋转(如方向714中的第一改变所示)，则同样的图标将在方向714的第一改变之后在左下角找到。

此外，响应于第二用户动作716(即从右向左滑动)，显示器被修改，以使可见的第一子面板702变为可见，而不可见的第二子面板704变为不可见。该动作之后，相同的线性方向703被保持。

接下来，响应于方向720的第二改变，可见的第一子面板702和不可见的第二子面板704在与原始方向对应的方向显示。

在一个实施例中，在方向714的第一改变和方向720的第二改变期间，可以分别保持可见的第二子面板710和不可见的第一子面板712之间、可见的第一子面板702和不可见的第二子面板704之间的线性关系703。

当然，在一个实施例中，设备和/或显示可以以任何方式被利用来促进一个用户界面和另一个之间的切换，包括但不限于目光检测、传感器(如陀螺仪、加速度计)的使用、姿态控制等，而不是接收第一用户动作706和第二用户动作716。

图8例示了根据一个实施例的用于在子面板802上执行的缩放操作的用户界面流800。如图所示，子面板802至少包含图标820。最初，子面板802可以以初始缩放因子显示，例如默认的缩放因子。用户缩放操作806导致UI缩放操作808被执行，在此期间和/或之后，根据不同的缩放因子显示子面板802的一部分。如图所示，在执行UI缩放操作808以增加缩放因子后，子面板802中的图标(包括图标820)会显示得更大(更高的缩放因子)。在某些使用模式下，显示较大的图标可以帮助一些用户能够更好地辨识图标。此外，任何与图标相关的文本(未示出)，如文件或应用程序名称，都可以根据当前的缩放因子(例如，更高的缩放因子)显示，以帮助用户阅读文本。用户可以只需要简单地放大以查看图标和/或相关的测试，并且然后可以缩回去。例如，用户可以放大特定的图标(例如图标820)来读取图标的文件名，然后缩回到子面板的默认缩放级别。

方向810的第一改变(例如逆时针旋转九十度)可能会导致子面板802显示为旋转到新的(横屏)方向。如图所示，图标820(和其他图标)原地旋转，以补偿新设备的方向。如图所示，由于用户缩放动作，图标820也以更高的缩放因子显示，并且由于第一方向改变810而原地旋转。第二方向改变810(顺时针旋转九十度)可导致子面板802在原始竖屏方向显示。

在一个实施例中，披露的系统旨在提高文件/图标浏览器中的缩放操作，其可能需要用户导航到系统控制工具，使用系统控制工具将整体UI缩放级别设置为更高的缩放级别，以更高的缩放级别查看图标和/或文本，然后，可选地返回到系统控制工具，并将整体UI缩放级别设置回到默认的级别。在此过程中，用户可能会丢失其在文件/图标浏览器中的位置。为了避免这种问题和其他问题，一些用户在可用性方面做出了妥协，并简单地将整体UI缩放级别设置得比他们实际喜欢的更高(更大的图标和更大的文本)，以有助于偶尔阅读某些条目，但是用户可能需要向下设置缩放级别以适当地查看某些文件或web页面。在每种情况下，文件/图标浏览器中的UI缩放操作从可用性的角度以及系统性能测量方面都是低效的，例如完成用户所要求的操作或一组操作所需的运行时间(以及因此功耗)，所有这一切都可以被本文公开的实施例提高。

此外，在一个实施例中，缩放系统可用于在系统上进行改进，其中文件/图标浏览器中的缩放操作可以导致兴趣图标在方向改变(移动设备旋转)期间可能丢失，这是由于文件/图标浏览器重新调整每个图标的屏幕位置，从而迫使用户搜索兴趣图标。然而，在另一个实施例中，所显示的图标可能不旋转，以补偿设备的方向，这使得此类系统难以使用，而所有这些都可以通过本发明公开的实施例加以改进。此外，本文公开的实施例允许用户自由且有效地放大和缩小，以及在保持用户对兴趣图标的竖直视图的同时改变移动设备的方向。

上面描述的操作保持了兴趣图标的屏幕位置和竖直显示，同时允许用户自由地执行缩放和平移操作以及设备方向的改变。用户也可以自由地平移，并通过旋转操作和/或附加的缩放操作来保持兴趣图标的屏幕位置。本文公开的实施例保持了作为对象的图标的物理隐喻，并允许用户以比传统系统更简单和更高效的方式有利地执行UI操作。

本文公开的技术可以以任何组合的形式一起实现，包括但不限于原地旋转的代表性图像的任意组合、放大和缩小、平移以及选择不同的子面板用于显示。此外，各种实施例可以实现代表性图像和子面板行为的不同形式和组织，如下文图9和图10中所示。

图9例示了根据一个实施例的用于包括照片蒙太奇920的子面板902的用户界面流900。如图所示，子面板902配置为显示照片蒙太奇920，其可以包含任意一组数字图像，例如数字照片。每个数字图像都可以具有任意的形状因子，并对该形状因子应用裁剪功能，以便在照片蒙太奇图像中显示。例如，照片930可以有任意的形状因子，也可以被裁剪成采用相关的矩形形状因子用于显示，如下图所示；而照片940也可以有任意的形状因子，也可以裁剪成采用正方形形状因子用于显示，如下图所示。

在一个实施例中，照片蒙太奇920包括子面板的至少一部分。子面板可以按照前面描述的方式配置。子面板的至少一部分可以是可见的以用于显示。此外，其他子面板(未示出)可以设置在逻辑上与子面板902相邻的位置，并且当前不可见。在其他实施例中，在给定的照片蒙太奇中，每组至少有一张照片可以包括配置为起到如前所述的功能的子面板。在某些实施例中，一个或更多个子面板可以在任何时间可见以用于显示。

方向904的第一改变(例如，逆时针旋转九十度)可以导致子面板902以新的(横屏)方向显示。如图所示，将照片蒙太奇920(可能还有其他照片)原地旋转，以补偿新的设备方向。照片940显示为具有正方形形状因子，并且可以围绕正方形形状因子的几何中心(如质心)旋转。照片930被示出为具有非正方形的矩形因子。因此，简单地围绕几何中心旋转不一定会产生理想的结果。作为一个选项，一些照片(如照片930)替代性地可以围绕照片中被标识的兴趣点旋转。兴趣点可以包括但不限于兴趣焦点之一、兴趣曝光点和识别的目标兴趣点(例如，在照片中被识别为人脸的区域)。在一个实施例中，这种一个或更多个兴趣点可以自动确定(例如对象识别等)，也可以手动接收(例如用户选择照片上的兴趣点等)。

在这个具体的示例中，在照片930中被识别为人脸的区域可以表示自动选择的兴趣点，当照片930在要显示的竖屏方向和横屏方向之间旋转时，该区域可以作为旋转中心。可选地，照片930可以是用用户明确指定的兴趣点拍摄的(例如，用户可以在拍摄照片930之前用手触摸脸部以表示感兴趣)，然后兴趣点(焦点和/或曝光点)可以存储在照片930的元数据中。如图所示，照片930围绕着与照片930中的人脸相关联的兴趣点932旋转。因此，尽管照片930中的其他物体在竖屏方向和横屏方向之间交替时，进入或退出可见，人脸仍然可见。

在某些实施例中，在缩略图浏览器、图标浏览器和/或其他形式的代表性图像浏览器中，照片中的指定点(例如兴趣点)用作旋转中心。

图10例示了根据一个实施例的按字母顺序组织的图标1002的用户界面流1000。如图所示，图标1002被组织成字母组1020。例如，与以字母“A”开头的名称(例如应用程序名称或文件名称)相关联的图标被组织成组1020(A)，并显示在组1020(A)的区域内；名称以字母“B”开头的图标被组织到成组1020(B)，并显示在组1020(B)的区域内，以此类推。给定的区域可以包括视觉边界，例如围绕该区域绘制的矩形(如图所示)，一条或更多条分界线，交替的背景色调或颜色，或任何其他不同区域的视觉上不同的指示。在一个实施例中，当在如图所示的竖屏方向时，信息栏1050显示在移动设备显示屏的顶部水平边缘上。

虽然上面的示例描述了使用英文字母和按字母顺序组织的实施例，但是任何字符系统都可以被实现而不脱离本公开的范围。例如，图标可以根据众所周知的Unicode系统中的任意一组字符进行组织。因此，具有采用Unicode字符支持的任何一种或更多种语言的文件名的图标可以根据本文描述的技术进行组织和显示。在单独的实施例中，图标的组织可以被自动配置(例如字母顺序、基于上下文的组织等)，也可以手动确定(例如基于图片字符的组织、个人组织等)。

方向1004的第一改变(例如逆时针旋转九十度)可能会导致组1020以新的总体横屏方向显示，并通过动画将相关图标旋转到竖直位置。在一个实施例中，如图所示，信息栏1050不会响应于方向1004的第一改变而改变相对于移动设备显示屏的物理位置。在其他实施例中，信息栏1050可沿着显示屏的水平边缘重新定位，如通过动画或简单的重绘操作，如前所述。

如图所示，在方向1004的第一改变之后，显示屏上图标1002的物理位置保持不变。此外，无论设备方向如何，组1020的几何图形始终呈现在显示屏上。组1020中显示的图标1002会响应于方向1004的第一改变而旋转(例如，通过动画)，以保持竖直外观。方向1005的第二改变将组1020和图标1002的外观恢复为竖屏方向。响应于方向的每个改变，图标1002被旋转到竖直的位置。

本发明的各个实施例通过减少与定位和操作作为代表性图像(图标、缩略图等)显示的数据对象(文件、应用程序、图像、视频、音频剪辑、其他媒体对象等)相关的运行时间，有利地改进了移动设备的操作。通过允许用户在不考虑设备方向改变的情况下保持对所选代表性图像的视觉跟踪，可以改进(减少)运行时间并因此改进功耗。通过响应于设备方向的改变对代表性图像进行原地旋转，用户能够保持对代表性图像的视觉跟踪，从而减少与打开、运行、编辑、查看、收听或以其他方式操作与代表性图像相关联的数据对象相关的运行时间。当用户需要对代表性图像进行放大时，还可以获得进一步的优势。通过原地旋转放大的代表性图像，用户能够保持代表性图像的视觉追踪。本文公开的技术解决了与传统系统相关的效率低下问题，此类效率低下通常要求用户在设备方向发生改变后，花时间在经过变换的代表性图像上进行视觉搜索和/或滚动；这种搜索和滚动操作需要额外的设备运行时间，并因此需要额外的设备功耗。

需要注意的是，在一个方面中，本文描述的技术被具体化在存储在计算机可读介质中的可执行指令中，以供指令执行机、装置或设备(如基于计算机或包含处理器的机器、装置或设备)使用或与之连接。本领域技术人员可以领会的是，对于一些实施例，还包括其他类型的计算机可读介质，它们可以存储计算机可访问的数据，如磁带、闪存卡、数字视频磁盘、伯努利盒、随机存取存储器(RAM)、只读存储器(ROM)等。

如此处所使用的，“计算机可读介质”包括用于存储计算机程序的可执行指令的一个或更多个任何合适的介质，以便使指令执行机、系统、装置或设备可以从计算机可读介质读取(或获取)指令，以及执行这些指令以实施所描述的方法。合适的存储格式包括电、磁性、光和电磁格式中的一种或更多种。传统示例性计算机可读介质的非穷举列表包括：便携式计算机磁盘；RAM；ROM；可擦除可编程只读存储器(EPROM或闪存)；光学存储设备，包括便携式光盘(CD)，便携式数字视频盘(DVD)，高清晰度DVD(HD-DVD^TM)，BLU-RAY光盘；等等。

应当理解，附图中例示的组成部分的布置是示例性的，并且其他布置也是可能的。还应该理解，权利要求所定义的、下文描述的、以及在各种框图中例示的各种系统元件(和装置)，代表了根据本文公开的主题所配置的一些系统中的逻辑元件。

例如，这些系统元件(和装置)中的一个或更多个可以通过所描述的附图中所例示的布置中所例示的至少部分元件全部或部分实现。此外，虽然这些元件中至少有一个元件至少部分实现为电子硬件元件，并因此构成机器，但是其他元件可以用软件实现，当包含在执行环境中时，所述软件可以构成机器、硬件或软件和硬件的组合。

更具体地，权利要求所定义的至少一个元件至少部分实现为电子硬件元件，例如指令执行机(例如，基于处理器或包含处理器的机器)和/或作为专用电路或电路(例如，为执行专用功能而互连的离散逻辑门)。其他元件可以用软件、硬件或软件和硬件的组合来实现。此外，这些其他元件中的一些或所有元件可以组合，也可以完全省略一些元件，还可以在实现本文描述的功能的同时添加其他元件。因此，本文所述的主题可以体现在许多变化中，并且所有这些变化都将在权利要求的范围内进行考虑。

在上面的描述中，除非另有说明，否则主题是参考由一个或更多个设备执行的操作的行为和符号表示来描述的。因此，可以理解，这些有时被称为计算机执行的行为和操作包括由数据处理器以结构化形式进行的操作。这种操作转换数据或将数据保存在计算机存储器系统中的某个位置，计算机存储器系统以本领域技术人员能够很好地理解的方式重新配置或以其他方式改变设备的操作。数据作为数据结构保存在存储器的物理位置，这些数据结构具有由数据格式定义的特定属性。然而，虽然在上述上下文内对主题进行了描述，但这并不意味着要加以限制，如本领域技术人员将领会的，下文所述的各种行为和操作也可以用硬件实现。

为了有助于理解本文描述的主题，许多方面都是按照动作的顺序进行描述的。权利要求所定义的这些方面中的至少一个由电子硬件元件执行。例如，将被认识到的是，各种动作可以由专用电路或电路执行，可以由一个或更多个处理器执行的程序指令执行，也可以由两者的组合执行。此处对任何动作的序列的描述并不意味着必须遵循为针对执行该序列而描述的特定顺序。除非本文另有说明或上下文另有明确抵触，否则本文所述的所有方法均可按任何适当的顺序执行

在描述主题的上下文中(特别是在下列权利要求的上下文中)的“一”、“一个”和“该”等词语的使用应被解释为同时涵盖单数和复数，除非本文另有说明或上下文另有明确抵触。本文的数值范围的列举仅仅意图用作单独引用落在该范围内的每个单独值的一种简写方法，除非本文另有说明，并且每个单独的值被合并到说明书中，就像在此单独列举一样。此外，上述描述只是为了说明的目的，而不是为了限制的目的，因为寻求保护的范围是由所阐述的权利要求及其有权享有的任何同等权利所界定的。本文提供的任何和所有示例或示例性语言(例如“诸如”)的使用，只意图为了更好地例示主题，并且除非另有声明，否则不会对主题的范围造成限制。在权利要求书和书面说明书中，“基于”一词的使用和其他类似短语表示产生某一结果的条件，并不意图排除产生该结果的任何其他条件。说明书中的任何语言都不应被解释为将对本发明的实践至关重要的任何未声明的要素作为声明。

本文描述的实施例包括发明人所知的用于实施所要求的主题事项的一种或更多种模式。当然，当阅读上述描述时，那些实施例的改变将对本领域技术人员来说变得明显。发明人希望本领域技术人员在适当的情况下采用这些改变，并且发明人意图对所要求的主题作本发明所述以外的其他用途。因此，所要求的主题包括所附权利要求书中所述的适用法律所允许的主题的一切修改和等价物。此外，上述各元素的任何组合及其所有可能的改变都包括在内，除非本文另有说明或上下文另有明确抵触。

Claims

1.一种移动计算设备，包括：

显示单元，配置为可见地显示用户界面；

处理单元，耦连至所述显示单元，并且配置为：

使得所述显示单元在所述用户界面的一个或更多个子面板中显示两个或更多个代表性图像；

配置所述一个或更多个子面板中的可见子面板和所述一个或更多个子面板中的至少一个不可见子面板之间的相邻关系；

针对所述两个或更多个代表性图像中的每一个，配置各自的代表性图像和所述一个或更多个子面板中的关联子面板之间的第二关系，所述第二关系定义所述关联子面板上显示所述各自的代表性图像的位置；

接收指示所述一个或更多个子面板中的至少一个的新的方向的通知；

响应于所述新的方向，基于所述相邻关系和所述第二关系，针对所述两个或更多个代表性图像生成受所述新的方向影响的原地旋转动画。

2.根据权利要求1所述的移动计算设备，其中所述相邻关系包括由以下中的至少一个组成的线性方向：从左到右的方向，从右到左的方向，从边到边的方向，从上到下的方向，从下到上的方向，从顶部到底部的方向，从底部到顶部的方向，以及从角到角的方向。

3.根据权利要求1所述的移动计算设备，其中针对受所述新的方向影响的所述两个或更多个代表性图像中的每一个，所述原地旋转动画独立地发生。

4.根据权利要求1所述的移动计算设备，其中所述通知基于所述移动计算设备的旋转而发生。

5.根据权利要求1所述的移动计算设备，其中所述通知包括基于对象的消息传递系统中的消息。

6.根据权利要求1所述的移动计算设备，其中所述通知是响应于与所述移动计算设备相关联的物理力的测量而生成的。

7.根据权利要求1所述的移动计算设备，其中所述原地旋转动画包括动画状态，所述动画状态包括当前旋转角度。

8.根据权利要求1所述的移动计算设备，其中所述原地旋转动画包括动画状态，所述动画状态包括当前滚动位置。

9.根据权利要求1所述的移动计算设备，其中所述原地旋转动画由所述移动计算设备中的图形处理单元生成。

10.根据权利要求1所述的移动计算设备，其中在所述原地旋转动画期间，在相对于所述显示单元的物理原点不同的预定位置处显示所述两个或更多个代表性图像中的每一个。

11.根据权利要求1所述的移动计算设备，其中所述原地旋转动画通过以下步骤进一步生成：

生成动画帧的序列；以及

显示所述动画帧的序列；

其中所述动画帧的序列中的每个动画帧描绘所述两个或更多个代表性图像的动画状态序列中的不同的动画状态。

12.根据权利要求11所述的移动计算设备，其中所述动画帧的序列中的动画帧通过以下步骤生成：

计算所述动画帧的当前动画状态；

识别所述两个或更多个代表性图像，以在所述动画帧中渲染；以及

根据所述当前动画状态，原地渲染至少所述两个或更多个代表性图像。

13.根据权利要求1所述的移动计算设备，其中所述两个或更多个代表性图像被组织在所述用户界面的所述一个或更多个子面板的网格图案上，其中所述网格图案包括可见区域和不可见区域两者。

14.根据权利要求1所述的移动计算设备，其中所述关联子面板包括参考坐标，并且所述两个或更多个代表性图像中的每一个相对于所述参考坐标以2D偏移量定位于所述关联子面板上。

15.根据权利要求14所述的移动计算设备，其中所述2D偏移量在所述新的方向之后保持。

16.根据权利要求1所述的移动计算设备，其中当关联子面板可见时，所述第二关系包括相对于所述两个或更多个代表性图像的物理显示位置的偏移量。

17.根据权利要求1所述的移动计算设备，其中所述新的方向的所述通知是基于所述移动计算设备的方向角的足够变化，其中所述方向角包括迟滞函数。

18.根据权利要求1所述的移动计算设备，其中所述用户界面包括具有边缘方向的信息栏，其中，在所述新的方向之后，所述信息栏被重新定位以保持所述边缘方向。

19.一种包含在非暂时性计算机可读介质中的计算机程序产品，其当被处理器执行时，使得所述处理器通过执行方法在用户界面的一个或更多个子面板内的显示单元上显示两个或更多个代表性图像，所述方法包括：

针对所述两个或更多个代表性图像中的每一个，配置所述代表性图像和所述一个或更多个子面板中的关联子面板之间的第二关系，所述第二关系定义在所述关联子面板上显示所述代表性图像的位置；

20.一种方法，包括：

由处理器单元在用户界面的一个或更多个子面板中的显示单元上显示两个或更多个代表性图像；

由所述处理器单元配置所述一个或更多个子面板中的可见子面板和所述一个或更多个子面板中的至少一个不可见子面板之间的相邻关系；

针对所述两个或更多个代表性图像中的每一个，由所述处理器单元配置各自的代表性图像和所述一个或更多个子面板中的关联子面板之间的第二关系，所述第二关系定义所述关联子面板上显示所述各自的代表性图像的位置；

由所述处理器单元接收指示所述一个或更多个子面板中的至少一个的新的方向的通知；

响应于所述新的方向，由所述处理器单元基于所述相邻关系和所述第二关系，针对所述两个或更多个代表性图像生成原地旋转动画。