CN102436343B - 基于触摸输入来对齐用户界面元素 - Google Patents

Abstract

披露用于使用触摸手势将视频缩放至全屏的发明。当用户在触敏式表面上反向捏以放大视频时，本发明追踪缩放的量。当用户已缩放至其中视频的维度之一（高度或宽度）达到阈值（诸如显示设备的维度的某一百分比，例如视频的宽度达到显示设备的宽度的80%）的点时，本发明确定以全屏来显示视频，并将视频“对齐”到全屏。本发明可以借助于动画来这样做，例如扩展视频以填满整个屏幕。

Description

基于触摸输入来对齐用户界面元素

背景技术

具有用户可以通过直接操纵而向计算机系统提供输入的各种方式，其中用户与用户界面元素交互而无需屏幕上光标的帮助。这种直接操纵与其中由用户诸如利用鼠标或滚轮来操纵屏幕上光标的间接操纵形成对比。直接操纵形式的示例包括：利用手指或手写笔对触敏式表面进行的触摸输入；对数字化仪表面进行的数位笔输入；利用麦克风捕获的语音输入；以及提供给运动捕获设备（诸如MICROSOFTKINECT运动捕获设备）的身体姿态或眼睛追踪输入。

具体参考触摸输入，用户可以诸如利用他或她的手指或手写笔、通过触摸触敏式表面而向计算机系统提供输入。这种触敏式表面的示例是如同在许多膝上型计算机中找到的跟踪垫，其中用户沿着表面移动其手指，并且这些手指移动被反映为显示设备上的光标或指针移动。这种触敏式表面的另一个示例是如同在许多移动电话中找到的触摸屏，其中触敏式表面被集成到显示设备中，并且其中用户沿着显示设备本身移动其手指，而且这些手指移动被解释成针对计算机进行的输入。

也具有用于在针对计算机系统进行输入的同时使用多根手指的通用技术。这些技术有时被称为“多点”或“多点触摸（multi-touch）”。“多点”手势通常是牵涉多根手指或其他输入设备的手势，而“多点触摸”手势通常是牵涉与触摸表面的多个区域交互的手势，但是该术语通常被用作“多点”的同义词。如在这里使用的，这些术语都将用于表示包括多根手指或其他输入设备的使用的手势。

这样的多点手势的示例是用户将两根手指按压在触敏式表面上并向下拖曳这些手指，而且这种输入被解释成向下滚动桌面上的活动窗口。用于用户输入至触敏式表面的当前技术以及其他形式的直接操纵受到限制并且具有许多问题，其中的一些问题是众所周知的。

发明内容

因此，提供用于改善的直接操纵输入的发明将是一种改进。本发明涉及用于操纵视频、图像、文本列或嵌入窗口或诸如网页之类的页面内的其他元素的方式。

一般具有用于控制窗口的大小或缩放的公知技术。例如，用户可以在触敏式表面的区域上轻叩两次，以放大与所轻叩的区域相对应的显示的部分。也具有分别允许用户放大和缩小的“捏（pinch）”和“反向捏（reverse-pinch）”手势。在捏手势中，用户将两根手指放在触敏式表面上并将这些手指靠拢（将这些手指拖曳得更为靠近），而这通常被解释成以被“捏”的区域为中心的缩小的输入。在反向捏手势中，用户将两根手指放在触敏式表面上并随后将这些手指分开（将这些手指拖曳得分开），这通常被解释成以被“反向捏”的区域为中心的放大的输入。

轻叩、捏和反向捏手势具有的问题是：这些手势为用户提供糟糕的手段来实现共同目标，即将用户界面的元素（诸如视频、图像或文本列）“对齐（snap）”到边界（频繁地，显示区域的边缘）。极大地受益于对齐技术的情形是将视频缩放至全屏，即将视频的外边缘缩放到显示区域的边缘（显示区域包括其上显示视频的显示器，或那个显示器的不同部分，诸如那个显示器内的窗口）。用户可以使用反向捏手势来将视频缩放至全屏，但是难以精确地这样做，这是因为使用用户的手指操纵视频无法精确到确切的像素数量，用户可能将视频缩放至超出全屏，这意味着没有显示视频中的一些，或者用户可能没有将视频缩放至全屏，这意味着视频没有如希望的那样填满整个屏幕。

此外，即使诸如在元素上轻叩之类的当前技术导致元素对齐到边界，这种技术也损害用户体验，这是因为这种技术不能让用户相信他在控制该操纵。当用户轻叩某元素时，可能出现的情况不是将这个元素对齐到边界，而正是包围这个元素的第二元素被对齐到边界。在这样的情况下，留给用户的感觉就好像他没有在控制该计算机。

用于为了对齐而间接操纵元素的技术在直接操纵环境中工作糟糕。如果用户利用光标来对齐或解除对齐（unsnap）某元素，则在移动鼠标的用户的手的位置（或用户如何以其他方式提供间接输入）与被操纵的光标和元素之间没有直接关系。由于用户没有在直接操纵该元素，所以用户没有注意到：在元素解除对齐时，它没有“赶上”用户的手位置，而甚至在该元素被对齐时用户的手仍继续移动。相反，它只是解除对齐。这在直接操纵情形中不起作用，这是因为现在用户在触摸屏上的手指（举例来说）使该元素领先一段距离。为了在直接操纵情形中提供更好的用户体验，该元素必须在解除对齐之后赶上用户的手指（或其他形式的直接操纵）。

