可滚动区域多缩放比例查看

摘要

利用滚动条柄来对包括用户界面中的项目的显示画面进行缩放和平摇可通过监视输入设备与滚动条柄的交互来实现。如果在远离滚动条中的滚动柄的定向的方向上拖动滚动条柄，则可激活显示区域缩放功能。该缩放功能允许按照拖动滚动柄的距离来重新缩放包括内容的视框。可创建将视框中的一个区域与显示画面的其余部分区别开来的显示框，该显示框对应于视框中的将在滚动柄在该位置被释放的情况下以普通缩放比例显示的内容。此外，在检测到滚动柄被释放时，显示区域可缩放至区别区域内的内容的视图。

说明书

背景

在一计算环境中，可以用各种技术来存储和显示数据项。通常，用户界面(UI)元素将数据项显示为例如列表、网格、树、浏览器页面、图像、视频，或这些内容的组合。这些UI元素可包含许多数据项或非常大的项目(例如，图像)，但只能够例如在计算机屏幕上一次显示一小部分项目。通常，UI元素使用沿水平和垂直轴的滚动条来使用户能够四处平摇各个项目或一个大项目的视图。此外，用户通常能够缩小以查看UI元素中的更多内容，或者放大以查看UI元素中的更多内容细节。

概述

提供本概述是为了以简化的形式介绍将在以下详细描述中进一步描述的一些概念。本概述并不旨在标识出所要求保护的主题的关键因素或必要特征，也不旨在用于限定所要求保护的主题的范围。

在一计算环境中，用户界面(UI)元素可包含可以例如显示在计算机显示屏上的一个或多个项目。用于查看UI元素中的项目的常见元素控件显示的示例包括列表视图、网格视图、树视图、图像、视频、文本视图、浏览器页面及其组合。虽然UI元素可包含例如许多数据项或一个大项目，但计算机系统只能够一次显示项目的一部分。

通常，用户可使用沿水平和垂直轴的一个或多个滚动条来四处平摇项目的显示画面以查看更多内容。此外，用户能够缩小以查看项目的更多内容(例如，当典型的显示画面可示出20个项目时，用户可以缩小以便在显示画面中查看UI元素中的100个内容项)。另外，用户能够放大以查看UI元素中的更多内容细节(例如，用户可能希望查看图像区域的更多细节或以较大字体大小查看文本)。

当前，典型的平摇和缩放功能由UI元素的单独操作来控制。例如，用户可使用一个功能(例如，使用滚动条)来四处平摇显示画面中的内容，但激活第二功能以便放大或缩小显示画面(例如，在按下键盘上的控制键的同时旋转鼠标上的滚轮)。

如此处所提供的，公开了用于利用用于缩放和平摇显示画面中的可滚动区域来对该可滚动区域进行多缩放比例查看的技术和系统。可监视输入设备事件以监视用户与可滚动显示画面中的一个或多个滚动条的交互。如果监视检测到用户与滚动条的定向正交地(例如，在不沿着滚动条的定向的方向上)拖动滚动条上的滚动柄(例如，按下点击滚动柄并在不提起的情况下移动光标)，可激活显示区域缩放功能。激活显示区域缩放功能可包括调整显示画面的视框区域(例如，显示画面中的具有可查看内容的区域)的缩放比例。缩放比例调整的量可以按照滚动柄被拖离滚动条的正交距离。

在一个实施例中，如果滚动柄被朝着显示画面的中心拖离滚动条，则显示画面可缩小以便在该显示画面中示出更多内容。此外，在该实施例中，如果朝着滚动条远离显示画面中心拖动滚动柄，则显示画面可放大以便在该显示画面中示出更多内容细节。在另一实施例中，如果远离滚动条且远离显示画面中心拖动滚动柄(例如，超出缩小的/非最大化窗口的范围或在该窗口之外)，则显示画面可放大以便在该显示画面中示出更少内容，但更多内容细节。此外，在该实施例中，如果朝着显示画面中心拖回滚动柄，则显示画面可缩小以便在该显示画面中示出更多内容。另外，在另一实施例中，显示画面缩放功能可以与上述相反。例如，放大以示出更少内容(但更多细节)可以在朝着显示画面中心拖动滚动柄时执行，而缩小可以在远离显示画面中心拖动滚动柄时执行以示出更多内容(但更少细节)。

另外，如果监视检测到用户与滚动条的定向正交地拖动滚动条上的滚动柄，则可激活新显示框功能，它区别对应于将在释放被拖动的滚动柄时显示的视框区域(例如，在释放柄时显示画面将放大至由该区别区域覆盖的视框区域)的显示区域(例如，在视框中的内容周围创建阴影或半透明框)。而且，激活新显示框功能可包括按照视框内容的缩放级别来改变区别区域的缩放比例(例如，当视框被缩放成包括更多内容时，区别区域成比例缩放)。

如果监视检测到滚动柄已经被用户释放(例如，用户提起)，则可改变显示画面以对应由区别区域覆盖的视框区域。例如，显示画面可缩放至由区别区域覆盖的视框内容。

