CN102549544B

CN102549544B - 动态图像呈现

Info

Publication number: CN102549544B
Application number: CN201080044004.XA
Authority: CN
Inventors: S.斯里尼瓦桑; 朱睿; J.S.邓尼
Original assignee: Microsoft Technology Licensing LLC
Current assignee: Microsoft Technology Licensing LLC
Priority date: 2009-09-30
Filing date: 2010-09-15
Publication date: 2015-12-09
Anticipated expiration: 2030-09-15
Also published as: KR20120091045A; EP2483770A4; AU2010300971B2; BR112012006977A2; RU2583727C2; US20160275647A1; US9383916B2; JP5698244B2; KR101680924B1; US20110074824A1; BR112012006977A8; CA2771143A1; US10037593B2; WO2011041112A3; US20180075577A9; CA2771143C; CN102549544A; EP2483770A2; MY179567A; WO2011041112A2

Abstract

公开了一种或者多种用于在显示器中高效组织图像的技术和/或系统。按照图像缩放因子缩放图像的尺寸同时维持图像的纵横比，其中图像缩放因子包括第一缩放距离与第二缩放距离的组合。如果缩放的图像的尺寸不大于第一显示线中剩余的显示空间量，则将缩放的图像填充到第一显示线中；否则将缩放的图像填充到第二显示线中。在缩放之后扩展图像以减轻显示器中的白空间同时维持图像的纵横比。这可以针对呈现于显示器上的图像集合来执行以提供增强的用户体验。

Description

动态图像呈现

背景技术

在计算环境中，可以从图像数据库取回并且在多种显示屏幕（例如计算机监视器、手持设备和其他显示屏幕）上显示图像。另外可以用多种格式显示图像。通常，当图像数据库包括图像集合时，图像的多个缩略图版本可以一起显示于屏幕上。“缩略图视图”可以是例如来自文件夹的照片集合的可视化，其中大量或者所有照片在显示器上可见并且可以通过简单滚动动作来观察其余照片。经常在用户想要查看来自可以包含少数或者数以千计图像的图像数据库的图像时，他们连续浏览显示的选择（例如滚动）直至他们发现一个或者多个所需图像为止。此外，图像可以由不同尺寸、纵横比和布局构成；并且用户可以能够为在显示器上的优选查看指定缩略图版本的尺寸。

发明内容

提供该发明内容以以简化形式介绍下文在具体实施方式中进一步描述的概念的选择。这个发明内容并非旨在标识要求保护的主题内容的关键因素或者必要特征，它也并非旨在用于限制要求保护的主题内容的范围。

在计算环境中，当个人想要查看显示屏幕上的图像时，图像通常已经限于统一打包（uniformpacking）布置。例如，如果用户向在线搜索网站中输入搜索查询，则站点从满足该搜索标准的所有图像中返回一些图像的有限显示。如果用户正查找例如来自购物网站的特定项目，则浏览返回的所有结果可能非常繁琐。统一图像显示具有一些限制，例如它们通常限制待显示的图像尺寸、位置和/或数目。由于这些限制，经常使所得图像变形以适配某个纵横比，或者由于分辨率未恰当地适配显示的图像尺寸而不能辨别细节。另外，当使用统一打包布置时大量显示空间留为空白（经常多达70%）。

这些问题在用户访问来自尺寸经常很有限的移动设备屏幕的图像时尤为加剧。从图像数据库向用户尽可能快地获得图像的能力受阻于这一类型的统一打包布置。另外，当用户放大或者缩小“缩略图视图”时，可能使图像和/或图像细节变形并且可能还浪费显示空间，因为通常未以减轻“白空间（例如未使用的屏幕空间）”的方式布置图像。因此，可能期望例如将图像按它们的原始纵横比显示给用户并且减轻动态布局中的浪费的显示空间以有助于与图像的直观和有用的用户交互。

提供了一种或者多种图像布置技术和/或系统，其被设计成在高效打包布置中布置和/或显示多个图像并且提供在显示的多个图像的放大（zooming）事件期间的高效布置。另外，这里描述的一种或者多种技术和/或系统提供显示的图像以例如包括它们的原始纵横比和布局，由此允许需要的分辨率同时最小化或者基本上减少变形。例如，这里描述的一种或者多种技术和/或系统可以使移动设备用户能够更高效地取回和显示每个显示屏幕的更大数目的图像同时维持纵横比，由此具有向用户给予更符合需要的查看体验的分辨率和变形。

为了有助于上述目的中的至少一些目的，按照图像缩放因子缩放图像的尺寸，并且在缩放期间维持用于图像的纵横比。在这一实施例中，图像缩放因子包括例如由与双触摸手势的触摸距离确定的第一缩放距离与第二缩放距离的组合。如果缩放的图像的尺寸不大于留在第一显示线（例如行或者列）中的显示空间的量，则将缩放的图像填充到第一显示线中；否则将缩放的图像填充到第二显示线（下一行）中。然后在缩放之后扩展图像以减轻显示器中的白空间同时维持图像的纵横比。在一种意义上，所得图像呈现可以视为“回流”图像以显示于可滚动区域内。

为了实现前述和有关目的，下文描述和附图阐述某些示例方面和实施方式。这些表明可以对一个或者多个方面进行运用的各种方式中的仅少数方式。本公开内容的其他方面、优点和新颖特征将在与附图结合考虑时从下文具体描述中变得清楚。

附图说明

图1是如下实例显示器的图示，在该显示器中方形地裁剪图像。

图2是如下替代实例显示器的图示，在该显示器中图像内接到相同尺寸的显示框中。

图3是如下替代实例显示器的图示，其中图像在该显示器中限于相同高度。