本发明克服这些问题。在示例实施例中，当用户反向捏以放大视频时，本发明追踪缩放的量。当用户已缩放至其中视频的维度之一（高度或宽度）达到某阈值的点（诸如显示设备的维度的某个百分比，例如视频的宽度达到显示设备的宽度的80%）时，本发明确定以全屏来显示该视频，并将该视频“对齐”到全屏。本发明可以利用动画来这样做，诸如扩展视频以填满整个屏幕。

在另一示例实施例中，用户执行直接操纵输入，以便将元素朝着其上应用对齐的阈值移动。当该元素达到对齐阈值（诸如屏幕上的位置）时，它被对齐到对齐位置。当用户继续对元素提供直接操纵时，它保持被对齐到该对齐位置，直至用户的直接操纵达到解除对齐阈值（诸如屏幕上的另一位置）。该元素随后从对齐阈值中解除对齐，并且比直接操纵更快地移动该元素，直至该元素赶上直接操纵。例如，如果触摸屏上的手指用于通过按下其中显示元素的屏幕的部分而移动该元素，那么在该元素重新开始被显示在手指所触摸的触摸屏的部分上时，该元素赶上直接操纵。

在这里论述的本发明的主要实施例牵涉视频的维度的操纵。如在这里所使用的，维度的提及应被读作也包括视频位置的改变。这样的其中视频位置的改变导致对齐的情形可能是视频的位置被移动的情形，以致它足够靠近显示区域的边缘，从而确定该视频将被对齐到显示区域的边缘。

具有在附图的详细描述中描述的本发明的其他方面。这些方面包括通过操纵元素的俯仰或偏航或通过操纵其变换（其在区域内的中心点）而将元素对齐到边界。

如在这里所使用的，“视频”可以指视频本身或其中可以播放视频的容器，即使在用户作出全屏缩放手势或其他手势时在该容器中可能无法播放视频。可以意识到：本发明可以应用于静止图像、文本和其他元素以及视频，但是在这里将视频作为主要实施例来论述。

也可以意识到：视频可能没有与播放该视频的显示设备相同的维度或宽高比。例如，视频可能具有4：3宽高比（其中视频的宽度是视频的高度的4/3倍），并且它可能被显示在具有16：9宽高比的显示设备上。在这种情况下，当视频扩大时，其高度可能在其宽度达到显示器的宽度之前达到显示器的高度。因而，在这种情况下，全屏可能被认为是将视频填充，以致视频的高度被设置为与显示设备的高度即“限制维度”一样大。然后，显示设备的剩余部分可以利用除了视频之外的某物诸如黑色（有时也被称为“黑条”）来填充。

在其中视频的宽高比不同于显示设备的宽高比的另一情形中，全屏可以包括“修剪”该视频，其中该视频被扩大，直至显示器的每一个像素被该视频占用，即使没有显示该视频的某些部分。如果使用上面的4：3视频和16：9显示设备的示例，该视频可以被扩大，直至视频的宽度等于显示设备的宽度。这将导致视频的顶部和底部的某些部分被“剪断”或不被显示，但是该视频的某些部分将占据该显示设备的全部。这有时被称为“填充”屏幕。

用于使用触摸手势来将视频缩放至全屏的发明的其他实施例存在，并且参考附图的详细描述来描述这样的一些示例。

附图说明

参考附图来进一步描述用于使用触摸手势将视频缩放至全屏的系统、方法和计算机可读媒体，其中：

图1描绘其中能够实现本发明的实施例的方面的示例的通用计算环境。

图2描绘包括其中能够实现本发明的实施例的方面的触敏式表面的示例计算机。

图3描绘显示用户使用反向捏手势缩放的视频的示例触敏显示器。

图4描绘在用户继续使用反向捏手势缩放时图3的示例触敏显示器。

图5描绘在用户已使用反向捏手势缩放至达到阈值之后图4的示例触敏显示器，其中在所述阈值，本发明导致视频以全屏模式进行显示。

图6描绘比较用户的一根或多根手指随时间的移动与由用户操纵的元素的位置的示例图表。

图7、8、9和10描绘在与图6的图表有关的四个相应的不同时间点上用户的一根或多根手指的位置以及由用户操纵的元素的位置。

图11描绘比较用户的一个或多个手指随时间的移动与由用户操纵的元素的位置的另一示例图表。

图12描绘比较用户的一个或多个手指随时间的移动与由用户操纵的元素的位置的另一示例图表。

图13、14、15和16描绘在与6的图表有关的四个相应的不同时间点上用户的一根或多根手指的位置以及由用户以不同于图7-10中描绘的方式来操纵的元素的位置。

图17描绘用于使用触摸手势将视频缩放至全屏的示例操作程序。

具体实施方式

实施例可以在一个或多个计算机系统上运行。图1和下面的讨论旨在提供其中可以实现所披露主题的合适计算环境的简要的一般性描述。