为实现上述和相关目的，以下描述和附图阐述了各个说明性方面和实现。这些方面和实现仅指示可使用一个或多个方面的各种方式中的一些。结合附图阅读以下详细描述，则本发明的其他方面、优点、以及新颖特征将变得显而易见。

附图说明

图1是具有可滚动显示画面的示例性用户界面的图示。

图2是具有可滚动显示画面的示例性用户界面的另一图示。

图3是用于显示画面中的可滚动区域的多缩放比例查看的示例性方法的流程框图。

图4是示出用于显示画面中的可滚动区域的多缩放比例查看的示例性方法的一部分的框图。

图5是示出用于显示画面中的可滚动区域的多缩放比例查看的示例性方法的一部分的框图。

图6是示出可滚动显示画面的垂直列表类型视图的示例性显示画面的图示。

图7是示出用于可滚动显示画面的垂直列表类型视图的示例性缩放功能的示例性显示画面的图示。

图8是示出可滚动显示画面的水平电影胶片类型视图的示例性显示画面的图示。

图9是示出用于可滚动显示画面的水平电影胶片类型视图的示例性缩放功能的示例性显示画面的图示。

图10是示出图像的示例性部分的示例性水平和垂直可滚动显示画面的图示。

图11是示出用于显示画面的图像视图的示例性缩放功能的示例性水平和垂直可滚动显示画面的图示。

图12是示出用于显示画面中的可滚动区域的多缩放比例查看的示例性系统的组件框图。

图13是显示画面中所使用的视框的示例性区别区域的图示。

图14是利用视框内容的示例性显示画面的图示。

图15是语义缩放的示例性实施例的图示。

图16是包括配置成实施本文阐述的一个或更多个设置的处理器可执行指令的示例性计算机可读介质的图示。

图17示出其中可以实现本文阐述的装置中的一个或多个的示例性计算环境。

详细描述

现在参考附图来描述所要求保护的主题，所有附图中使用相同的附图标记来指代相同的元素。在以下描述中，为解释起见，阐明了众多具体细节以提供对所要求保护的主题的全面理解。然而，很明显，所要求保护的主题可以在没有这些具体细节的情况下实施。在其他情况下，以框图形式示出了各结构和设备以便于描述所要求保护的主题。

图1是具有可滚动显示画面102的示例性用户界面(UI)的图示100。作为示例，UI元素可包含比由该UI的用户或默认设置预定的可适合以普通视图处在显示画面上的项目更多的项目，由此需要可滚动显示画面来通过平摇来查看该UI中的其他项目。在该示例中，UI元素的内容104的可查看部分以网格视图示出，然而可以在用于各种项目的各种UI中使用可滚动显示画面。此外，该示例性UI元素包括滚动条106，该滚动条可用于在UI元素中的内容周围四处平摇显示画面，以查看不适合该显示画面的普通视图的内容。滚动条106可包括滚动条柄108，该滚动条柄可以向用户示出所查看的内容104在UI元素的内容中的位置。通过拖动滚动条柄108，用户还可平摇关于内容104的显示画面102以查看该UI元素中的其他项目。

图2是具有可滚动显示画面102的示例性用户界面(UI)的另一图示200。在该示例中，可滚动显示画面仍旧在水平和垂直轴中包括滚动条106，该滚动条106可用于在该UI中的内容上平摇该显示画面。然而，该UI显示缩小的内容212，这可以是例如由用户激活并且然后缩小以显示更多内容212的缩放功能的结果。此外，在该示例中，当显示画面102缩小以显示更多内容212时，滚动条柄210通常将与缩放级别成比例地增加大小。以此方式，用户可估算在显示画面102中示出了多少内容212。

在一方面，作为示例，查看用户界面(UI)中的未全部适合在显示画面中的内容的用户可能希望在内容周围四处平摇显示画面以查看不在该显示画面上的其他内容。然而，如果内容较大，则用户可能希望缩小显示画面以包括更多内容，例如以便查找要显示的内容区域。在该示例中，用户然后能够放大显示画面以包括显示画面被平摇到的区域中的内容的更多细节。

图3是用于利用用于缩放和平摇可滚动区域的滚动条来对显示画面中的可滚动区域进行多缩放比例查看的示例性方法300的流程框图。示例性方法300开始于302并且在304涉及使用输入设备事件监视来监视用户在显示画面的可滚动区域中的与滚动柄的交互。作为示例，用JavaScript编码的用户界面(UI)元素可利用鼠标事件来监视用户在该UI元素中的移动和活动。在该示例中，如果用户使用鼠标来按下(例如，鼠标按下)滚动条中的滚动柄，然后在不释放用于按下的鼠标按钮的情况下远离滚动条移动鼠标(例如，鼠标移出)，则鼠标事件可检测到用户已经将滚动柄拖离滚动条。可以理解，虽然鼠标是用于与UI元素交互的常见输入设备，但此处所描述的技术和系统不限于该实施例。本领域的技术人员可设计许多且不同的输入设备，诸如触摸屏、触敏垫、输入键以及其他输入设备。