图4是用于在计算设备的显示器中高效组织图像的示例方法的流程图。

图5A是如下示例实施例的图示，在该实施例中图像被填充到显示器中的显示线中。

图5B是如下实例实施例的图示，在该实施例中显示线由图像填充并且扩展图像以减轻白空间。

图6是图示了方法的如下部分的实例实施例的流程图，在该部分中可以根据这里描述的一种或者多种技术在显示器中组织图像。

图7是图示了方法的如下部分的示例实施例的流程图，在该部分中可以应用基本布局算法。

图8是如下示例实施例的图示，在该实施例中图像可以在相邻行或者列之间重叠。

图9A和9B图示了其中在缩放之后维持中心图像的示例实施例。

图10是用于在计算环境中高效显示图像的示例系统的部件图。

图11是一个如下示例实施例的部件图，在该实施例中可以实施用于在计算环境中高效显示图像的系统。

图12是包括如下处理器可执行指令的示例计算机可读介质的图示，这些指令被配置成实施这里阐述的措施中的一项或者多项措施。

图13图示了这里阐述的措施中的一项或者多项措施可以实施于其中的示例计算环境。

具体实施方式

现在参照其中相似标号用来通篇指代相似元件的附图来描述要求保护的主题内容。在下文描述中，出于说明的目的，阐述诸多具体细节以便提供对要求保护的主题内容的透彻理解。然而可能明显的是，无这些具体细节也可以实现要求保护的主题内容。在其他实例中，以框图形式示出了结构和设备以便有助于描述要求保护的主题内容。

照片图像通常为矩形（具有4：3、3：2、16：9或者其转置的纵横比）。可以用多种方式显示例如包括有限显示空间（例如移动设备屏幕）的计算设备上显示的照片图像。多种技术可以用来提供在有限尺寸的显示器上显示多个图像，例如裁剪（例如在顶部、底部、侧部或者其组合去除图像的部分）；在相同尺寸的显示框中内接各种尺寸的图像（例如通过变形或者裁剪）；使图像限于相同高度或者宽度；以及使图像变形以适配预先限定的显示尺寸，这些只是少数的实例。

图1是实例显示器100的图示，在该显示器中方形地裁剪图像。在这一实例100中，例如来自移动设备（例如移动智能电话、便携媒体播放器（PMP）、个人数字助理（PDA）等）的显示区102可以包括一些功能键106（例如用于触屏设备）和多个图像104。这里，图像104显示于缩略图视图（例如尺寸减少）中，其中可以同时显示多于一个图像。

另外，为了在有组织的布置中显示更大数量的图像，已经方形地裁剪图像104。也就是说，例如已经去除图像的侧部和/或顶部和底部以创建方形缩略图。通常选择图像的中心并且显示中心的在预先限定裁剪方形内适配的周围部分，并且在裁剪方形以外的其余部分未显示于缩略图中。本质上，按照这一格式，当在显示区102中示出缩略图图像104时丢失图像的部分。

图2是替代实例显示器200的图示，在该显示器中图像内接到相同尺寸的显示框中。在这一实例200中，例如来自移动设备的显示区202也可以包括功能区206和多个图像204。然而在这一实例200中，相应图像204适配到全部为相同尺寸的显示框208中。也就是说，例如无论图像是纵向还是横向格式（例如或者某一其他纵横比），它都在尺寸上适当设定成仅在显示框108内适配。本质上，当图像减小尺寸以在显示框208以内适配时可能损失图像质量。另外，这一类型的显示器在图像204之间产生大量“白空间”210、从而浪费屏幕显示区202。

图3是替代实例显示器300的图示，其中图像在显示器中限于相同高度。在这一实例300中，显示区302也可以包括功能区306和多个图像304。然而在这一实例300中，缩略图图像304高度受限，从而固定用于图像的行高度。高度受限（或者宽度受限）的缩略图图像可以被裁剪（例如从顶部、底部或者侧部）和/或变形以在高度约束内适配。同样，这一类型的显示可能降低图像质量和/或图像的一些可能在裁剪时丢失。另外，在这一实例300中，图像被中心对齐（centerjustified），这往往在图像304的任一侧上产生大量浪费的“白空间”310。

可以设想如下一种或者多种方法，该方法提供用于查看照片缩略图的用户界面（UI），其中缩略图按照原始纵横比来显示（例如既未裁剪、也未内接于不同尺寸的框中）并且使用尽可能多的显示器（例如减轻白空间），所述方法还提供动态布局手段以促进与缩略图的直观和有用的用户交互，例如重新设定尺寸（例如放大和缩小视图）。在一个实施例中，使用这里描述的一种或者多种技术，例如多触摸UI可以与照片缩略图的固有纵横比显示器组合，从而提供直观的由触摸驱动的放大/缩放同时减轻浪费的白空间。

图4是用于在计算设备的显示器中高效组织图像的示例方法400的流程图。示例方法400始于402并且涉及在404缩放图像的尺寸（例如增加或者减少图像的查看尺寸）同时维持图像纵横比。这里按照如下图像缩放因子缩放图像，该图像缩放因子是第一缩放距离与第二缩放距离的组合。另外，可以同时按照缩放因子缩放多个图像。也就是说，例如，全部同时按照相同缩放因子缩放UI中显示的缩略图图像，例如通过增加（例如放大）它们的尺寸或者减少（例如缩小）它们的尺寸。

在一个实施例中，可以通过组合第一缩放距离与第二缩放距离来确定缩放因子。作为实例，缩放因子可以包括第二缩放距离与第一缩放距离之商的函数，例如：

缩放因子=。

取而代之，可以使用下式：