在整个说明书中使用的术语处理器能够包括硬件组件，诸如硬件中断控制器、网络适配器、图形处理器、基于硬件的视频/音频编解码器以及用于操作这样的硬件的固件。术语处理器也能够包括微处理器、专用集成电路和/或一个或多个逻辑处理器，例如利用从固件和/或软件中读取的指令配置的多核通用处理单元的一个或多个核心。一个或多个逻辑处理器能够利用从例如RAM、ROM、固件之类的存储器和/或大容量存储设备中装载的体现可操作来执行一个或多个功能的逻辑的指令来配置。

现在参考图1，描绘示例的通用计算系统。该通用计算系统能够包括常规计算机20等等，其包括至少一个处理器或处理单元21、系统存储器22以及在该系统处于操作状态中时将包括系统存储器的各种系统组件通信耦合至处理单元21的系统总线23。系统总线23可以是若干类型的总线结构之中的任何一种，其包括存储器总线或存储控制器、外设总线以及使用各种总线架构中的任何一种的本地总线。系统存储器能够包括只读存储器（ROM）24以及随机存取存储器（RAM）25。在ROM24中存储基本输入/输出系统26（BIOS），其包含诸如在启动期间帮助在计算机20内的元素之间传送信息的基本例程。计算机20可以进一步包括用于读取和写入硬盘（未显示）的硬盘驱动器27、用于读取或写入可拆卸磁盘29的磁盘驱动器28以及用于读取或写入诸如CDROM或其他光学媒体之类的可拆卸光盘31的光盘驱动器30。硬盘驱动器27、磁盘驱动器28以及光盘驱动器30被显示为分别通过硬盘驱动器接口32、磁盘驱动器接口33和光盘驱动器接口34被连接到系统总线23。这些驱动器及其相关联的计算机可读媒体提供用于计算机20的计算机可读指令、数据结构、程序模块以及其他数据的非易失性存储设备。虽然在这里描述的示例的环境采用硬盘、可拆卸磁盘29以及可拆卸光盘31，但是本领域技术人员应意识到：在示例的操作环境中也可以使用其他类型的能够存储计算机可访问的数据的计算机可读媒体，诸如闪存卡、数字视频光盘、随机存取存储器（RAM）、只读存储器（ROM）等等。一般而言，在一些实施例中能够使用这样的计算机可读存储媒体来存储体现目前披露的各方面的处理器可执行指令。

包括计算机可读指令的许多程序模块可以被存储在诸如硬盘、磁盘29、光盘31、ROM24或RAM25之类的计算机可读媒体上，其包括操作系统35、一个或多个应用程序36、其他程序模块37以及程序数据38。在由处理单元运行时，计算机可读指令引起在下文更详细描述的动作被执行，或者引起各种程序模块被实例化。用户可以通过诸如键盘40和指示设备42之类的输入设备将命令和信息输入到计算机20中。其他的输入设备（未显示）可以包括麦克风、操纵杆、游戏垫、碟形卫星天线、扫描仪等等。这些和其他输入设备时常通过耦合到系统总线的串行端口接口46而被连接到处理单元21，但是可以利用其他的接口诸如并行端口、游戏端口或通用串行总线（USB）来连接。监视器47、显示器或其他类型的显示设备也能够经由诸如视频适配器48之类的接口而被连接到系统总线23。除了显示器47之外，计算机通常还包括其他的外设输出设备（未显示），诸如扬声器和打印机。图1的示例系统也包括主机适配器55、小型计算机系统接口（SCSI）总线56以及连接到SCSI总线56的外部存储设备62。

计算机20可以使用至一台或多台远程计算机、诸如远程计算机49的逻辑连接而操作在联网的环境中。远程计算机49可以是另一计算机、服务器、路由器、网络PC、对等设备或其他的公共网络节点，并且通常能够包括在上文相对于计算机20所描述的许多或所有的元素，但是在图1中仅仅示出了记忆存储设备50。图1中所描绘的逻辑连接能够包括局域网（LAN）51和广域网（WAN）52。这样的联网环境在办公室、企业范围内计算机网络、内联网以及因特网中是司空见惯的。

当在LAN联网环境中使用时，计算机20能够通过网络接口或适配器53而被连接到LAN51。当在WAN联网环境中使用时，计算机20能够通常包括调制解调器54或用于在诸如因特网之类的广域网52上建立通信的其他装置。可以是内部或外部的调制解调器54能够经由串行端口接口46而被连接到系统总线23。在联网的环境中，相对于计算机20所描绘的程序模块或其中的部分可以被存储在远程记忆存储设备中。将意识到：所显示的网络连接是示例性的，并且可以使用在计算机之间建立通信链路的其他手段。此外，虽然设想当前披露的众多实施例特别适合于计算机化系统，但是这个文件中没有任何内容意在将本披露限于这样的实施例。

计算机20的系统存储器22可以包括在由计算机20运行时使得计算机20实现本发明的指令，诸如图17的操作程序，其用于实行图3-16中所描绘的本发明的各方面。

图2描绘包括触敏式表面的示例计算机，其中能够实现本发明的实施例的方面。图2的触摸屏200在图1的计算环境100中可以被实现为显示器47。此外，计算机200的存储器214可以包括在由计算机200运行时使得计算机200实现本发明的指令，诸如图17的操作程序，其用于实行图3-16中所描绘的本发明的各方面。