在示例性方法300中，在检测到与滚动条中的滚动柄的定向正交的滚动柄拖动时激活显示区域缩放功能。作为示例，如果输入设备事件监视检测到垂直定向(例如，被定向成在显示画面中上下滚动)的滚动柄被水平拖离滚动条，则激活显示区域缩放功能。在308，激活显示区域缩放功能可包括调整显示画面的视框区域的缩放比例。例如，视框区域可包括包含UI元素内容的显示区域。图6是示出可滚动显示画面602的垂直列表类型视图的示例性显示画面的图示600。在该示例中，视框608包含UI元素中的项目610的列表。可以理解，虽然示出视框的图示的各附图包括限定视框的边界的轮廓，但此处所描述的技术和系统不限于这些实施例。这些轮廓仅出于清楚的目的而使用，并且不旨在此处造成限制。

图4是示出用于显示画面中的可滚动区域的多缩放比例查看的示例性方法300的调整显示画面的视框区域的缩放比例308部分的框图400。在416，确定拖动滚动柄的输入设备行进的正交距离。例如，在图6中，用户可使用鼠标612(例如，由光标表示)来在与滚动条604中的滚动柄606的定向正交的方向上拖动滚动柄606。在该示例中，鼠标事件监视可用于确定在拖动滚动柄606时鼠标612移动多远。

转回到图4，在418，调整显示画面的视框区域的缩放比例308可包括按照拖动滚动柄的输入设备行进的正交距离来重新缩放视框区域。例如，如上所述，可确定行进的正交距离，并且可以与该距离成比例地缩放视框。可以理解，视框的缩放可涉及改变视框的大小和形状以适应将显示在视框内的UI元素内容的大小和形状。

在420，重新缩放视框涉及如果朝着显示画面的中心拖动滚动柄，则缩小以显示更多内容。作为示例，随着朝显示画面的中心拖动滚动柄的距离的增加，缩放级别以及显示在视框内的内容的量增加。在该示例中，视框可改变其大小和形状以适应增加的内容量(例如，在列表视图中，随着缩小级别的增加，列表的视图将逐渐变长和变瘦，因此视框可改变长度和宽度)。

在422，重新缩放视框涉及如果滚动柄被拖离显示画面的中心，则放大以显示内容的更多细节(例如，更少的内容量，但更多细节)。作为示例，随着显示画面的中心和拖动的滚动柄之间的距离的增加，放大级别以及显示在视框内的内容的细节量增加。在该示例中，放大内容允许查看者看到更多内容细节(例如，文本字体更大)，同时减少显示在视框内的内容量(例如，更少单词)。此外，这可以扩展到其中用户界面窗口被缩小或未最大化的情形，在这种情况下，可将滚动柄拖过滚动条并超出该窗口以继续放大以便查看更多细节(例如，为了实现大于100％缩放)

转回到图3，在310，示例性方法300在检测到与滚动条中的滚动柄的定向正交的滚动柄拖动时激活新显示框功能。图5是示出用于显示画面中的可滚动区域的多缩放比例查看的示例性方法300的激活新显示框功能310部分的框图500。在524，将显示画面中的一个区域与该显示画面的其余部分区别开来，该区域对应于视框中的将在输入设备的位置处释放被拖动的滚动柄时显示的内容区域。作为示例，当激活显示区域缩放功能306时，在检测到已经朝着显示画面的中心，远离滚动条拖动滚动柄时，视框可显示UI元素中的内容的缩小部分。在该示例中，在检测到已经朝着显示画面的中心，远离滚动条拖动滚动柄时，可以在缩放的视框的该部分上显示阴影或半透明框，该阴影或半透明框对应于在释放滚动柄时将显示什么(例如，显示画面可以在释放柄时缩放回普通的内容视图)。

在526，激活新显示框功能310可包括按照显示画面的可滚动区域中的视框内容的缩放级别来缩放区别区域(例如，阴影框)，该区别区域对应于视框中的将在该输入设备位置处释放被拖动的滚动柄时显示的内容区域。例如，当视框中的内容的缩放级别改变时，区别区域的大小可改变以对应将在释放滚动柄时显示的内容区域。在该示例中，当视框缩小以示出更多内容时，诸如视框上的阴影框等区别区域的大小将与视框的缩放级别成比例地减小。以此方式，用户例如可通过查看阴影框在缩放和平摇期间覆盖什么内容部分来确定将在普通视图中显示什么。

再次转回到图3，在312，示例性方法300在检测到释放滚动柄时改变显示画面以对应视框的区别区域中的内容。作为示例，如果使用鼠标事件来监视用户与滚动柄的交互，则当用户释放(例如，鼠标释放)时，该动作可将滚动柄从其拖动状态中释放(例如，当用户保持按压鼠标按钮并远离滚动条移动鼠标时，滚动柄处于拖动状态)。在该示例中，在鼠标事件检测到滚动柄的释放时，由区别区域(例如，阴影框)覆盖的视框中的内容区域能够在滚动柄被释放时以普通缩放级别视图显示(例如，视框可放大内容以便在区别区域中显示一定范围的内容)。

在改变显示画面以对应视框的区别区域中的内容后，示例性方法300在314处结束。