第二缩放因子=第一缩放因子×，

其中第一缩放因子是用来缩放图像的先前缩放因子，而第二缩放因子是将为缩放图像而确定的当前缩放因子。

将理解这里描述的技术并不限于任何确定用于缩放图像的缩放因子的具体实施例。预期本领域技术人员可以设想替代缩放因子计算。

例如，缩放因子可以包括对于f的线性形式（例如f(x)=x可以具有直观的吸引力）。这样的线性形式可以与缩放距离成正比地变化所查看的图像尺寸。然而在这一实例中，该函数可能在图像尺寸更小时未充分地准确而在更大尺寸不灵敏。作为另一实例，为了减轻这样的问题，可以使用其他缩放因子确定，例如：

另外例如可以使用其他用于缩放因子确定的平滑映射，例如指数()函数。

在一个实施例中，计算设备可以包括触敏显示器（例如电阻的和/或传导的触敏屏幕），其中可以使用双触摸手势。例如当两个手指施加于显示器并且朝着彼此拖拉（例如夹捏手势）时，可以出现显示的缩小。取而代之，当两个手指相互拉远时，可以出现显示的放大。在这一实施例中，向触敏显示器施加双触摸可以生成第一和第二缩放距离。

例如两个手指在它们首次放置于屏幕上的位置可以提供第一缩放距离。也就是说，在这一实例中，可以确定在两个手指之间的距离，该距离可以包括第一缩放距离。另外，手指可以夹捏在一起或者分开，并且第二缩放距离可以包括在夹捏手势期间或者在它完成时在手指之间的距离。以这一方式，在显示屏幕上的双触摸手势可以确定第一和第二缩放距离。

取而代之，可以通过检测例如来自用户的手势来提供第一和第二缩放距离。例如传感器（例如基于光的传感器（例如红外线或者某一其他基于粒子、光束或者波的传感器））可以提供检测用户的手势并且推断这些为显示器上的动作。在这一实例中，第一手势可以指示第一缩放距离，而第二手势可以指示第二触摸距离。另外，其他实施例可以利用输入工具（例如键盘、鼠标或者其他输入设备）来指示第一和第二缩放距离。

在图4的示例实施例400中，在406，如果缩放的图像的尺寸不大于第一显示线中剩余的显示空间的量则将缩放的图像填充到第一显示线（例如显示器中的行或者列）中。否则，如果缩放的图像的尺寸大于剩余空间，则将缩放的图像填充到第二显示线（例如下一行或者列）中。例如可以应用如下基本布局算法，该算法对缩放（例如重新设定尺寸）的图像进行重复从而逐行（逐列）填充，这受制于目标行宽度（例如命名为“屏幕宽度”的变量，尽管它可以小于或者大于物理显示尺寸）。

在一个实施例中，例如在缩放（增大或者减小）图像时，图像可以在缩小时添加到显示行或者在放大时移向下一行。因此，在这一实例中，如果缩放的图像适配到显示行中则它添加（或者留在那里）到行，而如果它未适配则它添加到下一行直至显示可以适配到显示视图中的所有图像为止。也就是说，例如如果放大显示器，则屏幕的宽度和高度将基于用户施加的放大水平（zoomlevel）来限制显示的图像数目。另外例如用户可以缩小直至专辑中的所有图像显示于屏幕上。此外，在一些实施例中，可以施加（例如出于审美考虑）对一次显示的图像数目（例如最小和/或最大值）进行限制的约束。

图5A是示例实施例500的图示，在该实施例中图像被填充到显示器中的显示线中。在这一实例500中，例如在缩放图像之后或者期间将图像填充到显示区502中。这里，显示线504A包括已经填充到线中的三个图像，并且图像508是将填充到显示器中的下一图像。清楚的是，如果图像508将填充（506A）于线504A的其余空间510中则该图像不会适配到这一位置中。因此图像508填充到（506B）下一显示线504B中。

在示例实施例400的408处，在缩放之后扩展缩放的图像以减轻显示器中的白空间，同时维持图像的纵横比。例如如图5A中所示，显示行504A中剩余的空间510包括浪费的“白空间”。在这一实施例400中，可以通过扩展显示线中的图像尺寸（例如通过按比例增大显示行504A中的图像以填充剩余空间510）来减轻白空间。

在一个实施例中，例如因为当在显示线中扩展时维持图像的纵横比，所以行或者列将在至少两个方向上扩展（例如在扩展期间跨越以填充行并且向下以适应纵横比）。在这一实施例中，扩展显示线有助于减轻白空间，但是也可能使得在显示器上查看更少的显示线（例如通过向下扩展行可以将一些行推出查看的显示器）。

图5B是实例实施例520的图示，在该实施例中显示线由图像填充并且扩展图像以减轻白空间。显示区522包括已经填充到相应显示行524中的多个缩略图。这里已经扩展图5A的行504A中的图像以填充图5B的行524A，从而在扩展之前减轻剩余白空间510。另外，如实例520中所示，尽管扩展图像并且因而扩展行以减轻白空间，但是相邻行中的图像可以与相邻行的“行空间”重叠。例如行524A的第一图像与524B的第三图像重叠“行空间”；524B的第三图像与行524C中的第二图像重叠“行空间”；而行524C中的第二图像与行524D的第二图像重叠“行空间”。如下文将讨论的那样，这一特征进一步减轻行空间。

在一个实施例中，例如在多触摸夹捏事件期间，布局算法可以用来最大限度地填充图像缩略图的相应行直至不可添加附加缩略图，并且通过按比例增大整行来消耗附加区域（例如白空间）为止。可以竖直对准缩略图的相继行以便使行之间的间隙最小。例如，这些水平和竖直扩展操作可以在用户选择如下视图之时向用户提供不令人分心的视觉反馈，该视图在典型屏幕上从数个至一百个缩略图跨越。