交互显示设备200（有时被称为触摸屏或触敏显示器）包括投影显示系统，该系统具有图像源202、可选地用于增加投影显示器的光学路径长度和图像大小的一个或多个反射镜204以及图像被投影到其上面的水平显示屏206。虽然在投影显示系统的上下文中进行显示，但是将明白：交互显示设备可以包括任何其他的适当图像显示系统，这包括但不限于液晶显示（LCD）面板系统以及其他的光阀系统。此外，虽然在水平显示系统的上下文中进行显示，但是将明白：所披露的实施例可以在任何方位的显示器中进行使用。

显示屏206包括清澈的诸如玻璃板的透明部分208以及部署在清澈的透明部分208之上的漫射屏幕层210。在一些实施例中，可以在漫射屏幕层210上部署附加的透明层（未显示），以便为显示屏提供光滑的外观和感觉。

利用图2继续，交互显示设备200进一步包括电子控制器212，该控制器包括存储器214和处理器216。控制器212也可以包括被配置成与其他设备通信的无线发射机和接收机218。该控制器212可以包括存储在存储器214上或存储在其他的计算机可读存储媒体上并由处理器216运行的计算机可执行指令或代码，诸如程序，这些指令或代码控制下面更详细描述的针对检测到的触摸的不同视觉响应。一般而言，程序包括执行特定任务或实现特定抽象数据类型的例程、对象、组件、数据结构等等。在这里使用的术语“程序”可以暗示单个程序或共同行动的多个程序，并且可以用于表示应用、服务或任何其他类型或种类的程序。

为了感测位于显示屏206上的对象，交互显示设备200包括一个或多个图像捕获设备220，这些图像捕获设备被配置成捕获显示屏206的整个背面的图像，并将图像提供给电子控制器212，以便检测在图像中出现的对象。漫射屏幕层210有助于避免没有与显示屏206接触或未位于显示屏206的几毫米范围内的对象的成像，并因此有助于确保只有正在触摸显示屏206（或者在一些情况中，非常靠近显示屏206）的对象被图像捕获设备220检测到。虽然所描绘的实施例包括单个图像捕获设备220，但是将理解：任何适当数量的图像捕获设备可以用于成像显示屏206的背面。此外，将理解：在这里使用的术语“触摸”可以包括物理触摸和/或非常靠近显示屏的对象的“几乎触摸”。

图像捕获设备220可以包括任何适当的图像感测机制。适当的图像感测机制的示例包括但不限于CCD（电荷耦合器件）和CMOS（互补金属氧化物半导体）图像传感器。此外，图像感测机制可以在足够的频率或帧速率上捕获显示屏206的图像，以便以所需的速率来检测对象在显示屏206上的运动。在其他的实施例中，扫描激光器可以与适当的光电检测器结合使用，以获得显示屏206的图像。

图像捕获设备220可以被配置成检测任何适当波长的、包括但不限于红外和可见波长的反射或发射的能量。为了协助检测放置在显示屏206上的对象，图像捕获设备220可以进一步包括被配置成产生红外或可见光的附加光源222，诸如一个或多个发光二极管（LED）。来自光源222的光可以被放置在显示屏222上的对象反射，并随后被图像捕获设备220检测。使用红外LED而不是可见光LED可能有助于避免冲洗掉在显示屏206上投影图像的外观。

图2也描绘触摸显示屏的用户的手的手指226。虽然在这里的实施例在用户的手指触摸触敏显示器的上下文中进行描述，但是将理解：这些概念可以扩展到检测在显示屏206上任何其他适当的物理对象，这包括但不限于手写笔、手机、智能电话、相机、PDA、媒体播放器、其他的便携式电子项、条形码以及其他光学可读标签等等。此外，虽然在光学触摸感应机制的上下文中进行披露，但是将理解：在这里披露的概念可以与任何适当的触摸感应机制一起使用。术语“触敏显示器”在这里用于不仅描述所描绘实施例的显示屏206、光源222以及图像捕获设备220，而且还用于描述任何其他的适当的显示屏以及相关联的触摸感应机制和系统，这包括但不限于电容式和电阻式触摸感应机制。

图3-5描绘用户经由至触敏显示器的输入来操纵元素的示例。虽然在详细描述中论述的主要实施例是触敏显示器的实施例，但是可以意识到：这些技术可以应用于其他形式的直接操纵，这包括针对数字化仪表面的数位笔输入、利用麦克风捕获的语音输入以及提供给运动捕获设备的身体姿态或眼睛追踪输入。图3描绘示例触敏显示器（诸如图2的触敏显示器200）300，其显示包含视频304的网页302，其中用户使用利用两根手指306a和306b作出的反向捏手势来缩放该视频。这种反向捏手势仅仅在图3所描绘的点上扩大视频，而不将它对齐到边界（诸如将它对齐到全屏模式）。

图4描绘在用户继续使用反向捏手势缩放时图3的示例触敏显示器。此时，用户继续采用反向捏手势来分开其手指306。作为这种持续手势的结果，视频304相对地是较大的或被放大。视频304的维度即其宽度现在已达到将视频对齐到全屏模式的阈值。如所描绘的，视频304的宽度是显示区域的宽度的75%。如果75%是用于将缩放视频对齐到全屏模式的下阈值，那么该视频可以被对齐到全屏模式。