可以理解，虽然缩放功能已经被描述为在朝着显示画面的中心拖动滚动柄时缩小并在将滚动柄拖离显示画面的中心时放大，但此处所描述的方法和系统不限于本说明书。在另一实施例中，缩放功能可以相反。例如，可以在朝着显示画面的中心拖动滚动柄时放大显示画面，以示出更少内容但更多细节。类似地，可以在将滚动柄拖离显示画面的中心时缩小显示画面，以示出更多内容但更少细节。然而，在该实施例中，如果显示画面在朝着显示画面的中心拖动滚动柄时放大，则可以不激活新显示框。

在一个实施例中，用户界面(UI)元素的可滚动显示区域可包括项目的列表类型视图。作为示例，基于文本的项目列表可包括可适合显示画面的普通视图(例如，默认视图或定制的用户视图)的各个项目。然而，在该示例中，列表中的所有项目不能够在普通视图中一次显示。在这种情况下，可以沿着显示画面的垂直轴显示滚动条，如上所述，以使用户能够例如在普通视图中滚动通过该列表。图6是示出可滚动显示画面602的垂直列表类型视图的示例性显示画面的图示600。

在该示例中，可滚动显示画面602中的内容包括基于文本的食品列表610。视框608包括可查看内容610(例如，可适合当前视图的显示画面的UI元素内容)，在该示例中，因为显示画面以普通视图(例如，默认视图或用户定制的视图)示出，所以该视框包括显示区域的范围(例如，可显示内容的区域，不包括滚动条)。此外，用户可按下垂直滚动条604中的滚动柄606(例如，鼠标按下)，并且在远离滚动柄的方向上(例如，鼠标离开)拖动光标612(例如，在鼠标按下之后且在鼠标释放事件之前移动光标)。在该实施例中，如上所述，与滚动条中的滚动柄的定向正交地拖动滚动柄(例如，对于垂直滚动条水平地拖动柄)可激活显示区域缩放功能和新显示框功能。

图7是示出用于可滚动显示画面602的垂直列表类型视图的示例性缩放功能的示例性显示画面的另一图示700。在该示例中，示出了显示区域缩放功能和新显示框功能已被激活之后的可滚动显示画面602。当与滚动柄的定向正交地拖动光标612时，缩放视框608(例如，改变大小和形状)以适应例如UI元素的内容610的缩小视图。此外，在该示例中，已经创建了区别区域714(例如，阴影框)，该区别区域覆盖对应于可以在释放滚动柄的情况下显示在可滚动显示画面602中的内容的视框区域。另外，在该实施例中，如对于滚动条功能是典型的，滚动柄716的大小可以缩放，以便向用户示出例如多少内容被显示在视框中。

在另一实施例中，用户界面(UI)元素的可滚动显示区域可包括水平项目视图，例如，UI元素项目的电影胶片视图。图8是示出可滚动显示画面的水平电影胶片类型视图的示例性显示画面的图示。在该示例中，可查看内容810包括各帧(例如，相册中的图像帧)的单个水平行，并且包括滚动柄806的滚动条804沿着显示画面802的水平轴显示。如上所述，视框812包括可查看显示画面的范围，因为这是普通缩放视图的示例。在该示例中，当用户使用光标808来与滚动柄的定向正交地向上拖动滚动柄806时，可激活显示区域缩放功能和新显示框功能。

图9是示出用于可滚动显示画面的水平电影胶片类型视图的示例性缩放功能的示例性显示画面的另一图示700。在该示例中，示出了显示区域缩放功能和新显示框功能已被激活之后的可滚动显示画面802。同样，如上所述，当远离滚动柄916拖动光标808时，缩放视框812以适应内容810的缩小视图。此外，在该示例中，在视框812中的内容上创建将在释放滚动柄时显示的显示框914。另外，已经缩放滚动柄916以帮助用户确定多少UI元素内容正被显示在视框812中。

在另一实施例中，例如，用户界面(UI)元素的可滚动显示区域可包括是不适合普通缩放视图(例如，默认视图或用户定制的视图)的显示画面的大项目或一系列项目的内容，并且具有用于在内容周围四处平摇显示画面的水平和垂直滚动条两者。图10是示出图像的示例性部分的示例性水平和垂直可滚动显示画面1002的图示1000，该示例性部分包括UI元素的内容1012。在该示例中，图像比可以在缩小时正常地适合显示画面的图像大，由此显示画面1002包括用于四处平摇内容图像1012的水平和垂直滚动条1004。此外，在该示例中，视框1008包括可滚动显示画面1002中的可查看内容的范围，如上所述，因为这是普通缩放视图的示例。例如，用户可将光标1010引导至水平或垂直滚动柄1006并且与这些滚动柄在滚动条1004中的各自的定向正交地拖动这些滚动柄。在该示例中，拖动动作可激活显示区域缩放功能和新显示框功能。