已经扩展图像（一个或多个）以减轻白空间，图4的示例方法400结束于410。

在一个方面中，如下显示器可以提供滚动图像专辑，该显示器例如提供放大和缩小多个缩略图图像并且以“打包”和视觉上吸引人的方式组织图像。例如，可以在具有分类或者小说性质的专辑中编辑多个图像，其中用户可以在滚动和放大期间维持专辑中的位置感知。

在一个实施例中，可以例如水平或者竖直地提供在仅两个相反方向上滚动图像显示。也就是说，例如可以上和下滚动或者左和右滚动图像。在这一实施例中，可以在缩放之后维持提供在仅两个相反方向上滚动。例如，如果多触摸放大图像显示、由此减少显示的图像数目，则用户仍然可以能够在与缩放图像之前可用的相反方向相同的相反方向上滚动图像。在这一实例中，如果可以在缩放之前上和下滚动图像专辑，则可以在缩放之后上和下滚动它们。

另外，在这一方面中，滚动方向例如可以限定显示线。在一个实施例中，如果相反的滚动方向为上和下，则显示线可以包括水平行；而如果相反的滚动方向为左和右，则显示线可以包括竖直列。也就是说，例如，当可以在图像专辑内上和下滚动图像显示时，显示线为行。在这一实例中，当图像显示能够侧向滚动时，显示线为列。

图6是图示了方法的如下部分的实例实施例600的流程图，在该部分中可以根据这里描述的一种或者多种技术在显示器中组织图像。在602，双触摸（多触摸）例如在用户向触敏屏幕施加两个手指时开始。在另一实施例中，这样的事件可以使用检测到的手势来出现（例如通过使用传感器来检测双触摸）；或者某一其他输入设备可以用来发起和执行双触摸事件。

在604，保存双触摸事件生成的初始信息。当检测到多触摸事件时，在屏幕上的两次触摸（或者检测到的输入、手势）之间的距离，并且保存当前“缩放因子”，该缩放因子可以例如是在多触摸检测时运行的算法的状态变量。在一个实施例中，在650可以标识当前时间并且也可以确定适当“超时时段”。

在一个实施例中，“缩放因子”可以是图像布局算法内部的如下变量，该变量描述布局图像缩略图的尺寸。这可以例如与其中可以显示和缩放图像的边界框（boundingbox）的尺度粗略地相关，或者（在倒数意义上）与显示区的宽度除以边界框的尺寸粗略地相关。例如缩放因子可以定义为连续变量（例如浮点或者具有细粒度的定点值），因而可以有可能通过分数变化缩放因子。

如上文描述的那样，在一个实施例中，为了确定缩放因子，可以确定双触摸的第一触摸间距离。例如可以测量在用来针对多触摸事件触摸屏幕的两个手指之间的距离。在一个实施例中，如果多触摸是第一多触摸，则缩放因子可以仅为整数一，因为用第一多触摸发起缩放。

另外例如可以针对算法选择当前时间和超时时段。超时时段可以用于管理动作（例如用于具有有限CPU能力的计算设备）。作为实例，应用可能由于有限CPU而变得无响应，因而为了保持工作流继续，超时通过使出现太频繁的事件被忽略直至用户完成触摸事件（例如0.02秒超时）来管理流程过程。在这一实例中，当前时间也可以与超时一起用来管理工作流程。

在示例实施例600中的606，监视双触摸事件以看它是否结束。如果双触摸仍然在进行中（在606为否），则在608确定双触摸距离是否已经改变。如果双触摸距离尚未改变（例如夹捏手势尚未移动），则流程图返回到606以等待双触摸状态的改变。如果双触摸距离已经改变（在608为是），则在610确定是否已经达到超时。

也就是说，在这一实例中，如果当前时间少于所选超时值，则尚未满足超时（在610为是）。在这一实例中，超时可以减轻无充分处理能力的CPU的数据溢出。也就是说，如果尚未满足超时，则例如不处理事件。然而如果满足超时（在610为否），则可以在612确定第二触摸距离并且可以确定第二缩放因子和新的超时值。在一个实施例中，第二触摸距离包括双触摸的（例如在用户放在触敏屏幕上的两个手指之间的）第二触摸间距离。

另外，在这一实施例中，可以组合第一触摸间距离与第二触摸间距离以生成图像缩放因子。如上文描述的那样，缩放因子可以例如包括第二缩放距离与第一缩放距离之商的函数。在这一实例中，第一缩放因子可以是用来缩放图像的先前缩放因子，而第二缩放因子可以是将为缩放图像而确定的当前缩放因子。

在示例实施例600中的614，可以应用基本布局算法以例如根据第二缩放因子布局缩略图图像。图7是图示了方法的部分的示例实施例700的流程图，在该部分中可以应用基本布局算法。在这一示例实施例700中，Q可以是如下变量，该变量指代当前行R中剩余的空间的量。另外，在一个实施例中，可以在待布局的缩略图图像之间设置可以由M指定的所需裕度。

在702，可以初始化变量使得R（行）设置成负1，而Q（留在当前行中的空间）设置为零。以这一方式，如果有待添加的任何缩略图，则它们将添加到第一行。在704，如果有将向缩放的显示添加的更多图像，则在708例如从计算机存储器取回下一图像。