图5描绘在用户已使用反向捏手势（使用手指306a和306b）缩放至达到其中本发明引起视频304以全屏模式进行显示的阈值之后图4的示例触敏显示器300。该视频现在占用触敏显示器300的整个显示区域，并且没有网页302的非视频部分是可见的。

图6描绘比较用户的一根或多根手指随时间的移动与由用户操纵的元素的位置的示例图表。图6中所描绘的图表可以用于确定何时将图3-5的视频对齐到全屏模式或者从全屏模式中解除对齐图3-5的视频。

图6中描述的图表在x轴602上绘制时间，并且在y轴604上从参考点（相对于绝对位置）绘制位置。绘制在图表上的是用户的一根或多根手指随时间的位置606以及由用户操纵的元素随时间的位置608。如利用用户的一根或多根手指随时间的位置606的曲线所描绘的，用户以恒定的速率移动其一根或多根手指。用户移动其一根或多根手指来操纵元素，但是如利用该元素随时间的位置608的曲线所描绘的，该元素并没有以恒定的速率移动。相反，当元素的位置达到下对齐阈值612时，该元素对齐到对齐位置610。换言之，当用户移动该元素并且它接近对齐阈值（诸如显示区域的边缘）时，该元素被对齐到对齐位置610（这么显示的原因在于：该元素的位置对于某段时间没有随时间而改变，即使正在操纵该元素的用户的一根或多根手指随时间而改变）。

可以意识到：当达到下对齐阈值612时，该元素没有立即对齐到对齐位置610（如果是这种情况的话，那么该元素在下对齐阈值612与对齐位置610之间的位置将被绘制成垂直线）。相反，该元素的移动朝着对齐位置610加速，如在那个部分期间具有比在前一部分期间更陡峭的斜率的该元素随时间的位置608的曲线的那个部分所反映的。

当用户继续朝着上对齐阈值614将其手指移动经过下对齐阈值612时，该元素的位置不改变，而是保持在对齐位置610上。当用户手指的位置达到上对齐阈值614时，该元素的位置“解除对齐”，并以比用户手指的位置更快的变化率移动，直至它赶上用户手指的位置。元素616、618、620和622描绘这些移动发生的不同时间，并且将参照图7-10更详细进行解释。

也在图6中描绘的是元素的变换624，即其在区域内的中心点。当用户移动其手指时，不仅该元素当处于下对齐阈值612与上对齐阈值614之间时从对齐位置中对齐和解除对齐，而且元素的变换624当处于下对齐阈值612与上对齐阈值614之间时被改变。如所描绘的，当用户手指的位置达到下对齐阈值612时，元素的变换增加，并随后被保持在这个升高的水平上，直至用户手指的位置达到上对齐阈值614，在那种情形下它被降到其初始值。

图7-10描述用户的一根或多根手指以及由用户操纵的元素在与图6的图表有关的三个相应的不同时间点上的位置。在图7-10中，显示包含嵌入视频702的网页700。用户以反向捏手势将其手指704彼此移开，以扩大视频。图7-10描绘用户执行导致以下发生的操作：在显示设备上显示用户界面，该用户界面包括第一区域；确定包括用户界面的直接操纵的用户输入指示将第一区域的维度修改成阈值；在显示设备上显示被对齐到边界的第一区域，其中在显示被对齐到边界的第一区域之前，第一区域和用户输入具有相对的位置；确定包括用户界面的直接操纵的第二用户输入指示将第一区域的维度或位置修改成第二阈值；在显示设备上显示被解除对齐到边界的第一区域；以及在与第二用户输入的当前位置相对的位置中显示第一区域。即，在元素或第一区域对齐到边界之后，用户手指的位置继续移动。稍后，当第一位置解除对齐时，它赶上用户的手指，于是它具有与在对齐之前相同的与手指相对的位置。这与当前形式的间接操纵形成对比，其中被解除对齐的元素没有赶上相对于用户的鼠标（或用户用于间接操纵的其他输入设备）的相对位置。

在描绘图6的时间616的图7中，用户的手指正在以视频正在扩大的相同速率分开（或者如果速率不是相同的，那么在手指分开的速率与视频扩大的速率之间具有线性关系）。元素704的变换624此时保持不变，即它仍旧以显示区域700的中心的下方和左侧为中心。

在描绘图6的时间618的图8中，用户已将视频扩大至它已达到下对齐阈值612的点，并且视频现在已被对齐到对齐位置610，其中对齐位置在这里被描绘为显示区域的边界。在对齐到对齐位置610中，该视频已移动比手指自图7中描绘的时间以来所移动的更大的量。元素704的变换624现在已被改变。但是元素704原本没有以显示区域700为中心，而现在元素704以显示区域700为中心。

在描绘图6的时间620的图9中，用户继续将其手指分开，但是由于这些手指仍旧位于下对齐阈值612与上对齐阈值614之间的区域内，所以视频的位置不改变，即它保持在全屏模式中。同样，元素704的变换624保持与图8中所描绘的相同（并且不同于图7中所描绘的）。元素704已被变换，因此它是以显示区域700为中心的。