图11是示出用于显示画面的图像视图的示例性缩放功能的示例性水平和垂直可滚动显示画面1002的图示1100。该示例示出了用户已经与两个滚动柄各自的定向正交地拖动这两个滚动柄中的一个并且已经激活显示区域缩放功能和新显示框功能后的显示区域1002。在该示例中，视框1008的大小已经缩放以适应UI元素中的内容1012(在这种情况下是图像)的范围，从而示出整个内容图像1012的缩小视图。此外，已经使用新显示框功能创建了区别区域1118(例如，阴影框)，该区别区域1118对应于将在用户在该位置处释放滚动柄的情况下显示的图像内容1012的区域。在该示例中，区别区域对应于图10中的内容1012。

另外，在该实施例中，例如，区别区域1118可使用输入设备(例如，鼠标)来在视框1008中来回移动，并且其位置可对应于光标1120在显示画面1002中的位置。另外，可例如“拖动”区别区域1118以覆盖松树的顶端(或内容的任何其他所需部分)，以使得将在释放输入设备(例如，鼠标按钮)时显示(例如，以如图10所示的放大方式)该新“突出显示”的内容。在一个示例中，当整个内容由于缩小程度而可见时，该内容可以在该完全缩小视图中变得“锁定”以便于“拖动”或以其他方式来回移动区别区域以指定或突出显示该内容的某一部分。然后将在释放输入设备时重新创立可变缩放功能。而且，在该示例中，滚动柄1114的大小已经缩放以便向用户示出UI元素已被缩小至其范围。

在另一方面，当用户缩小所显示的视图以查看更多用户界面(UI)内容时，该内容可能变得难以分辨。为了便于在缩小视图中进行内容分辨，可使用一种语义缩放。例如，语义缩放可被结合到几何缩放(例如，改变大小/细节和项目量)中，由此可创建UI内容中的项目的索引并且可以在内容中的对应于被索引的项目的位置处插入各个索引。

作为示例，基于文本的项目列表能够以字母次序排列。在该示例中，该列表的索引可包括字母表中的字母。在普通视图(例如，默认或用户定制的视图，由此项目是可读的)中，该列表的所显示部分可包括20个项目，然而，当该列表的视图被缩小成包括该列表中的更多项目时，文本可能变得无法分辨。在一个实施例中，例如，当正在缩小显示画面时，可以在索引指向的对应位置处将字母表中的对应于项目的首字母的字母插入到经缩放的显示画面中。以此方式，虽然文本可能难以分辨，但用户可使用列表的索引来方便确定例如项目在列表中的位置。

图15是语义缩放的示例性实施例1500的图示。使用此处所描述的技术和系统，在该示例性实施例1500中，显示画面1502示出了普通缩放视图(例如，默认缩放级别或用户定制的视图)的食品项目1508的列表。在该示例中，因为项目列表不适合普通缩放视图的显示画面1502，所以以垂直定向显示滚动条1504和滚动柄1506。如果用户与滚动柄1506的定向正交地移动光标1510，则缩小内容1508并且在该示例中，在该列表区域的上显示对应于列表中的项目的索引1512，索引从字母表中的该字母开始。这一索引1512可包括一个或多个不同的项目，诸如字母、数字、化身、缩略图等。

可以理解，如此处所描述的技术和系统所使用的语义缩放不限于插入字母或索引点。本领域的技术人员构想操纵UI元素内容的视图以促进用户在缩放期间分辨项目的能力的各种方式。例如，内容类型视图的表可用于大项目组，这可包括在其缩小时被插入到显示画面中的标题和页号。在另一示例中，可使用图像、阴影或不同的颜色来区别项目或项目组。

在另一方面，如上所述，在缩小以显示更多内容时，可以在检测到与滚动柄的定向正交的滚动柄拖动时创建区别区域。在一个实施例中，区别区域可包括显示画面中的阴影或不同着色的框，该框覆盖显示画面中的视框的一部分。在该实施例中，视框中被阴影框覆盖的部分对应于视框中的将在该位置释放滚动柄拖动时显示的内容。在该方面，如果缩放功能被配置成在朝着显示画面的中心拖动滚动柄时缩放到该内容以显示更多细节，则可以不激活该显示框功能。

图13是显示画面中所使用的视框1310的示例性区别区域1304的图示1300。在该示例中，阴影框覆盖显示画面1302中的视框1310的一部分。例如，当视框1310被缩小以查看更多内容时，视框1310的大小和形状缩放以适应其内容，并且阴影框1304的大小和形状成比例地缩放。在该示例中，如果已经与滚动柄1308的定向正交地拖动滚动柄1308的用户释放滚动柄1308，则显示画面1306放大至阴影框1304的内容，由此显示被阴影框1304覆盖的视框区域1310。

在另一方面，为了促进用户在用户界面(UI)元素中定位内容的一部分的能力，可显示视框的区别区域(例如，阴影框)内部的内容。例如，如上所述，当用户与滚动条中的滚动柄的定向正交地拖动滚动柄时，可以在视框中的将在用户在该位置释放滚动柄的情况下显示的那部分上创建诸如阴影框等区别区域。在该示例中，可以在视框后的可滚动显示区域中显示阴影框所覆盖的视框中的内容。以此方式，用户能够标识他们期望查看的内容在视框中的位置。