在一个实施例中，当缩放（增大或者减小）图像时，可以针对图像确定图像显示框，这包括图像缩放因子与图像纵横比的组合。另外，缩放图像可以包括在尺寸上重新设定图像以在显示框以内适配。例如显示框可以用来缩放图像（其中显示框尺度由缩放因子确定）同时维持原始纵横比。在这一实例中，缩放因子可以限定边界框尺寸，并且可以在低和高端对边界框尺寸施加限制。因此例如随着触摸距离增加或者减少，缩放因子增加或者减少，并且边界框将尺寸增加或者减少。

在712将图像适配到已经缩放（例如根据缩放因子增大或者减小）的边界框中，并且将变量W设置成等于图像的宽度。如果与M（所需裕度）组合的W（图像的宽度）少于或者等于Q（留在行中的空间）（在714为是），则可以在720将图像添加到当前行（R）。也就是说，如果结合了缩放的图像的尺寸（例如行宽度或者列高度）的图像之间的所需裕度的尺寸不大于显示线中剩余的显示空间的量，则将缩放的图像填充到显示线（例如行或者列）中。

在添加图像之后，在720将Q设置成Q减去W减去M的组合（例如留在行中的当前空间量设置成先前空间量减去裕度减去图像的宽度）。在一个实施例中，在显示线（行或者列）充满之后，可以增加在图像之间的裕度以针对显示线中的图像提供对齐外观（例如右、左或者中心对齐）。

然而当布局第一图像时Q设置成零，因此W与M的组合在714将要大于Q（在714为否）；这也将出现于图像不能适配到当前行中时。在716布局行（或者列），这包括在718添加下一行。另外，变量R更新成等于下一行（R+1），而Q更新成等于与裕度值（M）组合的屏幕宽度的值。以这一方式，作为实例，例如在720，向图像可以添加到的显示添加新行（或者列）。

在示例实施例700中，在向行添加图像之后，流程返回以如上文描述的那样在704确定是否有更多图像，其中可以添加附加图像和行。然而，如果无更多缩略图图像可用于显示（在704为否），则可以在706布局末行。在这一实例中，只有当R大于或者等于零（也就是说，有至少一行的场合）才布局末行。布局了末行后，示例实施例结束于710。

回到图6，在示例实施例中600中，如果双触摸已经结束（例如通过用户从触屏移开他们的手指），则在616施加空间扩展，并且示例实施例600结束于618。在一个实施例中，例如执行扩展图像以减轻显示器中的白空间，由此填充更多显示并且减轻浪费的屏幕空间。扩展可以包括按照扩展因子扩展显示线中的相应图像，同时维持它们的相应纵横比和在图像之间的所需裕度。

例如，可以确定如下扩展因子（S），该扩展因子允许图像成比例扩展以填充线的未用空间。在一个实施例中，按照相同扩展因子S扩展行中的图像，为此可以构造例如如下示例规则，该示例规则通过引入对求和的缩放来保持裕度不变，例如：

这可以给出S的如下表达式：

。

在一个实施例中，尽管可以按照如计算的比例S扩展图像，但是如果S>1则竖直裕度可能不再保持。在这一实施例中，例如为了竖直正确隔开图像，当前行可以向下移位。对这一问题的一种解决方案例如可以是发现相邻行的竖直偏移和这两行中的图像的缩放的尺寸。

因此，扩展图像以减轻白空间可以包括确定在第二显示线（R）与第一显示线（R-1）之间的显示距离。也就是说，例如通过观看在相应行中最近图像之间的距离来确定当前行与先前行之间的距离。另外，在这一实施例中，第二显示线中的相应图像可以朝着第一显示线移位与显示距离和所需裕度的组合相等的距离。

在一个实施例中，确定显示距离可以包括针对显示线中的相应图像在第一显示线（R-1）的偏移值给定时重复地确定第二显示线（R）的偏移值直至确定在显示线之间的最小显示距离。作为实例，可以针对上面的行形成“事件列表”，该上面的行可以是第R-1行中的缩放的水平布局图像的左下角的x和y坐标序列。同样地，在这一实例中，可以针对如下当前行形成事件列表，该当前行包括第R行的缩放的水平布局图像的左上角的x和y坐标。

在这一实施例中，竖直对准可以进行如下：挑选上面的行事件列表中的第一事件，其中事件坐标为X_U、Y_U；挑选较低行事件列表中的第一事件，其中事件坐标为X₁、Y₁；数量D设置成D=Y₁–Y_U；在任一事件列表中有剩余事件时，可以从两个列表之一挑选具有更小X坐标的下一事件，如果从上面的列表挑选，则它的坐标取代X_U、Y_U，否则它的坐标取代X₁、Y₁；在这一循环内，计算新值D_新=Y₁–Y_U，并且如果D_新<D，则更新D。

在这一实施例中，当用尽两个列表时，D的最终值是在行之间的最小竖直裕度。这一D值可以是负的，这可以代表在来自相应行（或者列）的图像之间的最高程度的重叠。随后，例如第R行中的图像可以向上移位数量=D-V，其中V代表某一竖直间距（例如裕度M）。

如上文描述的那样，可以扩展图像以减轻白空间，并且扩展图像使得D可以是负的，这代表图像之间的重叠程度。在一个实施例中，第一显示线中的第一图像和第二相邻显示线中的第二图像可以在与滚动显示器的方向正交的第一轴中重合。在这一实施例中，至少与所需裕度等效的空间可以沿着与滚动的方向平行的第二轴分离第一图像和第二图像。

图8是示例实施例800的图示，在该实施例中图像可以在相邻行或者列之间重叠。布局四个图像802，其中图像802A和802B在第一行中，而图像802C和802D在相邻行中。另外，如上文描述的那样，图像802B和802C重叠某一距离806（例如负D值）。此外，相应图像维持在图像之间的所需裕度M804。以这一方式，作为实例，图像可以朝着彼此接近地扩展以减轻白空间，甚至穿到每行共享的水平线（例如806）中。