在描绘图6的时间622的图10中，用户继续分开其手指，并且现在这些手指经过上对齐阈值614。因而，视频已被解除对齐，并且继续扩大而经过其处于全屏模式中的点（因此在显示区域中不显示该视频的一些部分）。元素704的变换624已返回到图7的变换，即以显示区域700的中心的下方和左侧为中心。

图11描绘比较用户的一根或多根手指随时间的移动与由用户操纵的元素的位置的另一个示例图表。在图11中描绘的图表可以用于确定何时将图3-5的视频对齐到全屏模式或者从全屏模式中解除对齐图3-5的视频。图11中所描述的图表与图6中所描绘的图表的不同之处在于：在图11中，用户分开其手指，随后靠拢其手指，而在图6中，用户仅仅分开其手指。

在图11中，用户最初分开其手指，并在手指的位置增大时，用户正在操纵的元素的位置也增大。当元素的位置达到下对齐阈值612时，它对齐到对齐位置610。在该元素已对齐到对齐位置610之后，但是在用户手指的位置已达到上对齐阈值614之前，用户改变其手指的方向。但是之前它们正在分开，而现在它们正在靠拢。即使它们开始靠拢，元素的位置保持被对齐到对齐位置610。只在用户已将其手指靠拢到低于下对齐阈值612之后，该元素才解除对齐，并开始减少大小。

图12描绘比较用户的一根或多根手指随时间的移动与由用户操纵的元素的位置的另一个示例图表。图11中所描绘的图表可以用于确定何时将图3-5的视频对齐到全屏模式或从全屏模式中解除对齐图3-5的视频。图12中描绘的图表与图6中所描绘的图表相类似之处在于：在两个图中，手指的位置单调增大。图12中所描绘的图表与图6中所描绘的图表的不同之处在于：在图12中，用户作出轻弹手势，其中该手势包括简短的移动，并且为该手势计算的惯性用于确定被操纵的元素的附加移动，而在图6中，没有这样的计算，并且用户在不断地提供真正的输入。

图13、14、15和16描绘位于与图6的图表有关的四个相应的不同时间点上用户的一根或多根手指以及由用户以不同于图7-10中所描绘的方式操纵的元素的位置。

在图13-16中，显示包含嵌入视频304的网页302。用户将其手指306向右移动，以便将视频向右移动。在描绘图6的时间616的图13中，用户已将其手指306向右移动一段距离，但是尚未满足下对齐阈值1302，并且在手指306已移动以及视频304已移动的速率和距离之间具有线性关系。

在描绘6的时间618的图14中，用户已将其手指移动经过下对齐阈值1302（但是在上对齐阈值1306之前）。结果，视频304被对齐到对齐位置1304。在对齐到对齐位置1304中，视频已移动比手指306自图13中描绘的时间以来已移动的更大的量。

在描绘图6的时间620的图15中，用户继续向右移动其手指306，但是由于手指306仍然位于下对齐阈值1302与上对齐阈值1306之间的区域内，所以视频的位置不改变，即它保持被对齐到对齐位置1304。

在描述图6的时间622的图16中，用户继续向右移动其手指306，并且现在手指经过上对齐阈值1306。因而，视频304已被解除对齐，并且已“赶上”手指306，以致在图16中所描绘的手指306和视频304之间的相对位置与图13中所描绘的手指306和视频304之间的相对位置是相同的。

图17描绘用于使用触摸手势将某个区域对齐到对齐边界的示例操作程序。图17的操作程序可以用于实行图3-5、7-10或17-16中所描绘的用户界面或绘制在图6、11和12所描绘的随时间的手指位置与相应元素位置的图表。图17的操作程序开始于操作1700。操作1700导致操作1702。

操作1702描绘在显示设备上显示用户界面，该用户界面包括第一区域。例如，用户界面可以包括网页，并且第一区域可以包括被嵌入到那个网页中的嵌入视频。其中显示第一区域的用户界面可能占据整个显示设备的视觉输出或其子集，诸如在显示设备的视觉输出的部分中显示的窗口。

在实施例中，第一区域包括其中可以显示视频、图像或文本栏的区域。第一区域可以包括这样的区域，其中可以定义边界或维度，以致在确定维度等于阈值时，边界可以被对齐到对齐边界。

操作1704包括：确定第一区域包括视觉媒体。这个操作可以包括：（诸如通过解析构成网页的超文本标记语言HTML以及其他代码或文档的文档对象模型DOM）解析其中显示该视频的网页，以确定第一区域包含视觉媒体，诸如视频或图像。

操作1706包括：确定第一区域的维度的大小。至于操作1704，这个操作可以包括：诸如通过评估为网页中的第一区域定义的“高度”或“宽度”属性，解析其中显示该视频的网页。

操作1708包括：确定第一区域的宽高比。至于操作1704和1706，这可以包括：诸如通过评估为网页中的第一区域定义的“高度”和“宽度”属性二者以确定宽高比（视觉媒体的宽高比通常是宽度与高度之比）来解析其中显示该视频的网页。

操作1710描绘确定在触摸输入设备上接收的用户输入指示将第一区域的维度修改成阈值。这个用户输入可以包括反向捏手势。