图14是显示视框1406中被区别区域1404覆盖的内容1408的示例性显示画面1402的图示1400。在该示例中，阴影框1404区别视框1406中的包含UI元素内容的区域。然而，例如，视框1406的内容已被缩小，并且用户可能无法区别文本。在该示例中，显示画面1402示出可以在视框1406的该位置处的阴影框1404内部找到的内容1408的视图。以此方式，例如，用户能够在缩小的视框1406上移动阴影框1404以超找他们希望查看的内容1408。

可以构想用于利用用于缩放和平摇可滚动区域的滚动条来对显示画面中的可滚动区域进行多缩放比例查看的系统。图12是示出用于显示画面中的可滚动区域的多缩放比例查看的示例性系统1200的组件框图。在该实施例中，示例性系统1200包括输入设备事件检测器1208，该检测器可被配置成检测结合显示画面1202中的可滚动区域的诸如与光标1252相关联的输入设备1250相关动作。作为示例，计算机上的用户界面(UI)通常将鼠标用作输入设备1250，以便使用光标1252来与UI元素中的控件和其他显示项目交互。在一个实施例中，输入设备事件检测器1208例如可以是可以检测鼠标移动、动作(例如，鼠标点击)以及与UI元素控件的交互的鼠标事件监视器。

此外，在该实施例中，示例性系统1200包括可被配置成重新缩放以适应UI内容缩放的可缩放视框1210。可缩放视框1210可包括显示画面1202的可滚动区域的内容(例如，可以显示在UI元素的可滚动区域中的项目)，并且可被显示在显示画面1202的可滚动区域中。例如，在一个实施例中，当可滚动显示区域1202被缩放到普通视图(例如，默认或用户定制的视图，由此显示画面中的内容出于其想要的目的而是可区别的)时，视框1210可以包括显示画面1202的可查看区域的范围。同样，在该实施例中，当视框1210的内容缩小成包括更多内容时，视框1210被配置成在大小和形状方面进行缩放以适应该内容的缩小视图。

另外，在该实施例中，示例性系统1200包括视框缩放器1212，该视框缩放器可以在操作上耦合到输入设备事件检测器1208，并且可被配置成按照输入设备1250将滚动柄1206拖离滚动柄1206的定向的正交距离来重新缩放可缩放视框1210。作为示例，视框缩放器1212可以从事件检测器1208接收滚动柄拖动距离数据，以便确定如何重新缩放可缩放视框1210。

在该实施例中，视框缩放器1212包括缩小功能1214，该缩小功能可被配置成通过在朝着显示画面1202的中心拖动滚动柄1206的情况下缩小以便在视框1210中显示更多内容，来重新缩放可缩放视框1210。此外，在该实施例中，视框缩放器1212包括放大功能1216，该放大功能可被配置成通过在滚动柄1206被拖离显示画面1202的中心的情况下放大以便在视框1210中显示更多内容细节，来重新缩放可缩放视框1210。作为示例，如果用户使用鼠标1250来在滚动柄1206上移动光标1252，按下滚动柄1206并将其拖离滚动条1204，则视框1210的大小和形状可以缩放以容纳更多UI元素内容，作为内容被缩小的视图。此外，在该示例中，如果用户然后朝着滚动条1204拖动鼠标1250，则可以重新缩放视框1210以适应更多内容细节的视图。

示例性系统1200还包括新显示框生成器1218，该新显示框生成器可被配置成显示画面1202中的与显示画面1202的其余部分区别开来的区别区域1224，该区别区域1224对应于视框1210中的将在该输入设备1250(例如，鼠标光标)位置处释放被拖动的滚动柄1206时显示的内容区域。例如，在一个实施例中，当缩放视框1210以适应经缩放的内容视图时，新显示框生成器1218可创建对应于视框1210中的将以普通视图显示的内容的区别区域1224，诸如阴影框，如上所述。在该实施例中，区别区域的位置可以按照例如输入设备的光标1252的位置，因为事件检测器1208可将输入设备位置信息发送到显示框生成器1218以允许适当地放置显示框1224。

示例性系统1200还包括显示框缩放器1220，该显示框缩放器1220可被配置成按照显示画面1202的可滚动区域中的视框内容的缩放级别来重新缩放区别区域1224，并且可对应于视框1210中的将在输入设备1250位置处释放被拖动的滚动柄1206时显示的内容区域。例如，在一个实施例中，由于视框1210在大小和形状方面缩放以适应UI元素中的内容的缩放视图，因此显示框缩放器1220可缩放显示框1224的大小和形状，以使得该显示框对应于视框1210中的将以普通视图显示的内容，如上所述。在该实施例中，视框缩放器1212可向显示框缩放器1220发送标识视框1210的缩放比例和缩放级别的数据。此外，在该实施例中，例如，事件检测器1208可将输入设备位置信息发送到显示框缩放器1220以允许适当地放置显示框1224。