在一个方面中，当多触摸手势用来按比例增大（放大）或者按比例减小（缩小）显示器中的缩略图图像时，作为多触摸手势的中心的图像可以在手势期间保持在中心。也就是说，例如如果用户在触敏屏幕上执行夹捏手势，由此缩小缩略图的显示从而增加视图中的数目，则在夹捏中心的图像例如可以保留于中心以提供用户的更直观体验（例如他们在显示被缩放时未从屏幕失去图像）。

在一个实施例中，在这一方面中，例如当发起双触摸时可以标识中心图像。在这一实施例中，标识中心图像可以包括选择如下图像，该图像包括第一缩放距离的中心点区域。例如，可以标识如下线的中心点，该线包括双触摸的触摸间距离，并且包括（或者最接近于）该点的图像可以是中心图像。另外，在缩放图像之后，中心图像在缩放之后维持于在第二缩放距离的端点之间的显示线中。也就是说，例如在双触摸结束之后，中心图像可以是在双触摸之间的行中。

图9A和9B图示了其中在缩放之后维持中心图像的示例实施例。在图9A中，显示区900包括如下多个有序图像914-934，根据这里描述的技术布局这些有序图像，从而例如减轻白空间。可以发起双触摸，从而中心图像950包括图像928。在这一实施例中，例如通过执行双触摸夹捏手势来缩小显示器，其中两个点被拖拉在一起。

在图9B中，显示器950包括来自9A914-934的相同有序图像，其处于与前面的缩放事件900相同的顺序。另外，在缩小显示器时，在顶部添加附加图像902-912，而在底部为936-944。然而中心图像950可以保持在双触摸手势被拖拉在一起时双触摸手势之间的位置。以这一方式，用户可能对包括多个图像的专辑的特定图像或者区域感兴趣，并且该区域在缩放事件期间和之后保留于中心视图中。

可以设想如下系统，该系统提供查看照片缩略图（其中以使用尽可能多的显示器的原始纵横比显示缩略图），还提供动态布局的手段以促进与缩略图的直观和有用的用户交互，例如重新设定尺寸。图10是用于在计算环境中高效显示图像的示例系统1000的部件图。

显示部件1010被配置成显示图像，并且存储器部件1002被配置成例如在包括待显示的图像的图像数据库1050中存储图像数据。可操作地与存储器部件1002耦合的缩放部件1004使用图像缩放因子缩放图像1052的尺寸同时维持图像纵横比。这里，从例如来自多触摸事件（例如在触敏屏幕上的双触摸）的第一缩放距离与第二缩放距离的组合导出图像缩放因子。

如果缩放的图像1054的尺寸不大于第一显示线中剩余的显示空间的的量，可操作地与图像缩放部件1004和显示部件1010耦合的显示线填充部件1006将缩放的图像1054填充到显示器1010上的第一显示线中。否则，图像缩放部件1004将缩放的图像1054填充到显示器1010上的第二显示线中。扩展部件1008与显示部件1010可操作地耦合，并且它被配置成扩展图像1054以在缩放之后减轻显示器上的白空间。

图11是一个示例实施例1100的部件图，在该实施例中可以实施用于在计算环境中高效显示图像的系统。在这一实施例1100中，显示部件1010包括如下触敏显示器，该显示器提供向显示部件1010施加双触摸1156、1152以生成第一和第二缩放距离1154、1158。

另外，示例系统可以包括图像定中心部件1120，该部件可以被配置成通过选择包括第一缩放距离的中心点区域的图像来标识中心图像。例如图像定中心部件1120可以选择作为双触摸1156的中心的图像。图像定中心部件1120也可以被配置成在缩放之后在第二缩放距离的端点之间的显示线中维持中心图像（例如在双触摸1152之间）。

在示例实施例1100中，滚动部件1112可以被配置成提供在仅两个相反方向上（例如上和下或者左和右）滚动显示器上的图像。另外，滚动部件1112可以在缩放之后维持在仅两个相反方向上的滚动。在这一实施例中，如果相反滚动方向为上和下，则显示线可以包括水平行；或者如果相反滚动方向为左和右，则包括竖直列。

在示例实施例1100中，扩展部件1008包括扩展因子确定部件1114，该部件计算用于图像的如下扩展因子，该扩展因子减轻在显示线中的相应图像之间的白空间，同时维持在图像之间的所需裕度。另外，扩展部件1008包括显示线移位部件1116，该部件可以确定在第二显示线（R）与第一显示线（R-1）之间的显示距离；并且朝着第一显示线将第二显示线中的相应图像移位与显示距离与所需裕度的组合相当的距离。此外，扩展部件1008可以包括如下显示距离确定部件，该部件被配置成通过重复地针对显示线中的相应图像在第一显示线（R-1）的偏移值给定时确定第二显示线（R）的偏移值直至确定在显示线之间的最小显示距离为止来确定显示距离。

又一实施例涉及到一种包括如下处理器可执行指令的计算机可读介质，这些指令被配置成实施这里呈现的一种或者多种技术。在图12中图示了可以用这些方式设想的示例计算机可读介质，其中实施方式1200包括计算机可读数据1206编码于其上的计算机可读介质1208（例如CD-R、DVD-R或者硬盘驱动器的母盘（platter））。这一计算机可读数据1206又包括配置成根据这里阐述的一个或者多个原理操作的计算机指令1204的集合。在一个这样的实施例1202中，处理器可执行指令1204可以被配置成例如执行方法（例如图2的示例方法200）。在另一这样的实施例中，处理器可执行指令1204可以被配置成例如实施系统（例如图6的示例系统600）。本领域普通技术人员可以设想多个这样的计算机可读介质，这些计算机可读介质被配置成根据这里呈现的技术操作。