在实施例中，操作1710包括确定用户输入指示将第一区域的高度、宽度、维度或面积增大到阈值。用户可以进行触摸输入来移动第一区域或对第一区域进行放大。这个用户输入可以如下进行处理：分别移动第一区域或缩放第一区域，只要输入不导致第一区域的维度被修改成阈值（诸如被缩放，直至其宽度至少是显示设备的显示区域的宽度的75%）。

在其中触摸输入设备和显示设备包括触摸屏的实施例中，用户输入在其中第一区域被显示在触摸屏上的位置上进行接收。可能是用户正在使用触摸屏，其中显示设备本身被配置成接受显示区域上的用户触摸输入。如果牵涉触摸屏，那么用户可以通过触摸其中显示第一区域的触摸屏的区域来与第一区域交互。

操作1712描绘在显示设备上显示被对齐到边界的第一区域。一旦确定用户输入已导致第一区域的维度等于阈值，用户界面可能显示被对齐到显示设备的边界的第一区域。这未必是显示设备的边界（显示区域的最顶部、最左侧、最右侧或最底部部分），而是“对齐边界”，即其中具有的维度高于阈值的元素（诸如第一区域）被对齐至的预定位置。例如，对齐边界可以牵涉对齐第一区域，以致它以显示设备为中心。此外，在显示设备上显示被对齐到边界的第一区域可以包括：在全屏模式中显示第一区域，其中该边界包括显示区域的最顶部、最左侧、最右侧和最底部部分。

在实施例中，操作1712包括动画化从等于某阈值的第一区域的维度到在显示设备上显示被对齐到边界的第一区域的变换。在其中用户输入指示以某速率增大第一区域的大小以及其中动画化变换包括以第二速率来动画化该变换的实施例中，第二速率大于该速率。一旦已确定将第一区域对齐到边界，那么可能有益的是比用户操纵第一区域更快地执行这个对齐，以便加速该处理。

在实施例中，操作1712包括：在以全屏模式显示第一区域之前，确定在触摸输入设备上接收的第二用户输入指示将维度修改为低于阈值；显示第一区域，其中第一区域未被对齐到边界；以及其中显示被对齐到边界的第一区域响应于确定在触摸输入设备上接收的第三用户输入指示将维度修改成该阈值而发生。在用户的输入已导致第一区域达到阈值之后，他仍然可以解除该变化，以便将该区域对齐到边界。用户可以通过执行指示以相反方式操纵第一区域的手势来这样做。例如，如果之前他正在分开其手指以放大的话，他可以通过靠拢其手指以缩小来解除，或者如果之前他正在向右移动其手指以便向右移动该元素的话，他可以通过向左移动其手指以便向左移动该元素来解除。

在实施例中，操作1712包括：在将第一区域对齐到边界时，修改第一区域的变换、俯仰或偏航。变换指的是第一区域是否是以其中它被对齐的区域为中心。例如，如果将第一区域对齐到边界包括以全屏模式显示第一区域，并且在这种对齐即将开始的时候第一区域位于显示区域的中心点的下方和左侧，第一区域的变换可以被修改，以致它以显示区域为中心。

在将第一区域对齐到边界时，第一区域的俯仰也可以被改变。例如，第一区域和显示区域都可以是矩形，并且将第一区域对齐的边界可以是显示区域的边界。如果将被对齐至边界的第一区域的侧边与该边界不平行的话，那么在第一区域的侧边与边界之间存在俯仰差别，并且其在对齐处理期间被修改，以致边缘与边界齐平。第一区域的偏航也可以采用与区域的俯仰相类似的方式进行修改。在诸如其中用户界面是三维（3D）或者除了在笛卡尔坐标系中的x-y平面内的值之外该用户界面还具有z深度的某些情况下，第一区域的偏航可能不同于边界的偏航。

操作1714描绘：确定在触摸输入设备上接收的第二用户输入指示将第一区域的维度修改成第二阈值；以及终止在显示设备上显示被对齐到边界的第一区域。一旦显示被对齐到边界的第一区域，用户可以提供输入来解除这种对齐。这个输入可以包括利用如以前一样的导致对齐的其输入或通过提供不同的输入而继续。例如，如图6所示，用户可以增大第一区域的缩放，直至维度达到下阈值612，并且第一区域被对齐到对齐位置。然后，当用户继续移动其手指并达到上阈值614时，第一区域可以解除对齐。在这种情况下，第二阈值（上阈值）不等于该阈值（下阈值），而是更大。

同样，如图11所示，用户可以通过将其手指位置增大直至再次达到下阈值而导致第一区域对齐。如所描绘的，进行对齐和解除对齐都是在下阈值上完成的，但是可以意识到：对于作为增大手指位置的结果而对齐第一区域而言，具有不同的阈值，以及对于作为减小手指位置的结果而解除对齐第一区域而言，具有不同的阈值。

操作1716描绘：显示对于在第一区域中显示的媒体的控制；以及响应于确定在触摸输入设备上接收的用户输入指示将第一区域的维度修改成阈值而隐藏该控制。例如，当用户导致第一区域中的视频对齐到全屏模式时，这可能是因为用户希望从显示器向后坐下并观看视频。在这种情况下，用户体验可以通过在视频被对齐到全屏模式时隐藏这些媒体控制而得到改善。