示例性系统1200还包括显示区域调整器1222，该显示区域调整器可以在操作上耦合到输入设备事件检测器1208，并且可被配置成在检测到释放滚动柄1206时改变显示区域1202以对应视框1210的区别区域1224中的内容。作为示例，当用户释放滚动柄1206(例如，释放鼠标按钮)时，事件检测器1208可将滚动柄1206已被释放的信息传递至显示区域调整器1222。在该示例中，在接收到释放信息时，显示区域调整器1222可将显示区域1202缩放至视框1210中的被包括在区别区域1224中的内容。以此方式，用户可通过在例如他们的所选位置处释放滚动柄来选择他们希望以普通缩放比例查看的内容。

在一个实施例中，该示例性系统可包括语义缩放器，该语义缩放器可被配置成操纵视框中的内容视图以便于可视地区别内容。在该实施例中，语义缩放器可以在检测到视框重新缩放以缩小时激活。作为示例，当视框中的内容视图缩小时，它可能变得无法区别。在该示例中，对应于内容中的索引点的索引指针可被插入在视框中的对应于索引点的位置。以此方式，例如，用户能够辨别内容中的位置，即使内容本身难以分辨。

在另一实施例中，该示例性系统可包括被配置成在视框后显示区别区域中的内容的显示区域。在该实施例中，区别区域的内容能够在视框后在所述显示区域中以普通缩放视图显示。以此方式，例如，如果用户正在项目列表中滚动和缩放，则虽然该视框被缩小至无法区别内容的程度，但可以在显示画面中的视框后示出该列表的内容。在该示例中，即使在视框被缩小至难以区别视框中的内容的程度时，用户也可以更容易地定位视框中的内容。

再一实施例涉及包括被配置成实现此处所呈现的技术中的一种或多种的处理器可执行指令的计算机可读介质。可以用这些方式设计的一种示例性计算机可读介质在图16中示出，其中实现1600包括其上编码有计算机可读数据1606的计算机可读介质1608(例如，CD-R、DVD-R、或硬盘驱动器的盘片)。该计算机可读数据1606又包括被配置成根据此处阐述的原理中的一个或多个来操作的一组计算机指令1604。在一个这样的实施例1600中，处理器可执行指令1604可被配置成执行一种方法1602，诸如例如，图3的示例性方法300。在另一个这样的实施例中，处理器可执行指令1604可被配置成实现一种系统，诸如例如，图12的示例性系统1200。本领域普通技术人员可以设计可被配置成根据此处描述的技术操作的许多这样的计算机可读介质。

尽管用结构特征和/或方法动作专用的语言描述了本主题，但可以理解，所附权利要求书中定义的主题不必限于上述具体特征或动作。相反，上述具体特征和动作是作为实现权利要求的示例形式公开的。

如在本申请中所使用的，术语“组件”、“模块”、“系统”、“接口”等一般旨在表示计算机相关的实体，其可以是硬件、硬件和软件的组合、软件、或者执行中的软件。例如，组件可以是，但不限于是，在处理器上运行的进程、处理器、对象、可执行码、执行的线程、程序和/或计算机。作为说明，运行在控制器上的应用程序和控制器都可以是组件。一个或多个组件可以驻留在进程和/或执行的线程中，并且组件可以位于一个计算机内和/或分布在两个或更多计算机之间。

此外，所要求保护的主题可以使用用于产生控制计算机以实现所公开的主题的软件、固件、硬件或其任意组合的标准编程和/或工程技术来实现为方法、装置或制品。在此使用的术语“制品”旨在涵盖可以从任何计算机可读设备、载体或介质访问的计算机程序。当然，本领域的技术人员将会认识到，可在不背离所要求保护的主题的范围或精神的情况下对此配置进行许多修改。

图17和以下讨论提供用于实现本文阐述的原理中的一个或多个的实施例的合适的计算环境的简要概括描述。图17的操作环境只是合适的操作环境的一个示例，并不旨在对该操作环境的使用范围或功能提出任何局限。示例计算设备包括但不限于个人计算机、服务器计算机、手持式或膝上型设备、移动设备(如移动电话、个人数字助理(PDA)、媒体播放器等)、多处理器系统、消费电子产品、微型计算机、大型计算机、包括上述系统或设备中的任何一个的分布式计算环境，等等。

尽管并非必需，但各实施例在由一个或多个计算设备执行的“计算机可读指令”的一般上下文中描述。计算机可读指令可通过计算机可读介质来分发(在以下讨论)。计算机可读指令可被实现为执行特定任务或实现特定抽象数据类型的程序模块，如函数、对象、应用程序编程接口(API)、数据结构等等。通常，计算机可读指令的功能可按需在各个环境中组合或分布。

图17示出了包括被配置成实现此处所提供的一个或多个实施例的计算设备1712的系统1700的示例。在一种配置中，计算设备1712包括至少一个处理单元1716和存储器1718。取决于计算设备的确切配置和类型，存储器1718可以是易失性的(如RAM)、非易失性的(如ROM、闪存等)或是两者的某种组合。该配置在图17中由虚线1714来示出。