虽然已经用特定于结构特征和/或方法动作的语言描述主题内容，但是将理解在所附权利要求中限定的主题内容不必限于上文描述的具体特征或者动作。实际上，公开上文描述的具体特征和动作作为实施权利要求的实例形式。

如在本申请中使用的那样，术语“部件”、“模块”、“系统”、“接口”等一般旨在于指代与计算机有关的实体（硬件、硬件与软件的组合、软件或者执行的软件）。举例而言，部件可以是但不限于是在处理器上运行的进程、处理器、对象、可执行程序、执行的线程、程序和/或计算机。例示地，在控制器上运行的应用和控制器均可以是部件。一个或者多个部件可以驻留于执行的进程和/或线程内，并且部件可以局限于一个计算机上和/或分布于两个或者更多计算机之间。

另外，可以使用标准编程和/或工程技术产生软件、固件、硬件或者其任何组合以控制计算机实施公开的主题内容来将要求保护的主题内容实施为方法、装置或者制造品。如这里使用的术语“制造品”旨在于涵盖可从任何计算机可读设备、载体或者介质获得的计算机程序。当然，本领域技术人员将认识到可以对这一配置做出许多修改而未脱离要求保护的主题内容的范围或者精神实质。

图13和以下讨论提供对如下适当计算环境的简要总体描述，该计算环境用于实施这里阐述的一项或者多项规定的实施例。图13的操作环境仅为适当操作环境的一个实例而并非旨在于暗示与操作环境的使用或者功能范围有关的任何限制。实例计算设备包括但不限于个人计算机、服务器计算机、手持或者膝上型设备、移动设备（例如移动电话、个人数字助理（PDA）、媒体播放器等）、微处理器系统、客户电子装置、迷你型计算机、大型计算机、包括任何上述系统或者设备的分布式计算环境等。

虽然并非必需，但是在“计算机可读指令”由一个或者多个计算设备执行这样的一般背景中描述实施例。可以经由计算机可读介质（下文讨论）分发计算机可读指令。计算机可读指令可以实施为执行特定任务或者实施特定抽象数据类型的诸如函数、对象、应用编程接口（API）、数据结构等的程序模块。通常可以在各种实施例中随需组合或者分布计算机可读指令的功能。

图13图示了系统1310的实例，该系统包括配置成实施这里提供的一个或者多个实施例的计算设备1312。在一种配置中，计算设备1312包括至少一个处理单元1316和存储器1318。根据计算设备的确切的配置和类型，存储器1318可以是易失性的（如例如RAM）、非易失性的（如例如ROM、闪存等）或者二者的某一组合。这一配置在图13中由虚线1314图示。

在其他实施例中，设备1312可以包括附加特征和/或功能。例如设备1312也可以包括附加存储设备（例如可移动的和/或不可移动的），该存储设备包括但不限于磁存储设备、光学存储设备等。这样的附加存储设备在图13中由存储设备1320图示。在一个实施例中，用于实施这里提供的一个或者多个实施例的计算机可读指令可以在存储设备1320中。存储设备1320也可以存储用于实施操作系统、应用程序等的其他计算机可读指令。计算机可读指令例如可以加载于存储器1318中用于由处理单元1316执行。

如这里使用的术语“计算机可读介质”包括计算机存储介质。计算机存储介质包括用任何用于存储信息（例如计算机可读指令或者其他数据）的方法或者技术实施的易失性和非易失性、可移动和不可移动介质。存储器1318和存储设备1320是计算机存储介质的实例。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或者其他存储器技术、CD-ROM、数字万用盘（DVD）或者其他光学存储设备、磁盒、磁带、磁盘存储设备或者其他磁存储设备或者任何其他可以用来存储所需信息并且可以由设备1312存储的介质。任何这样的计算机存储介质可以是设备1312的部分。

设备1312也可以包括允许设备1312与其他设备通信的通信连接（一个或多个）1326。通信连接（一个或多个）1326可以包括但不限于调制解调器、网络接口卡（NIC）、集成网络接口、射频发送器/接收器、红外线端口、USB连接或者其他用于将计算设备1312连接到其他计算设备的接口。通信连接（一个或多个）1326可以包括有线连接或者无线连接。通信连接（一个或多个）1326可以发送和/或接收通信介质。

术语“计算机可读介质”可以包括通信介质。通信介质通常以“调制的数据信号”（例如载波或者其他传送机制）体现计算机可读指令或者其他数据并且包括任何信息递送介质。术语“调制的数据信号”可以包括如下信号，该信号的特性集的一个或者多个以对信号中的信息进行编码这样的方式来设置或者改变。

设备1312可以包括输入设备（一个或多个）1324（例如键盘、鼠标、笔、语音输入设备、触摸输入设备、红外线相机、视频输入设备和/或任何其他输入设备）。也可以在设备1312中包括输出设备（一个或多个）1322（例如一个或者多个显示器、扬声器、指示器和/或任何其他输出设备）。输入设备（一个或多个）1324和输出设备（一个或多个）1322可以经由有线连接、无线连接或者其任何组合连接到设备1312。在一个实施例中，可以使用来自另一计算设备的输入设备或者输出设备作为用于计算设备1312的输入设备（一个或多个）1324或者输出设备（一个或多个）1322。