可以意识到：不需要图17的所有操作来实现本发明的实施例，并且所描绘的操作的置换也可以在本发明的实施例中进行实现。例如，本发明的实施例可以实现操作1702、1710和1712。同样，本发明的实施例可以在操作1704之前执行操作1706。

结论

虽然本发明已结合在不同附图中所示的优选方面进行描述了，但是明白：可以使用其他的类似方面，并且可以对所描述的用于执行本发明的相同功能的方面进行修改和添加而不偏离这些方面。因此，本发明不应限于任何单个方面，而应该根据所附的权利要求书的广度和范围来诠释。例如，在这里所描述的各种程序可以利用硬件或软件或二者的组合来实现。因而，所披露的实施例的方法和设备或其中的某些方面或部分可以采用在诸如软盘、CD-ROM、硬盘驱动器或任何其他的机器可读介质之类的有形媒体中体现的程序代码（即，指令）的形式。在程序代码被加载到诸如计算机之类的机器中并由该机器运行时，该机器变成被配置用于实践所披露的实施例的设备。除了在这里明确阐述的具体实现方式之外，通过考虑在这里披露的说明书，其他的方面和实现方式对本领域技术人员而言将是显而易见的。意图是：本说明书和所阐明的实现方式应该仅被视为示例。

Claims (14)

1.一种用于控制用户界面的方法，包括：

在显示设备上显示用户界面，所述用户界面包括第一区域（1702）,所述第一区域包括可以在其中显示视频的区域；

响应于确定包括用户界面的直接操纵的用户输入指示将第一区域的维度或位置修改成阈值，以全屏模式显示被对齐到显示设备的边界的第一区域；以及

响应于确定包括用户界面的直接操纵的第二用户输入指示将第一区域的维度修改成第二阈值，终止在显示设备上显示被对齐到任何位置的第一区域。

2.权利要求1的方法，其中在显示被对齐到边界的第一区域之前，第一区域和用户输入具有相对位置，并且进一步包括：

确定包括用户界面的直接操纵的第二用户输入指示将第一区域的维度或位置修改成第二阈值；

在显示设备上显示被解除对齐到边界的第一区域；以及

在与第二用户输入的当前位置相对的位置中显示第一区域。

3.权利要求1的方法，其中确定用户输入指示将被第一区域占用的区域修改成阈值包括：

确定用户输入指示将第一区域的高度、宽度或面积增大为高于阈值。

4.权利要求1的方法，其中用户输入包括：

利用手指或手写笔对触摸输入设备进行的触摸输入，对数字化仪平板进行的数位笔输入，对麦克风进行的语音输入，或对相机作出的身体姿态或眼睛运动。

5.权利要求1的方法，其中第一区域包括图像。

6.权利要求1的方法，进一步包括：

确定包括用户界面的直接操纵的第二用户输入指示将第一区域的维度修改成第二阈值；以及

终止显示被对齐到显示设备的边界的第一区域。

7.权利要求1的方法，进一步包括：

动画化从等于阈值的第一区域的维度到显示被对齐到显示设备的边界的第一区域的变换。

8.权利要求6的方法，其中用户输入指示以一速率增大第一区域的大小，以及其中动画化变换包括：

以第二速率来动画化变换，其中第二速率大于所述速率。

9.权利要求1的方法，进一步包括：

在以全屏模式显示第一区域之前，确定包括用户界面的直接操纵的第二用户输入指示将维度修改成低于所述阈值；

显示第一区域，其中第一区域没有被对齐到边界；以及

其中显示被对齐到边界的第一区域响应于确定包括用户界面的直接操纵的第三用户输入指示将维度修改成所述阈值而发生。

10.权利要求1的方法，进一步包括：

显示对于在第一区域中显示的媒体的控制；以及

响应于确定在触摸输入设备上接收的用户输入指示将第一区域的维度修改成所述阈值，隐藏所述控制。

11.一种用于控制用户界面的系统，包括：

用于在显示设备上显示用户界面的装置，所述用户界面包括第一区域（1702）,所述第一区域包括可以在其中显示视频的区域；

用于响应于确定包括用户界面的直接操纵的用户输入指示将第一区域的维度修改成阈值、以全屏模式显示被对齐到显示设备的边界的第一区域的装置；以及

用于响应于确定包括用户界面的直接操纵的第二用户输入指示将第一区域的维度修改成第二阈值、终止在显示设备上显示被对齐到任何位置的第一区域的装置。

12.权利要求11的系统，其中确定包括用户界面的直接操纵的用户输入指示将被第一区域占用的区域修改成阈值包括：

确定用户输入指示将第一区域的高度、宽度、对角线或面积修改成所述阈值。

13.权利要求11的系统，还包括：

用于在显示被对齐到边界的第一区域之前确定包括用户界面的直接操纵的第二用户输入指示将维度修改成低于所述阈值的装置；

用于显示第一区域的装置，其中第一区域没有被对齐到边界；以及

其中显示被对齐到边界的第一区域响应于确定包括用户界面的直接操纵的第三用户输入指示将维度修改成高于所述阈值而发生。

14.权利要求11的系统，还包括：

用于显示对于在第一区域中显示的媒体的控制的装置；以及

用于隐藏所述控制以响应确定包括用户界面的直接操纵的接收到的用户输入指示将第一区域的维度修改成所述阈值的装置。