在其他实施例中，设备1712可以包括附加特征和/或功能。例如，设备1712还可以包括附加存储(例如，可移动和/或不可移动)，其中包括但不限于磁存储、光存储等等。这样的附加存储在图17中由存储1720示出。在一个实施例中，用于实现此处所提供的一个或多个实施例的计算机可读指令可以在存储1720中。存储1720还可以存储实现操作系统、应用程序等的其他计算机可读指令。可以在存储器1718中加载计算机可读指令以便由例如处理单元1716来执行。

此处所使用的术语“计算机可读介质”包括计算机存储介质。计算机存储介质包括以用于存储诸如计算机可读指令或其他数据等信息的任何方法或技术来实现的易失性和非易失性、可移动和不可移动介质。存储器1718和存储1720都是计算机存储介质的示例。计算机存储介质包括但不限于，RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光存储、磁带盒、磁带、磁盘存储或其他磁存储设备、或者可用于存储所需信息并且可由设备1712访问的任何其他介质。任何这样的计算机存储介质都可以是设备1712的一部分。

设备1712还可包括允许该设备1712与其他设备进行通信的通信连接1726。通信连接1726可包括但不限于，调制解调器、网络接口卡(NIC)、集成网络接口、射频发射机/接收机、红外线端口、USB连接、或用于将计算设备1712连接到其他计算设备的其他接口。通信连接1726可以包括有线连接或无线连接。通信连接1726可以发送和/或接收通信媒体。

术语“计算机可读介质”可以包括通信介质。通信介质通常以诸如载波或其他传输机制等“已调制数据信号”来体现计算机可读指令或其他数据，并包括任何信息传送介质。术语“已调制数据信号”可以包括以对信号中的信息进行编码的方式设置或改变其一个或多个特征的信号。

设备1712可包括输入设备1724，诸如键盘、鼠标、笔、语音输入设备、触摸输入设备、红外照相机、视频输入设备和/或任何其他输入设备。设备1712中还可包括输出设备1722，诸如一个或多个显示器、扬声器、打印机和/或任何其他输出设备。输入设备1724和输出设备1722可以通过有线连接、无线连接或其任何组合来连接到设备1712。在一个实施例中，来自另一计算设备的输入设备或输出设备可用作计算设备1712的输入设备1724或输出设备1722。

计算设备1712的组件可以通过诸如总线等各种互连来连接。这些互连可包括诸如PCI Express等外围部件互连(PCI)、通用串行总线(USB)、火线(IEEE 1394)、光学总线结构等。在另一实施例中，计算设备1712的组件可以通过网络互连。例如，存储器1718可由位于通过网络互连的不同物理位置的多个物理存储器单元组成。

本领域技术人员会认识到，用于存储计算机可读指令的存储设备可分布在网络上。例如，可以通过网络1728访问的计算设备1730可以存储实现此处所提供的一个或多个实施例的计算机可读指令。计算设备1712可以访问计算设备1730并下载部分或全部计算机可读指令来执行。或者，计算设备1712可以按需下载计算机可读指令的片断，或者某些指令可以在计算设备1712处执行而某些则在计算设备1730处执行。

此处提供了各实施例的各种操作。在一个实施例中，所描述的操作中的一个或多个可以组成储存在一个或多个计算机可读介质上的计算机可读指令，这些指令如果被计算设备执行则使得计算设备执行所描述的操作。描述一些或全部操作的顺序不应被解释为暗示了这些操作必须要依赖于顺序。从本说明书获益的本领域技术人员应理解替换的排序。此外，应该理解并非所有的操作都必须存在于此处所提供的每一实施例中。

此外，在此使用词语“示例性”意指用作示例、实例或说明。在此被描述为“示例性”的任何方面或设计并不一定被解释为比其他方面或设计有利。相反，使用词语示例性旨在以具体的方式呈现各个概念。如本申请中所使用的，术语“或”意指包括性“或”而非互斥性“或”。即，除非另有指定或从上下文可以清楚，否则“X使用A或B”意指任何自然的包括性排列。即，如果X使用A；X使用B；或X使用A和B两者，则在任何以上情况下，都满足“X使用A或B”。另外，本申请中和所附权利要求书中所使用的冠词“一”和“一个”一般可被解释为是指“一个或多个”，除非另有指定或从上下文可以清楚指的是单数形式。

同样，虽然参考一个或多个实现示出并描述了本发明，但本领域技术人员基于对本说明书和附图的阅读和理解可以想到各种等效替换和修改。本发明包括所有这些修改和替换并且只由所附权利要求书来限定。特别地，对于由上述组件(例如，元素、资源等)执行的各种功能，除非另外指明，否则用于描述这些组件的术语旨在对应于执行所描述的执行此处在本发明的示例性实现中所示的功能的组件的指定功能(例如，功能上等效)的任何组件，即使这些组件在结构上不等效于所公开的结构。另外，尽管可相对于若干实现中的仅一个实现来公开本发明的一个特定特征，但是这一特征可以如对任何给定或特定应用所需且有利地与其他实现的一个或多个其他特征相组合。此外，就在说明书或权利要求书中使用术语“包含”、“具有”、“含有”和“带有”及其变体而言，这些术语旨在以与术语“包括”相似的方式为包含性的。