计算设备1312的部件可以由各种互连（例如总线）连接。这样的互连可以包括外围部件互连（PCI）（例如PCIExpress）、通用串行总线（USB）、火线（IEEE1394）、光学总线结构等。在另一实施例中，计算设备1312的部件可以由网络互连。例如存储器1318可以由位于由网络互连的不同物理位置的多个物理存储器单元构成。

本领域技术人员将认识到可以跨网络分布用来存储计算机可读指令的存储设备。例如，经由网络1328可访问的计算设备1320可以存储用于实施这里提供的一个或者多个实施例的计算机可读指令。计算设备1312可以访问计算设备1330并且下载计算机可读指令的部分或者全部用于执行。取而代之，计算设备1312可以随需下载多条计算机可读指令，或者可以在计算设备1312执行一些指令并且在计算设备1330执行一些指令。

这里提供实施例的各种操作。在一个实施例中，描述的操作中的一个或者多个操作可以构成存储于一个或者多个计算机可读介质上的如下计算机可读指令，这些计算机可读指令如果由计算设备执行则将使计算设备执行描述的操作。一些或者所有操作的描述顺序不应理解为意味着这些操作必然依赖于顺序。从本说明书中受益的本领域技术人员将理解替代排序。另外将理解并非所有操作必然存在于这里提供的每个实施例中。

另外，字眼“示例”这里用来意味着适于用作实例、例子或者说明。这里描述为“示例”的任何方面或者设计未必将理解为比其他方面或者设计更有利。实际上，使用字眼示例旨在于以具体方式呈现概念。如在本申请中使用的那样，术语“或者”旨在于意味着包含性的“或者”而非排他性的“或者”。也就是说，除非另有指明或者根据上下文是清楚的，“X采用A或者B”旨在于意味着任何自然的包含性的排列。也就是说，如果X采用X；X采用B；或者X采用A和B二者，则在任一前述例子之下满足“X采用A或者B”。此外，如在本申请和所附权利要求中使用的冠词“一个/一种”除非另有指明或者根据上下文清楚涉及单数形式则一般可以理解为意味着“一个或者多个”。

另外，虽然已经关于一个或者多个实施方式示出和描述本公开内容，但是本领域技术人员在阅读和理解本说明书和附图时将想到等效变更和修改。本公开内容包括所有这样的修改和变更并且仅受所附权利要求的范围限制。具体关于由上文描述的部件（例如元件、资源等）执行的各种功能，用来描述这样的部件的术语除非另有指明则旨在于对应于任何如下部件，该部件执行描述的部件的指定功能（例如在功能上等效），即使未在结构上等效于所公开的执行这里所示的本公开内容的示例实施方式中的功能的结构。此外，尽管已经关于若干实施方式中的仅一个实施方式公开了本公开内容的特定特征，但是这样的特征可以与其他实施方式的一个或者多个其他特征组合，其他实施方式的一个或者多个其他特征对于任何给定或特定应用而言是期望的和有益的。另外，在术语“包括”、“具有”、“有”或者其变体在详细说明书或者权利要求中使用的程度上，这样的术语旨在于以与术语“包括”相似的方式具有包含意义。

Claims

1.一种至少部分通过处理单元实施的方法，包括：

响应于接收到与图像布置相关的缩放指示，通过以下措施中的至少一个来创建第二图像布置：如果在接收到该缩放指示之后第二显示线中图像的尺寸不大于第一显示线中剩余的显示空间量，则将所述第二显示线中的该图像填充到第一显示线中，或者，如果在接收到该缩放指示之后第一显示线中的图像的尺寸大于在第一显示线中剩余的显示空间量，则将所述第一显示线中的该图像填充到第二显示线中，所述缩放指示对应于缩放因子，该缩放因子是第一缩放距离和第二缩放距离的组合的非线性函数，所述第一缩放距离和所述第二缩放距离对应于夹捏手势。

2.根据权利要求1所述的方法，该方法至少部分通过计算设备来执行。

3.根据权利要求2所述的方法，该计算设备包括智能电话。

4.根据权利要求2所述的方法，该计算设备包括便携式媒体播放器。

5.根据权利要求2所述的方法，该计算设备包括个人数字助理。

6.根据权利要求1所述的方法，包括：

提供在仅两个相反方向上滚动显示，所述显示包括该第二图像布置。

7.根据权利要求6所述的方法，该两个相反方向包括水平方向和垂直方向。

8.根据权利要求2所述的方法，该计算设备包括触屏设备。

9.根据权利要求1所述的方法，所述非线性函数包括，其中x对应于第一缩放距离和第二缩放距离的组合。

10.根据权利要求1所述的方法，所述非线性函数包括指数函数。

11.一种图像布置系统，包括：

一个或者多个处理单元；以及

存储器，其包括指令，其中所述一个或者多个处理单元被配置成执行指令以：

响应于接收到与图像布置相关的缩放指示，通过以下措施中的至少一个来创建第二图像布置：如果在接收到该缩放指示之后第二显示线中图像的尺寸不大于第一显示线中剩余的显示空间量，则将所述第二显示线中的该图像填充到第一显示线中，或者，如果在接收到该缩放指示之后第一显示线中的图像的尺寸大于在第一显示线中剩余的显示空间量，则将所述第一显示线中的该图像填充到第二显示线中，所述缩放指示对应于缩放因子，该缩放因子是第一缩放距离和第二缩放距离之商的函数与在先缩放因子的组合，所述第一缩放距离对应于夹捏手势的起始和所述第二缩放距离对应于夹捏手势的结束。

12.根据权利要求11所述的系统，包括移动设备。

13.根据权利要求11所述的系统，包括便携式媒体播放器。

14.根据权利要求11所述的系统：包括触屏设备。

15.根据权利要求11所述的系统，包括个人数字助理。