CN104238902A - 堆栈式标签视图 - Google Patents

堆栈式标签视图 Download PDF

Info

Publication number
CN104238902A
CN104238902A CN201410205844.XA CN201410205844A CN104238902A CN 104238902 A CN104238902 A CN 104238902A CN 201410205844 A CN201410205844 A CN 201410205844A CN 104238902 A CN104238902 A CN 104238902A
Authority
CN
China
Prior art keywords
contents panel
panel
snapshot
contents
content
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201410205844.XA
Other languages
English (en)
Other versions
CN104238902B (zh
Inventor
C·G·卡鲁纳姆尼
I·M·亨德森
P·拉塞尔·奈特
A·德奥利亚
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Apple Inc
Original Assignee
Apple Computer Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Apple Computer Inc filed Critical Apple Computer Inc
Publication of CN104238902A publication Critical patent/CN104238902A/zh
Application granted granted Critical
Publication of CN104238902B publication Critical patent/CN104238902B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/134—Hyperlinking

Abstract

本公开描述了堆栈式标签视图。计算设备能够在web浏览器窗口中显示多个内容窗格。每个内容窗格能够对应于不同的网站。在于三维视图中将内容窗格定位为一个在另一个前面的情况下，可以在视觉堆栈中布置内容窗格。在三维视图中，内容窗格之间的距离能够显示为分隔内容窗格。每个内容窗格能够显示网站内容的快照图像。可以使用内容窗格替代用于在网页之间导航的标签。

Description

堆栈式标签视图
相关申请的交叉引用
本申请要求2013年6月9日提交的美国临时专利申请61/832,915的优先权，在此通过引用将其完整内容并入本文。
技术领域
本公开整体涉及图形用户界面项目。
背景技术
web浏览器能够实现标签式图形用户界面(GUI)。实现标签式GUI的浏览器可允许用户在单个浏览器窗口中打开多个网页。浏览器能够并排显示多个标签，通常在浏览器窗口顶部处或顶部附近。每个标签能够对应于不同的网页。在浏览器接收用户对标签的选择时，浏览器窗口(通常在标签下方)的窗格能够显示对应的网页。用户能够通过点击不同标签在网页之间切换。
发明内容
本公开描述了堆栈式标签视图。计算设备能够在web浏览器窗口中显示多个内容窗格。每个内容窗格能够对应于不同的网站。可以在视觉堆栈中布置内容窗格，其中在三维视图中将内容窗格定位为一个在另一个前面。在三维视图中，内容窗格之间的距离能够显示为分隔内容窗格。每个内容窗格能够显示网站内容的快照图像。可以使用内容窗格替代用于在网页之间导航的标签。
计算设备能够在接收选择与网页对应的内容窗格的用户选择时以全屏模式显示网页内容。此外，计算设备能够在接收用户输入时对内容窗格排序。响应于将内容窗格从原始位置移动到新位置的用户输入，计算设备能够在动画运动中移动该内容窗格，其中，如果另一内容窗格挡在原始位置和新位置之间，则该另一内容窗格响应于移动的内容窗格的运动而躲避。
可以实现本说明书中描述的特征以获得一个或多个优点。例如，与常规标签控制相比，实现堆栈式标签视图的计算设备能够在一个显示屏中提供多个网页的预览。预览能够帮助用户选择用户希望访问的网站。重新布置内容窗格时提供的平滑动画比常规标签控制能够更逼真且直观。
在附图和以下说明书中阐述了堆栈式标签视图的一个或多个具体实施的细节。根据说明书、附图及权利要求，堆栈式标签视图的其他特征、方面和优点将显而易见。
附图说明
图1是示出示例性堆栈式标签视图的图示。
图2A和图2B是示出堆栈式标签视图中内容窗格重新布置位置的示例性动画的图示。
图2C和图2D是示出堆栈式标签视图的Rolodex状操作的示例性动画的图示。
图3A是示出关闭内容窗格的示例性操作的图示。
图3B是示出从堆栈式标签视图选择时网格模式中的示例性内容窗格的图示。
图3C是示出从堆栈式标签视图选择时列表模式中的示例性内容窗格的图示。
图3D是示出堆栈式标签视图中内容窗格的示例性快照操作的图示。
图4是示出计算设备的示例性堆栈式标签视图子系统的部件的图示。
图5A-图5C是堆栈式标签视图示例性程序的流程图。
图6是示出实现图1-图5的特征和操作的计算设备的示例性设备构造的框图。
图7是实现图1-图5的特征和操作的计算设备的示例性网络操作环境的框图。
图8A-8C是示出实现图1-5的特征和操作的示例性计算设备的框图。
各附图中类似的附图标号表示类似的元件。
具体实施方式
示例性堆栈式标签视图
图1是示出示例性堆栈式标签视图的图示。可以由计算设备102实现堆栈式标签视图的特征和操作。计算设备102可以是固定设备(如云计算服务器)或移动设备(如平板型计算机、智能电话或可佩戴计算设备)。计算设备102可以包括或耦合到显示表面106(如触敏显示屏)。计算设备102能够执行计算机程序(如web浏览器)，在显示表面106上显示内容。
计算设备102能够在显示表面106上显示内容窗格110、112、114和116。内容窗格110、112、114和116中的每一个可以是与同一或不同网页对应的视区。内容窗格110、112、114和116中的每一个可以包括对应网页内容的快照(如图像)。可以将内容窗格110、112、114和116布置成三维视觉堆栈。例如，内容窗格110、112、114和116中的每一个能够呈现成从基面(如可见或不可见的底板)直立。Z轴上的距离(如距离118)能够将内容窗格112、114、116中的每一个与另一个内容窗格分开。内容窗格112、114、116中的每一个可以被其前面的内容窗格(如显得更靠近用户)部分遮蔽。利用图1中的虚线示出了内容窗格112、114、116的被遮蔽部分。
计算设备102能够接收选择内容窗格112、114、116之一的选择输入(如触摸输入)。在接收选择输入时，计算设备102能够以全屏模式显示与所选内容窗格对应的网页内容。以全屏模式显示内容可包括在显示表面106的整个区域上渲染内容，以及任选的一个或多个控制项目(如包括控制项目的导航工具栏，用于在网页之间导航)和/或一个或多个装饰性项目。
计算设备102能够接收位置手势输入120，用于向前移动内容窗格112。位置手势输入120可以是向前的手势，在触笔或手指触摸内容窗格112的未遮蔽部分的情况下，在触摸内容窗格112的未遮蔽部分的同时，向显示表面106的底部边缘滑动，向用户呈现出来。作为响应，计算设备102可向前(如向用户)移动内容窗格112和位于内容窗格112后面的内容窗格114和116。在各个具体实施中，内容窗格112、114和116之间的距离可增加，或者，此外可供选择的，在内容窗格116后面可以出现新的内容窗格。在确定向前手势已达到阈值(如阈值距离或阈值速度)时，计算设备102能够增加距离，添加新的内容窗格或两者兼之。
位置手势输入120能够移动内容窗格110前面的内容窗格112。计算设备102能够确定位置手势输入120在触摸显示表面106的同时向下滑到内容窗格110上方的位置，并且然后释放内容窗格112。作为响应，计算设备102能够在动画122中在内容窗格110前面定位内容窗格112。
动画122能够使内容窗格110显示为闪避在内容窗格112下方并重新出现在内容窗格112后面。计算设备102能够以动画方式显示闪避。在一些具体实施中，计算设备102能够使内容窗格110向显示表面106底部边缘移动，直到内容窗格110显得位置低于内容窗格112、114和116所处的可见或不可见底板为止。在一些具体实施中，计算设备102能够减小内容窗格110的高度，使得内容窗格110显得更短，直到内容窗格达到高度阈值。在一些具体实施中，计算设备102能够改变内容窗格110的显示透视，使得内容窗格110显示为从直立位置变成躺下位置。
在闪避动画之前、期间或之后，计算设备102能够使内容窗格112向前移动例如到原来由内容窗格110占据的位置。计算设备102然后能够使内容窗格110向上移动到内容窗格112后面，直到内容窗格110处在原来由内容窗格112占据的位置。动画122中的移动能够包括保持内容窗格112的比例，或改变内容窗格112的比例(如通过减小高度)。
计算设备102能够接收位置手势输入124，用于向后移动内容窗格112。位置手势输入124可以是向后的手势，在触笔或手指触摸内容窗格112的未遮蔽部分的情况下，并且在触摸内容窗格112的未遮蔽部分的同时，向显示表面106的顶部边缘滑动，出现在远离用户的方向上。作为响应，计算设备102能够向后(如远离用户)移动内容窗格112和位于内容窗格112后面的内容窗格114和116。在各种具体实施中，内容窗格112、114和116之间的距离可减小，或者，此外或可供选择的，最后的内容窗格(在本实例中为内容窗格116)会消失。在确定向后手势达到阈值(如阈值距离或阈值速度)时，计算设备102可减小距离，移除内容窗格116或两者兼之。
位置手势输入124能够将内容窗格112移动到内容窗格114后面。计算设备102能够确定位置手势输入124在触摸内容窗格112的同时向上滑动到内容窗格114上方的位置，然后释放内容窗格112。作为响应，计算设备102能够在动画中将内容窗格112定位在内容窗格114后面。
动画能够使内容窗格114显示为闪避在内容窗格112下方并重新出现在内容窗格112前面。计算设备102能够以动画方式显示闪避。在一些具体实施中，计算设备102能够使内容窗格114向显示表面106底部边缘移动，直到内容窗格114显得位置低于内容窗格110、112和116所处的可见或不可见底板为止。在一些具体实施中，计算设备102能够减小内容窗格114的高度，使得内容窗格110显得更短，直到内容窗格达到高度阈值。在一些具体实施中，计算设备102能够改变内容窗格114的显示角透视，使得内容窗格114显示为从直立位置变成躺下位置。
在闪避动画之前、期间或之后，计算设备102能够使内容窗格112向后移动例如到原来由内容窗格114占据的位置。计算设备102然后能够使内容窗格114向上移动到内容窗格112前面，直到内容窗格114处在原来由内容窗格112占据的位置。
计算设备102能够接收添加窗格输入。添加窗格输入能够包括将所有内容窗格110、112、114和116向后移动(如远离用户)超过阈值距离的输入。新内容窗格能够出现在内容窗格110前面。在一些具体实施中，添加窗格输入可包括通过触摸添加窗格虚拟按钮128的用户输入。响应于确定用户触摸了添加窗格虚拟按钮128，计算设备102能够使内容窗格110、112、114和116向后移动以为新内容窗格留出空间。计算设备102能够在原来被内容窗格110占据的位置显示新内容窗格。
计算设备102能够响应于倾斜输入132调节内容窗格110、112、114和116的位置、显示透视或两者，以模拟视差效果。倾斜输入132能够使显示表面106倾斜，使得显示表面106的一个边缘(如左边缘或下边缘)和观察者(如保持显示表面106的用户)之间的距离与相对边缘(如分别是右边缘或顶部边缘)和观察者之间的距离不同。计算设备102能够使用耦合到计算设备102的运动传感器(如加速器或陀螺仪或两者)检测倾斜输入132。作为响应，计算设备102能够调节内容窗格110、112、114和116中的每一个的位置或取向以模拟倾斜的三维视觉效果(如视差效果)。
例如，在一些具体实施中，在确定显示表面向左倾斜时，在显示表面106左边缘和观察者之间的距离大于显示表面106右边缘和用户之间的距离的情况下，计算设备102能够移动内容窗格110、112、114和116的相对位置。计算设备102能够水平地移动内容窗格110、112、114和116的一个或多个，每个距离是基于倾斜角度以及内容窗格和观察者之间的相应距离确定的。内容窗格110、112、114和116的一个或多个的移动可以具有相对较前位置的内容窗格相对向左移动，并且相对较后位置的内容窗格相对向右移动的视觉效果。
在一些具体实施中，在确定显示表面向左倾斜时，计算设备102能够改变内容窗格110、112、114和116中的每一个的取向，使得内容窗格110、112、114和116中的每一个显示为以对应于倾斜角度的角度面向右方。
图2A和图2B是示出堆栈式标签视图中内容窗格重新布置位置的示例性动画的图示。图2A可以对应于图1的动画122。图2A显示了从显示表面106右侧看到的动画122的概念视图。指向观察者的Z轴示出了内容窗格110、112、114和116之间的分层空间关系。
可以将内容窗格110、112、114和116布置成并行堆栈，其中内容窗格110、112、114和116中的每一个都平行于另一个。在一些具体实施中，可以将内容窗格110、112、114和116布置成Rolodex堆栈，其中内容窗格110、112、114和116中的每一个均显示为向上或向下指向可见或不可见的水平轴201。水平轴201可以低于显示表面106的底部边缘。在一些具体实施中，内容窗格110、112、114可以显示为均在底部边缘附着于滚筒202。在显示表面106中可以将滚筒202显示为底板。在一些具体实施中，滚筒202可以不可见，并由内容窗格110、112、114和116的显示透视限定。
在动画122中(在选择内容窗格112以与内容窗格110交换位置的情况下)，计算设备102能够在运动204中向显示表面106的底部边缘向下移动内容窗格110。在运动204之后，内容窗格110能够出现在位置110b，该位置可以是处于内容窗格110原始位置(如在Z轴上更接近用户)前面的位置处的仰卧(如内容朝上)位置或俯卧(如内容朝下)位置。在一些具体实施中，运动204可以是沿运动204中所示箭头表示的路径的滑移运动。在滑移运动中，内容窗格110的顶部边缘能够向下移动，内容窗格110的底部边缘能够向观察者移动，直到内容窗格110显得处于水平仰卧位置为止。在一些具体实施中，运动204可以是翻转运动。在翻转运动中，内容窗格110的底部边缘能够保持不变，内容窗格110的顶部边缘能够向观察者移动，直到内容窗格110显得处于水平俯卧位置为止。
计算设备102然后能够在运动206中向前移动内容窗格112到达原来由内容窗格110占据的位置。计算设备102能够在运动208中将内容窗格110从位置110b移动到原来由内容窗格112占据的位置。如果位置110b为仰卧位置，运动208可以是沿运动208中所示箭头表示的路径的滑移运动。在滑移运动中，内容窗格110的顶部边缘(显示110b的线的最右点)能够向上移动，内容窗格110的底部边缘(显示110b的线的最左点)能够向后移动(如向图2A中的右方，与Z轴所示方向相反)，直到内容窗格110直立于所述位置占据原来由内容窗格112占据的位置为止。如果位置110b为俯卧位置，运动208可以是翻转运动。
图2B示出了用于将内容窗格112移动到内容窗格114后面的动画的右侧视图。在动画中，计算设备102能够在运动210中向下移动内容窗格114。在运动210之后，内容窗格114能够出现在位置114b。
计算设备102然后能够在运动214中向后移动内容窗格112到达原来由内容窗格114占据的位置。计算设备102能够在运动216中将内容窗格114从位置114b移动到原来由内容窗格114占据的位置。运动210和运动216中的每一个都可以是滑移运动或翻转运动。
图2C和图2D是示出堆栈式标签视图Rolodex状操作的示例性动画的图示。图2C示出了从显示表面106右侧看到的示例性旋转运动。在接收旋转手势，例如滑过多个内容窗格的手势时，计算设备102能够使内容窗格110、112、114和116围绕水平轴201旋转(220)。例如，计算设备102能够接收从显示表面106底部边缘处或接近底部边缘处的位置，跨越所有内容窗格110、112、114和116，到达显示表面106顶部边缘处或接近顶部边缘的位置的向上移动的手势，具有明显的从前向后移动的轨线。作为响应，计算设备102能够导致旋转(220)运动。
图2D示出了添加新内容窗格的示例性操作。在一些具体实施中，计算设备102能够确定旋转220导致内容窗格110、112、114和116向后(如远离Z轴上的观察者)移动足以放置新内容窗格222以在显示表面106上显示的阈值距离。作为响应，计算设备102能够在原来由最前面内容窗格(如内容窗格110)占据的位置处显示内容窗格222。
在一些具体实施中，计算设备102能够接收新内容窗格输入(如通过新窗格按钮128)。作为响应，计算设备102能够向后移动内容窗格110、112、114和116(如远离观察者)，直到在内容窗格110前面生成足够大空间以容纳新的内容窗格222。计算设备102能够在内容窗格110前面的空间中添加新的内容窗格222。
新的内容窗格222能够对应于一个初始不和特定网页相关联的新显示区。下文参考图3B和图3C描述新内容窗格222中显示的项目细节。作为另外一种选择，新内容窗格222能够包括内容页的快照。内容页可以是先前打开但因为预先指定的对堆栈式标签视图中同时显示的内容窗格数的限制而未显示于堆栈式标签视图中的网页。
计算设备102能够确定，在旋转220之后，内容窗格116移动到不可见的位置(如低于虚拟底板或完全被其他内容窗格遮蔽)。此外或可供选择的，计算设备102能够确定，由于添加了新内容窗格222，如果包括内容窗格116，位于距观察者最远处的内容窗格总数是否超过预先指定的极限。作为响应，计算设备102能够将内容窗格116指定为不活动的，并且从堆栈式标签视图中的显示移除内容窗格116。计算设备102能够在接收到向前旋转内容窗格222、110、112和114的输入时，重新激活内容窗格116并显示内容窗格116。
图3A是示出关闭内容窗格的示例性操作的图示。计算设备102能够接收删除手势输入302。删除手势输入302能够包括在显示表面106上触摸于内容窗格112的未遮蔽部分。删除手势输入302能够包括在触摸内容窗格112未遮蔽部分的同时向侧面滑动运动(如向显示表面106的左边缘或右边缘)。计算设备102能够使内容窗格112循着滑动运动的方向移动。计算设备102能够确定向侧面滑动的距离已满足删除阈值。作为响应，计算设备102能够从堆栈式标签视图移除内容窗格112。
在移除内容窗格112时，计算设备102能够向前移动原来在内容窗格112后面的内容窗格114和116，以占据原来由内容窗格112占据的位置。可供选择的或此外，在移除内容窗格112时，计算设备102能够向后移动原来在内容窗格112前面的内容窗格110，以占据原来由内容窗格112占据的位置。
图3B是示出从堆栈式标签视图选择时网格模式中的示例性内容窗格的图示。示例性内容窗格可以是图2的新内容窗格222。
新内容窗格222可以是与网页不关联的新窗口。在接收选择输入时，在新内容窗格222中的内容占据显示表面106而不是堆栈标签视图的情况下，新内容窗格222能够进入全屏显示模式。新内容窗格222能够包括输入框308，输入框308被配置成接收针对网站的统一资源定位符(URL)的文本输入。
新内容窗格222能够包括网格视图区域310。网格视图区域310是新内容窗格222的一部分，有或者没有边界，被配置成在网格布局中显示图像。网格布局能够包括X列和Y行。图像能够包括示例性图像312、314和316。图像312、314和316能够对应于一组指向网站的链接或存储于文件夹或书签文件中的远程文档。图像312、314和316中的每一个都能够对应于文件夹或书签文件中的链接之一。
计算设备102能够基于其相应的内容源确定图像312、314和316。计算设备102能够检索被指定为代表性图像的图像(如用于标识网站或网页的收藏夹图标)。例如，计算设备102能够从第一网站检索收藏夹图标。计算设备102能够确定检索的收藏夹图标满足尺寸阈值(如至少与M×N个像素一样大)。作为响应，计算设备102能够将检索的收藏夹图标尺寸调节(如放大或减小)到匹配网格的预定尺寸，并且在网格视图区域310中将调节的收藏夹图标显示为图像312。在接收选择图像312的用户输入时，计算设备102能够提供第一网站的内容以在显示表面106上显示。
计算设备102能够从第二网站检索代表性图像。计算设备102能够确定检索的图像未能满足尺寸阈值。作为响应，计算设备102能够确定所检索图像的主要颜色。计算设备102能够基于所检索图像的最多的非白色像素的颜色或基于非白色像素的平均颜色，确定主要颜色。计算设备102能够基于主要颜色生成图像314。生成图像314能够包括基于主要颜色、为网格指定的尺寸和图像315确定图像。图像315可以是由计算设备102提供的，具有与主要颜色形成对比的颜色的图像。在接收选择图像314的用户输入时，计算设备102能够提供第二网站的内容以在显示表面106上显示。
计算设备102能够确定第三网站未提供代表性图像。作为响应，计算设备102能够确定图像316，图像316可以是默认图像。计算设备102然后能够提供图像316以在网格视图区域310中显示。在接收选择图像316的用户输入时，计算设备102能够提供第三网站的内容以在显示表面106上显示。
图3C是示出从堆栈式标签视图选择时列表模式中的示例性内容窗格的图示。内容窗格可以是内容窗格110、112、114、116或222。
计算设备102能够显示保存在计算设备102或远程服务器上的内容项的列表。列表可以包括内容项，例如本地或远程保存的文章或网页。可以基于用户在设备上(如在计算设备102和第二计算设备上)查看的内容项，从多个设备自动汇总列表。
计算设备102能够确定图像320、322和324，每个图像都对应于相应的文章或网站，用于在列表中显示。确定图像320、322和324中的每一个均可以包括从相应文章或网站识别代表性图像。识别代表性图像可以包括确定网站的收藏夹图标、确定文章或网站中的最大图像，或确定包括人脸的图像。确定图像320、322和324中的每一个均可以包括修剪所识别的代表性图像或重新设定所识别的代表性图像的尺寸。
图3D是示出堆栈式标签视图中内容窗格的示例性快照操作的图示。内容窗格可以是内容窗格110、112、114、116或222。
计算设备102能够接收导航输入325。导航输入325可以是显示第一内容页326的显示表面106上的滑动手势输入。第一内容页326可以是包括第一页内容327的网页。计算设备102能够基于内容尺寸和用户滚动历史确定在显示第一内容页326时导航工具栏328具有减小的高度330。在具有减小的高度330的导航工具栏328中，计算设备102能够显示网页标题并隐藏一个或多个工具项目(如配置成接收用户键入的URL的导航框)。
在接收导航输入325时，计算设备102能够在动画中循着滑动手势输入的方向(如向右)从显示表面106中移出第一内容页326。计算设备102能够利用第二内容页的快照332填充由第一内容页326留下的空间。快照332能够包括内容项333。计算设备102能够在确定用户离开第二内容页时创建第二内容页的快照332。例如，在接收导航输入325时，计算设备102能够生成第一内容页326的快照，并且在确定用户正在导航回第一内容页326时存储所生成的快照以便将来显示。每个内容窗格均可以与多个快照相关联。例如，图3D的示例性内容窗格可以与快照332和第一内容页326的快照相关联。
可以在导航工具栏328具有完整高度334时拍摄快照332。计算设备能够基于用户在第二内容页上的浏览动作(如在用户向上滚动到第二内容页顶部时)以完整高度334显示导航工具栏328。在滑动手势输入处于位置336(如接近显示表面106的垂直中心)时，导航工具栏328的第一部分(如右侧)能够具有减小的高度330，并且导航工具栏328的第二部分(如左侧)能够具有完整的高度334。在第一内容页326完全从显示表面106中移出之前，计算设备能够提供显示占位符338以占据未被快照332覆盖的空间。该空间可以具有高度，该高度是减小的高度330和完整高度334之间的差值。该空间的宽度，该宽度可以是显示表面106左边缘和位置336之间的距离。计算设备102能够在导航工具栏328和快照332之间定位占位符338。
计算设备102能够基于第二网页的内容确定占位符338中的内容。例如，计算设备102能够确定第二网页的背景颜色，并且指定背景颜色作为占位符338的颜色。在确定满足渲染条件时(如在确定已经完全从显示表面106移出第一内容页326时)，计算设备102能够利用在导航工具栏328具有减小的高度时隐藏的完整高度导航工具栏328的用户界面项目替换占位符338的内容。用户界面项目可以是配置成接收用户键入的URL的导航框。
在利用第二内容页的快照332填充空间时，计算设备102能够从提供第二内容页的网站下载内容。在确定已经满足替换条件时，计算设备102能够移除快照332，并且渲染下载的内容以用于显示。下载的内容能够匹配快照332或与快照332不同。例如，下载的内容可以包括内容项340，其能够对应于快照332的内容项333，但位于与内容项333位置不同的位置。在覆盖在下载内容上的快照332逐渐变得透明的情况下，移除快照332能够包括交叉褪色快照332，以显示下载的内容，直到快照332消失。
替换条件能够包括一个或多个规则，下面提供了其实例。在一些具体实施中，计算设备102能够在确定下载持续时间达到或超过超时阈值(如X秒)时确定满足替换条件。
在一些具体实施中，计算设备102能够在确定下载的内容量满足尺寸阈值时确定满足替换条件。计算设备102能够基于下载的对象数量确定下载内容的量。计算设备102能够将下载的对象数量与渲染树的尺寸进行比较，该尺寸可以在拍摄快照332时确定。渲染树的尺寸可以包括用于渲染第二内容页的对象数量。计算设备102能够在确定下载的对象数量超过渲染树尺寸百分之X时确定下载内容的量满足尺寸阈值。
在一些具体实施中，计算设备102能够基于来自提供第二内容页的网站的信息或指令在确定未进行下载时确定满足替换条件。作为响应，计算设备102能够转向先前查看的内容页而不是从网站下载内容。计算设备102能够在暂停期间(如X毫秒)之后移除快照332。
在一些具体实施中，计算设备102能够在确定下载的内容不会匹配快照时确定满足替换条件。例如，计算设备102能够确定下载内容的根对象与快照332相关联的渲染树中的根对象不匹配。
示例性设备部件
图4是示出计算设备102的示例性堆栈式标签视图子系统402的部件的图示。标签视图子系统402中的每一个部件均可包括硬件和软件部件。
子系统402可以包括内容处理子系统404。内容处理子系统404可以包括一个或多个处理器，所述处理器被配置成执行显示堆栈式标签视图的应用程序(如web浏览器)。内容处理子系统404可以包括内容窗格管理器406。内容窗格管理器406是内容处理子系统404的部件，被配置成生成内容窗格(如内容窗格110、112、114、116和222)的堆栈式视图，并且管理内容窗格的运动和动画。
内容处理子系统404可以包括页面图像管理器408。页面图像管理器408是内容处理子系统404中的部件，被配置成确定内容页的代表性图像(如图像312、314、316、320、322和324)。
内容处理子系统404可以包括快照管理器410。快照管理器410是内容处理子系统404中的部件，被配置成生成内容页的快照(如快照332)并且管理与多个内容窗格相关联的快照。
内容处理子系统404可以包括显示接口412。显示接口412是内容处理子系统404中的部件，被配置成与显示表面106交互，包括从显示表面106接收输入(如触摸输入或手势输入)并向内容窗格管理器406、页面图像管理器408或快照管理器410提供输入。显示接口412能够提供由内容窗格管理器406、页面图像管理器408和快照管理器410生成的内容以在显示表面106上显示。
子系统402能够包括通信子系统424。通信子系统424是子系统402的部件，包括天线、无线处理器(如基带处理器、Wi-FiTM处理器或BluetoothTM处理器)以及软件或固件，软件或固件使无线处理器执行从一个或多个网站下载内容的操作并向内容窗格管理器406、页面图像管理器408或快照管理器410提供内容。
示例性程序
图5A是非侵入式区域通知的示例性程序500的流程图。可以由计算设备102执行程序500。
计算设备102能够提供(502)前内容窗格(如内容窗格110)和后内容窗格(如内容窗格112)以在显示表面(如显示表面106)上显示。前内容窗格和后内容窗格中的每一个均可以是网页或网页的快照。快照能够包括网页的图像。前内容窗格可以显示为位于后内容窗格的前面并且部分地遮蔽后内容窗格。深度维度上的距离能够显示为将前内容窗格和后内容窗格分开。
在一些具体实施中，前内容窗格和后内容窗格可以布置成具有如下外观：前内容窗格的垂直边缘和后内容窗格的垂直边缘指向前内容窗格和后内容窗格下方的水平轴(如水平轴201)。水平轴可以是显示表面上显示的可见轴或前内容窗格和后内容窗格的显示透视限定的不可见轴，如图2A-图2D所示。计算设备102能够接收回推手势输入，其触摸前内容窗格或后内容窗格的至少一个并向上滑动。作为响应，计算设备102能够以动画方式显示前内容窗格和后内容窗格绕水平轴的旋转(如旋转220)，包括减小前内容窗格和后内容窗格的尺寸，以及改变前内容窗格和后内容窗格的显示透视以具有远离观察者移动的外观。
计算设备102能够接收(504)位置手势输入(如位置手势输入120)，其触摸后内容窗格中未被前内容窗格遮蔽的部分并滑动到显示为位于前内容窗格的前面的位置。
响应于位置手势输入，计算设备102能够在动画运动中交换(506)前内容窗格和后内容窗格的位置。在动画运动中，前内容窗格能够显示为向显示表面的底部边缘移动。后内容窗格能够显示为向前移动以占据原来由前内容窗格占据的位置。前内容窗格能够显示为在后内容窗格后面向上移动以占据原来由后内容窗格占据的位置。
在一些具体实施中，在阶段506中交换位置之后，计算设备102能够接收(508)触摸后内容窗格的第二位置手势输入(如位置手势输入124)，在交换之后，后内容窗格显示为位于前内容窗格的前面。第二位置手势能够滑动到显示为位于前内容窗格(现在在后面)后面的位置。
响应于第二位置手势输入，计算设备102能够在第二动画运动中将后内容窗格移动(510)到前内容窗格后面。在第二动画运动中，前内容窗格能够显示为向显示表面的底部边缘移动。后内容窗格能够显示为向后移动以占据原来由后内容窗格占据的位置。然后，前内容窗格能够显示为在后内容窗格的前面向上移动以占据原来由前内容窗格占据的位置。
在一些具体实施中，计算设备102能够接收删除手势输入(如删除手势输入302)。删除手势输入能够触摸前内容窗格或后内容窗格的一部分并向侧面滑动。作为响应，计算设备102能够在动画中从显示移除被触摸的内容窗格。在动画中，被触摸的内容窗格能够根据删除手势输入的滑动方向从显示表面滑离。
在一些具体实施中，计算设备102能够接收新内容窗格输入，用于向显示表面中的显示添加新内容窗格。作为响应，计算设备102能够在动画中在前内容窗格和后内容窗格两者前面添加新内容窗格。
在一些具体实施中，设备102能够接收倾斜输入(如倾斜输入132)，将显示表面倾斜到显示表面的第一垂直边缘与观察者之间的距离大于显示表面的第二垂直边缘到观察者之间的距离的位置。作为响应，计算设备能够改变前内容窗格的外观平面和后内容窗格的外观平面以模拟倾斜的三维效果。该变化能够包括角度变化或偏移变化。
图5B是示出以网格模式显示内容窗格的示例性程序520的流程图。可以由计算设备102执行程序520。
计算设备102能够接收(522)请求以填充内容窗格。该请求能够包括用于创建新内容窗格(如新内容窗格222)的用户输入或用于访问书签页的用户输入。
计算设备102能够从内容储存库检索(524)指向网站的一个或多个链接的集合。内容储存库可以是本地存储于计算设备102上或远程来自计算设备102的文件夹。内容储存库可以是书签页或阅读列表。
计算设备102能够确定(526)一个或多个图像。每个图像能够对应于集合中的一个网站链接。确定每个图像可以包括，在确定由对应网站提供的代表性图像满足尺寸阈值时，将代表性图像指定为对应于该网站的图像。确定每个图像可以包括，在确定代表性图像不满足尺寸阈值时，基于代表性图像生成图像，并且将所生成的图像指定为对应于该网站的图像。生成图像(如图像314)可以包括基于代表性图像确定主要颜色，以及基于主要颜色生成对应于网站的图像。
计算设备102能够响应于请求提供(528)一个或多幅图像，用于在内容窗格中以网格模式(如在网格视图区域310中)或列表模式(例如，如图3C中所示)显示。
图5C是示出管理快照的程序540的流程图。可以由计算设备102执行程序540。
响应于用于从第一内容页导航到第二内容页的导航输入(如导航输入325)，计算设备102能够识别(542)第二内容页的快照(如快照332)。快照能够包括第二内容页的并与提供第二内容页的网站关联的图像。
计算设备102能够确定(544)与第一内容页相关联的工具栏(如导航工具栏328)具有第一尺寸(如减小的高度330)，其小于与快照相关联的工具栏的第二尺寸(如完整高度334)。
计算设备102能够基于第一尺寸和第二尺寸之间的差值以及与第二内容页相关联的背景颜色确定(546)占位符(如占位符338)。
计算设备102能够响应于导航输入，从第一内容页导航到第二内容页，在动画中提供(548)占位符以与快照相关联地显示。计算设备102能够在完成动画时利用工具栏的内容项替换(550)占位符。
在一些具体实施中，计算设备102能够确定多个快照。每个快照可以与提供网页的网站相关联。每个网站能够与具有多个内容窗格的web浏览器的一个内容窗格相关联。例如，内容窗格110、112、114、116和222每个均可以与导航期间生成的多个快照相关联。
计算设备102能够从计算设备102的操作系统或从应用程序接收信号。信号能够指示存储器使用压力的水平(如中等、高或临界)。作为响应，计算设备102能够基于存储器使用压力水平移除一个或多个快照。
例如，在确定信号指示中等的存储器使用压力水平时，计算设备102能够贯穿被指定为不活动的内容窗格(如当前未以全屏模式显示的内容窗格)进行迭代。在迭代中，计算设备102能够移除与不活动的内容窗格相关联的一个或多个快照。在确定信号指示高的存储器使用压力水平时，计算设备102能够移除与不活动的内容窗格相关联的一个或多个快照以及与活动内容窗格(如当前以全屏模式显示的内容窗格)相关联的一个或多个快照，所述当前快照、下一快照和上一快照除外。当前快照可以是当前在内容窗格中显示的内容页的图像。下一快照页可在从当前显示网页沿第一方向(如向当前显示网页的右侧)导航时获得。上一快照页可在从当前显示网页沿第二方向(如向当前显示网页的左侧)导航时获得。在确定信号指示临界的存储器使用压力水平时，计算设备102能够移除所有快照。
示例性设备构造
图6是示出实现图1-图5的特征和操作的计算设备102的示例性设备构造600的框图。计算设备102可以是膝上型计算机、平板型计算机、智能电话或可佩戴计算设备(如智能手表)。计算设备102能够包括存储器接口602、一个或多个数据处理器、图像处理器和/或处理器604，以及外围设备接口606。存储器接口602、一个或多个处理器604和/或外围设备接口606可为独立部件，或者可集成到一个或多个集成电路中。处理器604可以包括一个或多个应用程序处理器和一个或多个无线处理器。计算设备102中的各部件例如可由一条或多条通信总线或信号线耦合。
可将传感器、设备和子系统耦合到外围设备接口606以方便多个功能。例如，可将运动传感器610、光传感器612以及接近传感器614耦合到外围设备接口606以方便移动设备的取向、照明和接近功能。可将位置处理器615(如GPS接收器)连接到外围设备接口606以提供地理定位。也可将电子磁力仪616(如集成电路芯片)连接到外围设备接口606以提供可用于确定磁北方向的数据。因而，电子磁力仪616可用作电子罗盘。运动传感器610能够包括被配置成确定移动设备运动速度和方向变化的一个或多个加速计。气压计617能够包括连接到外围设备接口606并被配置成测量围绕移动设备的大气压力的一个或多个设备。
可利用照相机子系统620和光学传感器622(如电荷耦合设备(CCD)或互补金属氧化物半导体(CMOS)光学传感器)来方便照相机功能，例如拍摄照片和视频剪辑。
可通过一个或多个无线通信子系统624来方便通信功能，所述无线通信子系统可包括射频接收器与发射器和/或光学(如红外)接收器与发射器。通信子系统624的具体设计与实现可取决于移动设备打算通过其操作的通信网络。例如，移动设备可包括设计用于通过GSM网络、GPRS网络、EDGE网络、Wi-FiTM或WiMaxTM网络以及BluetoothTM网络操作的通信子系统624。具体地讲，无线通信子系统624可包括主机协议使得移动设备可被配置为其他无线设备的基站。
可将音频子系统626耦合到扬声器628和麦克风630以方便启用语音的功能，例如语音识别、语音复制、数字记录和电话功能。音频子系统626可以被配置为从用户接收语音命令。
I/O子系统640能够包括触摸表面控制器642和/或其他输入控制器644。可以将触摸表面控制器642耦合到触摸表面646或垫片。触摸表面646和触摸表面控制器642例如能够利用多种触敏技术中的任一个检测接触和运动或其中断，触敏技术包括但不限于电容性、电阻性、红外和表面声波技术，以及用于确定与接触表面646接触的一个或多个点的其他接近传感器阵列或其他元件。触摸表面646能够包括例如触摸屏。
可将其他输入控制器644耦合到其他输入/控制设备648，例如一个或多个按钮、摇臂开关、拇指滚轮、红外端口、USB端口和/或指针设备(如触笔)。所述一个或多个按钮(未示出)可包括用于扬声器628和/或麦克风630的音量控制的增大/减小按钮。
在一个具体实施中，将按钮按下第一持续时间可以解开触摸表面646的锁定；并且将按钮按下比第一持续时间更长的第二持续时间可以打开或关闭计算设备102的电源。用户能够对一个或多个按钮的功能进行自定义。例如，也可以使用触摸表面646实现虚拟或软按钮和/或键盘。
在一些具体实施中，计算设备102能够呈现记录的音频和/或视频文件，例如MP3、AAC和MPEG文件。在一些具体实施中，计算设备102能够包括MP3播放器的功能。计算设备102因此可以包括与iPod兼容的针脚连接器。也可使用其他输入/输出以及控制设备。
存储器接口602可以耦合到存储器650。存储器650可包括高速随机存取存储器和/或非易失性存储器，例如一个或多个磁盘存储设备、一个或多个光学存储设备，和/或闪存存储器(如NAND、NOR)。存储器650可存储操作系统652，例如Darwin、RTXC、LINUX、UNIX、OS X、WINDOWS、iOS或嵌入式操作系统(如VxWorks)。操作系统652可包括用于处理基础系统服务以及用于执行硬件相关任务的指令。在一些具体实施中，操作系统652可以包括内核(如UNIX内核)。
存储器650还可存储通信指令654，以方便与一个或多个附加设备、一个或多个计算机和/或一个或多个服务器通信。存储器650可以包括图形用户界面指令656，以方便图形用户界面处理；传感器处理指令658，以方便与传感器相关的处理和功能；电话指令660，以方便与电话相关的过程和功能；电子消息处理指令662，以方便与电子消息相关的过程和功能；web浏览指令664，以方便与网络浏览相关的过程和功能；媒体处理指令666，以方便与媒体处理相关的过程和功能；GPS/导航指令668，以方便与GPS和导航相关的过程和指令；照相机指令670，以方便与照相机相关的过程和功能；磁力仪数据672和校准指令674，以方便磁力仪校准。存储器650还可存储其他软件指令(未示出)，例如安全指令、用于方便与网络视频相关的过程和功能的网络视频指令，和/或用于方便与网上购物相关的过程和功能的网上购物指令。在一些具体实施中，媒体处理指令666分为音频处理指令和视频处理指令，分别用于方便与音频处理相关的过程和功能以及与视频处理相关的过程和功能。还可将启动记录和国际移动设备识别码(IMEI)或类似硬件标识符存储在存储器650中。
存储器650能够存储浏览器管理指令676。浏览器管理指令能够包括内容窗格管理指令，在被执行时，使处理器604执行内容窗格管理器406的操作，包括执行程序500。浏览器管理指令676能够包括页面图像管理指令，在被执行时，使处理器604执行页面图像管理器408的操作，包括执行程序520。浏览器管理指令676能够包括快照管理指令，在被执行时，使处理器604执行快照管理器410的操作，包括执行程序540。
上面标识的指令和应用程序中的每一者均可与用于执行上述一个或多个功能的指令集相对应。这些指令不需要作为独立的软件程序、进程或模块来执行。存储器650可包括附加的指令或更少的指令。此外，可在硬件和/或软件中，包括在一个或多个信号处理和/或专用集成电路中，执行移动设备的各种功能。
示例性操作环境
图7是实现图1-图5的特征和操作的计算设备的示例性网络操作环境700的框图。移动设备702a和702b中的每一个可以是计算设备102。移动设备702a和702b可例如在数据通信中通过一个或多个有线和/或无线网络710通信。例如，无线网络712(如蜂窝网络)可通过利用网关716与广域网(WAN)714(如互联网)通信。同样，接入设备718(如802.11g无线接入点)可提供对广域网714的通信接入。
在一些具体实施中，可以通过无线网络712和接入设备718建立语音和数据通信。例如，移动设备702a能够拨打和接收电话呼叫(如使用互联网语音协议(VoIP))，发送和接收电子邮件消息(如使用邮局协议3(POP3))，以及通过无线网络712、网关716和广域网714检索电子文档和/或流，例如网页、照片和视频(如使用传输控制协议/互联网协议(TCP/IP)或用户数据报协议(UDP))。同样，在一些具体实施中，移动设备702b可通过接入设备718及广域网714来拨打和接收电话呼叫、发送和接收电子邮件消息以及检索电子文档。在一些具体实施中，移动设备702a或702b可使用一条或多条电缆物理地连接到接入设备718，并且接入设备718可为个人计算机。在此配置中，移动设备702a或702b可被称为“受限”设备。
移动设备702a和702b也可以通过其他方式建立通信。例如，无线移动设备702a能够通过无线网络712与其他无线设备，例如其他移动设备、蜂窝电话等通信。同样，移动设备702a和702b可通过使用一个或多个通信子系统(如BluetoothTM通信设备)建立对等通信720，例如个人局域网。也可实现其他通信协议和拓扑结构。
移动设备702a和702b可例如通过一个或多个有线和/或无线网络与一个或多个服务730和740通信。例如，第一内容服务730能够为第一内容页326服务。第二内容服务740能够向移动设备702a和702b为第二内容页服务，基于第二内容页，移动设备702a和702b能够生成快照332。
移动设备702a或702b还可通过一个或多个有线和/或无线网络访问其他数据和内容。例如，移动设备702a或702b可访问内容发布者，诸如新闻站点、真正简单联合(RSS)供稿、网站、博客、社交网站、开发者网络等等。通过响应于用户触摸(如网络对象)而对网络浏览功能或应用程序(如浏览器)的调用，可提供这种访问。
图8A是示出根据实施例的实现图1-5的特征和操作的计算设备的例子的框图。计算设备的块可通过硬件、软件、或硬件和软件的组合来实现以执行本发明的原理。本领域的技术人员应理解，图8A中描述的块可以结合或分为子块，以执行上文所述的本发明的原理。因此，本文的描述可支持本文所述的块的任何可能的组合或分离、或进一步的定义。
如图8A所示，包括一个或多个处理器的计算设备802包括显示表面805、耦合到显示表面805的显示接口812、和耦合到显示接口812的内容窗格管理器806。例如，计算设备802可为图1中的计算设备102。例如，显示表面805可为图1中的显示表面106。显示表面812被配置成提供前内容窗格和后内容窗格以在显示表面805上显示。前内容窗格显示为位于后内容窗格的前面并且部分地遮蔽后内容窗格，其中深度维度上的距离显示为分隔前内容窗格和后内容窗格。显示接口812还被配置成接收位置手势输入，其触摸后内容窗格的未被前内容窗格遮蔽的一部分，并且滑动到显示为位于前内容窗格的前面的位置。内容窗格管理器806被配置成响应于显示接口812接收到位置手势输入在动画运动中交换前内容窗格和后内容窗格的位置。在动画运动中，前内容窗格显示为向显示表面805的底部边缘移动，并且后内容窗格显示为向前移动以占据原来由前内容窗格占据的位置，然后，前内容窗格显示为向上移动到后内容窗格的后面以占据原来由后内容窗格占据的位置。
本领域的技术人员应当注意，显示接口812和内容窗格管理器806可以多种方式来实现。例如，显示接口812和内容窗格管理器806可通过由指令配置处理器来实现。例如，指令可存储于ROM中，并且在计算设备启动时从ROM读取至可编程器件，以便实现显示接口812和内容窗格管理器806。又如，显示接口812和内容窗格管理器806可固化在专用设备中。
根据另一个实施例，显示接口812还被配置成在交换位置之后接收触摸后内容窗格的第二位置手势输入，在交换之后，所述后内容窗格显示为位于前内容窗格的前面，其中第二位置手势滑动到显示为位于前内容窗格后面的位置。内容窗格管理器还被配置成响应于显示接口812接收到第二位置手势输入在第二动画运动中将后内容窗格移动到前内容窗格的后面，其中在第二动画运动中，前内容窗格显示为向显示表面805的底部边缘移动，后内容窗格显示为向后移动以占据原来由后内容窗格占据的位置，然后，前内容窗格显示为向上移动到后内容窗格的前面以占据原来由前内容窗格占据的位置。
根据另一个实施例，前内容窗格和后内容窗格中的每一个均是网页或网页快照，该快照为网页的图像。
根据另一个实施例，显示接口812还被配置成接收删除手势输入。删除手势输入触摸前内容窗格或后内容窗格的一部分并且向侧面滑动。内容窗格管理器806还被配置成响应于显示接口812接收到删除手势输入在动画中从显示移除被触摸的内容窗格，其中根据删除手势输入的滑动方向，被触摸的内容窗格从显示表面805滑离。
根据另一个实施例，前内容窗格和后内容窗格被布置成具有如下外观：前内容窗格的垂直边缘和后内容窗格的垂直边缘指向前内容窗格和后内容窗格下方的水平轴，其中该水平轴为显示于显示表面805上的可见轴或由前内容窗格和后内容窗格的显示透视限定的不可见轴。
根据另一个实施例，显示接口812还被配置成接收回推手势输入，其触摸前内容窗格和后内容窗格中的至少一个并且向上滑动。内容窗格管理器806还被配置成响应于显示接口812接收到回推手势输入以动画方式显示前内容窗格和后内容窗格围绕水平轴的旋转，包括减小前内容窗格和后内容窗格的尺寸，以及改变前内容窗格和后内容窗格的显示透视以具有远离观察者移动的外观。
根据另一个实施例，显示接口812还被配置成接收新内容窗格输入，以用于向显示表面805中的显示添加新内容窗格。内容窗格管理器806还被配置成响应于显示接口812接收到新内容窗格输入在动画中在前内容窗格和后内容窗格两者的前面添加新内容窗格。
根据另一个实施例，显示接口812还被配置成接收倾斜输入，所述倾斜输入将显示表面805倾斜到如下位置：在该位置处，显示表面805的第一垂直边缘和观察者之间的距离大于显示表面805的第二垂直边缘到观察者之间的距离。内容窗格管理器806还被配置成响应于显示接口812接收到倾斜输入改变前内容窗格的外观平面和后内容窗格的外观平面，以模拟倾斜的三维视觉效果。
图8B是示出根据实施例的实现图1-5的特征和操作的计算设备的例子的框图。计算设备的块可通过硬件、软件、或硬件和软件的组合来实现以执行本发明的原理。本领域的技术人员应理解，图8B中描述的块可以结合或分为子块，以执行上文所述的本发明的原理。因此，本文的描述可支持本文所述的块的任何可能的组合或分离、或进一步的定义。
根据另一个实施例，包括一个或多个处理器的计算设备802包括内容储存库814、显示表面805、耦合到显示表面805的显示接口812，以及耦合到显示接口812和内容储存库814的页面图像管理器808。例如，计算设备802可为图1中的计算设备102。例如，显示表面805可为图1中的显示表面106。显示接口812被配置成接收请求以填充内容窗格。页面图像管理器808被配置成从内容储存库814检索指向网站的一个或多个链接的集合。页面图像管理器808还被配置成确定一个或多个图像，每个图像对应于集合中的一个网站链接。显示接口812还被配置成响应于所述请求提供一个或多个图像，以用于在内容窗格中以网格模式或列表模式进行显示。
本领域的技术人员应当注意，内容储存库814、显示接口812和页面图像管理器808可以多种方式来实现。例如，内容储存库814、显示接口812和页面图像管理器808可通过由指令配置的处理器来实现。例如，指令可存储于ROM中，并且在计算设备启动时从ROM读取至可编程器件，以便实现内容储存库814、显示接口812和页面图像管理器808。又如，内容储存库814、显示接口812和页面图像管理器808可固化在专用设备中。
根据另一个实施例，所述请求包括用于创建新内容窗格的用户输入或用于访问书签页的用户输入。
根据另一个实施例，页面图像管理器808还被配置成通过如下操作确定每个图像：在确定由对应网站提供的代表性图像满足尺寸阈值时，将代表性图像指定为对应于网站的图像；或者在确定代表性图像不满足尺寸阈值时，基于代表性图像生成图像，并且将所生成的图像指定为对应于网站的图像。
根据另一个实施例，页面图像管理器808还被配置成通过如下操作生成图像：基于代表性图像确定主要颜色；以及基于主要颜色生成对应于网站的图像。
图8C是示出根据实施例的实现图1-5的特征和操作的计算设备的例子的框图。计算设备的块可通过硬件、软件、或硬件和软件的组合来实现以执行本发明的原理。本领域的技术人员应理解，图8C中描述的块可以结合或分为子块，以执行上文所述的本发明的原理。因此，本文的描述可支持本文所述的块的任何可能的组合或分离、或进一步的定义。
根据一个实施例，包括一个或多个处理器的计算设备802包括显示表面805、耦合到显示表面805的显示接口812、耦合到显示接口812的快照管理器810、耦合到显示接口812的工具栏管理器816，以及耦合到显示接口812的占位符管理器818。例如，计算设备802可为图1中的计算设备102。例如，显示表面805可为图1中的显示表面106。显示接口812被配置成接收从第一内容页导航到第二内容页的导航输入。快照管理器810被配置成响应于导航输入识别第二内容页的快照，所述快照包括第二内容页的图像并与提供所述第二内容页的网站相关联。工具栏管理器816被配置成确定与第一内容页相关联的工具栏具有第一尺寸，所述第一尺寸小于与所述快照相关联的工具栏的第二尺寸。占位符管理器818被配置成：基于第一尺寸和第二尺寸之间的差值以及与第二内容页相关联的背景颜色确定占位符；响应于所述导航输入，在从第一内容页导航到第二内容页的动画中提供所述占位符以与所述快照相关联地显示；以及在完成所述动画时利用所述工具栏的内容项替换所述占位符。
本领域的技术人员应当注意，显示接口812、快照管理器810、工具栏管理器816和占位符管理器818可以多种方式来实现。例如，显示接口812、快照管理器810、工具栏管理器816和占位符管理器818可通过由指令配置处理器来实现。例如，指令可存储于ROM中，并在计算设备启动时从ROM读取至可编程器件，以便实现显示接口812、快照管理器810、工具栏管理器816和占位符管理器818。作为另外一个例子，显示接口812、快照管理器810、工具栏管理器816和占位符管理器818可固化在专用设备中。
根据另一个实施例，第一内容页和第二内容页中的每一者均是由web浏览器显示的网页。
根据另一个实施例，快照管理器810还被配置为：确定多个快照，其中每个快照与提供网页的网站相关联，并且其中每个网站与具有多个内容窗格的web浏览器的一个内容窗格相关联；接收指示存储器使用压力水平的信号；以及作为响应，基于所述存储器使用压力水平移除一个或多个快照。
根据另一个实施例，快照管理器810还被配置为通过如下操作移除一个或多个快照：在确定所述信号指示中等的存储器使用压力水平时，贯穿被指定为不活动的内容窗格进行迭代，其包括移除与所述不活动的内容窗格相关联的一个或多个快照；以及在确定所述信号指示高的存储器使用压力水平时，移除与所述不活动的内容窗格相关联的一个或多个快照以及与活动内容窗格相关联的一个或多个快照，所述活动内容窗格的当前快照、下一快照和上一快照除外；或者在确定所述信号指示临界的存储器使用压力水平时，移除所有快照。当前快照是内容窗格中当前显示的网页的图像，下一快照是在从当前显示网页向左侧导航时可获得的网页的图像，并且上一快照是在从当前显示网页向右侧导航时可获得的网页的图像。
已描述了本发明的许多具体实施。然而，应当理解，在不脱离本发明的实质和范围的情况下可作出各种修改。

Claims (32)

1.一种方法，包括：
提供前内容窗格和后内容窗格以在显示表面上显示，所述前内容窗格显示为位于所述后内容窗格的前面并且部分地遮蔽所述后内容窗格，其中深度维度上的距离显示为分隔所述前内容窗格和所述后内容窗格；
接收位置手势输入，所述位置手势输入触摸所述后内容窗格的未被所述前内容窗格遮蔽的一部分，并滑动到显示为位于所述前内容窗格的前面的位置；以及
作为响应，在动画运动中交换所述前内容窗格和所述后内容窗格的位置，其中在所述动画运动中，所述前内容窗格显示为向所述显示表面的底部边缘移动，所述后内容窗格显示为向前移动以占据原来由所述前内容窗格占据的位置，然后，所述前内容窗格显示为向上移动到所述后内容窗格的后面以占据原来由所述后内容窗格占据的位置，
其中所述方法由包括一个或多个处理器的计算设备执行。
2.根据权利要求1所述的方法，在交换所述位置后，包括：
接收触摸所述后内容窗格的第二位置手势输入，在所述交换之后，所述后内容窗格显示为位于所述前内容窗格的前面，其中所述第二位置手势滑动到显示为位于所述前内容窗格的后面的位置；以及
作为响应，在第二动画运动中将所述后内容窗格移动到所述前内容窗格的后面，其中在所述第二动画运动中，所述前内容窗格显示为向所述显示表面的所述底部边缘移动，所述后内容窗格显示为向后移动以占据原来由所述后内容窗格占据的位置，然后，所述前内容窗格显示为向上移动到所述后内容窗格的前面以占据原来由所述前内容窗格占据的位置。
3.根据权利要求1所述的方法，其中：
所述前内容窗格和所述后内容窗格中的每一个均是网页或网页快照，所述快照是所述网页的图像。
4.根据权利要求1所述的方法，包括：
接收删除手势输入，所述删除手势输入触摸所述前内容窗格或所述后内容窗格的一部分并向侧面滑动；以及
作为响应，在动画中从显示移除被触摸的内容窗格，其中根据所述删除手势输入的滑动方向，所述被触摸的内容窗格从所述显示表面滑离。
5.根据权利要求1所述的方法，其中所述前内容窗格和所述后内容窗格被布置成具有如下外观：所述前内容窗格的垂直边缘和所述后内容窗格的垂直边缘指向所述前内容窗格和所述后内容窗格下方的水平轴，其中所述水平轴是显示于所述显示表面上的可见轴或由所述前内容窗格和所述后内容窗格的显示透视限定的不可见轴。
6.根据权利要求5所述的方法，包括：
接收回推手势输入，其触摸所述前内容窗格或所述后内容窗格中的至少一个并向上滑动；以及
作为响应，以动画方式显示所述前内容窗格和后内容窗格围绕所述水平轴的旋转，包括减小所述前内容窗格和所述后内容窗格的尺寸，以及改变所述前内容窗格和所述后内容窗格的显示透视以具有远离观察者移动的外观。
7.根据权利要求1所述的方法，包括：
接收新内容窗格输入，以用于向所述显示表面中的显示添加新内容窗格；以及
作为响应，在动画中在所述前内容窗格和所述后内容窗格两者的前面添加新内容窗格。
8.根据权利要求1所述的方法，包括：
接收倾斜输入，所述倾斜输入将所述显示表面倾斜到如下位置，在所述位置处，所述显示表面的第一垂直边缘和观察者之间的距离大于所述显示表面的第二垂直边缘到观察者之间的距离；以及
作为响应，改变所述前内容窗格的外观平面和所述后内容窗格的外观平面以模拟所述倾斜的三维视觉效果。
9.一种方法，包括：
由计算设备接收填充内容窗格的请求；
从内容储存库检索指向网站的一个或多个链接的集合；
确定一个或多个图像，每个图像对应于所述集合中的一个网站链接；以及
响应于所述请求提供所述一个或多个图像，以用于在所述内容窗格中以网格模式或列表模式进行显示，
其中所述方法由包括一个或多个处理器的计算设备执行。
10.根据权利要求9所述的方法，其中所述请求包括用于创建新内容窗格的用户输入或用于访问书签页的用户输入。
11.根据权利要求9所述的方法，其中确定每个图像包括如下之一：
在确定由对应网站提供的代表性图像满足尺寸阈值时，将所述代表性图像指定为对应于所述网站的图像；或
在确定所述代表性图像不满足所述尺寸阈值时，基于所述代表性图像生成所述图像，并且将所生成的图像指定为对应于所述网站的图像。
12.根据权利要求11所述的方法，其中生成所述图像包括：
基于所述代表性图像确定主要颜色；以及
基于所述主要颜色生成对应于所述网站的图像。
13.一种方法，包括：
响应于用于从第一内容页导航到第二内容页的导航输入，识别所述第二内容页的快照，所述快照包括所述第二内容页的图像并与提供所述第二内容页的网站相关联；
确定与所述第一内容页相关联的工具栏具有第一尺寸，所述第一尺寸小于与所述快照相关联的工具栏的第二尺寸；
基于如下内容确定占位符：
所述第一尺寸和所述第二尺寸之间的差值，以及
与所述第二内容页相关联的背景颜色；
响应于所述导航输入，在从所述第一内容页导航到所述第二内容页的动画中提供所述占位符以与所述快照相关联地显示；以及
在完成所述动画时利用所述工具栏的内容项替换所述占位符，
其中所述方法由包括一个或多个处理器的计算设备执行。
14.根据权利要求13所述的方法，其中所述第一内容页和所述第二内容页中的每一者均是由web浏览器显示的网页。
15.根据权利要求13所述的方法，包括：
确定多个快照，每个快照与提供网页的网站相关联，每个网站与具有多个内容窗格的web浏览器的一个内容窗格相关联；
接收指示存储器使用压力水平的信号；以及
作为响应，基于所述存储器使用压力水平移除一个或多个快照。
16.根据权利要求15所述的方法，其中移除所述一个或多个快照包括：
在确定所述信号指示中等的存储器使用压力水平时，贯穿被指定为不活动的内容窗格进行迭代，包括移除与所述不活动的内容窗格相关联的一个或多个快照；以及
在确定所述信号指示高的存储器使用压力水平时，移除与所述不活动的内容窗格相关联的一个或多个快照以及与活动内容窗格相关联的一个或多个快照，所述活动内容窗格的当前快照、下一快照和上一快照除外；或
在确定所述信号指示临界的存储器使用压力水平时，移除所有快照，
其中所述当前快照是所述内容窗格中当前显示的网页的图像，所述下一快照是在从所述当前显示网页向左侧导航时可获得的网页的图像，所述上一快照是在从所述当前显示网页向右侧导航时可获得的网页的图像。
17.一种包括一个或多个处理器的计算设备，包括：
显示表面；
耦合到所述显示表面的显示接口，所述显示接口被配置成提供前内容窗格和后内容窗格以在所述显示表面上显示，所述前内容窗格显示为位于所述后内容窗格的前面并且部分地遮蔽所述后内容窗格，其中深度维度上的距离显示为分隔所述前内容窗格和所述后内容窗格，其中所述显示接口还被配置成接收位置手势输入，所述位置手势输入触摸所述后内容窗格的未被所述前内容窗格遮蔽的一部分，并滑动到显示为位于所述前内容窗格的前面的位置；以及
耦合到所述显示接口的内容窗格管理器，所述内容窗格管理器被配置成响应于所述显示接口接收到所述位置手势输入，在动画运动中交换所述前内容窗格和所述后内容窗格的位置，其中在所述动画运动中，所述前内容窗格显示为向所述显示表面的底部边缘移动，所述后内容窗格显示为向前移动以占据原来由所述前内容窗格占据的位置，然后，所述前内容窗格显示为向上移动到所述后内容窗格的后面以占据原来由所述后内容窗格占据的位置。
18.根据权利要求17所述的计算设备，其中：
所述显示接口还被配置成在交换所述位置之后接收触摸所述后内容窗格的第二位置手势输入，在所述交换之后，所述后内容窗格显示为位于所述前内容窗格的前面，其中所述第二位置手势滑动到显示为位于所述前内容窗格后面的位置；并且
所述内容窗格管理器还被配置成响应于所述显示接口接收到所述第二位置手势输入，在第二动画运动中将所述后内容窗格移动到所述前内容窗格的后面，其中在所述第二动画运动中，所述前内容窗格显示为向所述显示表面的所述底部边缘移动，所述后内容窗格显示为向后移动以占据原来由所述后内容窗格占据的位置，然后，所述前内容窗格显示为向上移动到所述后内容窗格的前面以占据原来由所述前内容窗格占据的位置。
19.根据权利要求17所述的计算设备，其中：
所述前内容窗格和所述后内容窗格中的每一个均是网页或网页快照，所述快照是所述网页的图像。
20.根据权利要求17所述的计算设备，其中：
所述显示接口还被配置成接收删除手势输入，所述删除手势输入触摸所述前内容窗格或所述后内容窗格的一部分并向侧面滑动；并且
所述内容窗格管理器还被配置成响应于所述显示接口接收到删除手势输入，在动画中从显示移除被触摸的内容窗格，其中根据所述删除手势输入的滑动方向，所述被触摸的内容窗格从所述显示表面滑离。
21.根据权利要求17所述的计算设备，其中所述前内容窗格和所述后内容窗格被布置成具有如下外观：所述前内容窗格的垂直边缘和所述后内容窗格的垂直边缘指向所述前内容窗格和所述后内容窗格下方的水平轴，其中所述水平轴是显示于所述显示表面上的可见轴或由所述前内容窗格和所述后内容窗格的显示透视限定的不可见轴。
22.根据权利要求21所述的计算设备，其中：
所述显示接口还被配置成接收回推手势输入，所述回推手势输入触摸所述前内容窗格或所述后内容窗格中的至少一个并向上滑动；并且
所述内容窗格管理器还被配置成响应于所述显示接口接收到回推手势输入，以动画方式显示所述前内容窗格和后内容窗格围绕所述水平轴的旋转，包括减小所述前内容窗格和所述后内容窗格的尺寸，以及改变所述前内容窗格和所述后内容窗格的显示透视以具有远离观察者移动的外观。
23.根据权利要求17所述的计算设备，其中：
所述显示接口还被配置成接收新内容窗格输入，以用于向所述显示表面中的显示添加新内容窗格；并且
所述内容窗格管理器还被配置成响应于所述显示接口接收到新内容窗格输入，在动画中在所述前内容窗格和所述后内容窗格两者的前面添加新内容窗格。
24.根据权利要求17所述的计算设备，其中：
所述显示接口还被配置成接收倾斜输入，所述倾斜输入将所述显示表面倾斜到如下位置，在所述位置处，所述显示表面的第一垂直边缘和观察者之间的距离大于所述显示表面的第二垂直边缘到观察者之间的距离；并且
所述内容窗格管理器还被配置成响应于所述显示接口接收到倾斜输入，改变所述前内容窗格的外观平面和所述后内容窗格的外观平面以模拟所述倾斜的三维视觉效果。
25.一种包括一个或多个处理器的计算设备，其包括：
内容储存库；
显示表面；
耦合到所述显示表面的显示接口，所述显示接口被配置成接收填充内容窗格的请求；以及
耦合到所述显示接口和所述内容储存库的页面图像管理器，所述页面图像管理器被配置成从所述内容储存库检索指向网站的一个或多个链接的集合，
其中所述页面图像管理器还被配置成确定一个或多个图像，每个图像对应于所述集合中的一个网站链接，并且其中所述显示接口还被配置成响应于所述请求提供所述一个或多个图像，以用于在所述内容窗格中以网格模式或列表模式进行显示。
26.根据权利要求25所述的计算设备，其中所述请求包括用于创建新内容窗格的用户输入或用于访问书签页的用户输入。
27.根据权利要求25所述的计算设备，其中所述页面图像管理器还被配置成通过如下操作确定每个图像：
在确定由对应网站提供的代表性图像满足尺寸阈值时，将所述代表性图像指定为对应于所述网站的图像；或者
在确定所述代表性图像不满足所述尺寸阈值时，基于所述代表性图像生成所述图像，并且将所生成的图像指定为对应于所述网站的图像。
28.根据权利要求27所述的计算设备，其中所述页面图像管理器还被配置成通过如下操作生成所述图像：
基于所述代表性图像确定主要颜色；以及
基于所述主要颜色生成对应于所述网站的图像。
29.一种包括一个或多个处理器的计算设备，其包括：
显示表面；
耦合到所述显示表面的显示接口，所述显示接口被配置成接收用于从第一内容页导航到第二内容页的导航输入；
耦合到所述显示接口的快照管理器，所述快照管理器被配置成响应于所述导航输入识别所述第二内容页的快照，所述快照包括所述第二内容页的图像并且与提供所述第二内容页的网站相关联；
耦合到所述显示接口的工具栏管理器，所述工具栏管理器被配置成确定与所述第一内容页相关联的工具栏具有第一尺寸，所述第一尺寸小于与所述快照相关联的工具栏的第二尺寸；以及
耦合到所述显示接口的占位符管理器，所述占位符管理器被配置成：
基于如下内容确定占位符：
所述第一尺寸和所述第二尺寸之间的差值，以及
与所述第二内容页相关联的背景颜色，
响应于所述导航输入，在从所述第一内容页导航到所述第二内容页的动画中提供所述占位符以与所述快照相关联地显示，以及
在完成所述动画时利用所述工具栏的内容项替换所述占位符。
30.根据权利要求29所述的计算设备，其中所述第一内容页和所述第二内容页中的每一者均是由web浏览器显示的网页。
31.根据权利要求29所述的计算设备，其中所述快照管理器还被配置成：
确定多个快照，每个快照与提供网页的网站相关联，每个网站与具有多个内容窗格的web浏览器的一个内容窗格相关联；
接收指示存储器使用压力水平的信号；并且
作为响应，基于所述存储器使用压力水平移除一个或多个快照。
32.根据权利要求31所述的计算设备，其中所述快照管理器还被配置成通过如下操作移除所述一个或多个快照：
在确定所述信号指示中等的存储器使用压力水平时，贯穿被指定为不活动的内容窗格进行迭代，包括移除与所述不活动的内容窗格相关联的一个或多个快照；并且
在确定所述信号指示高的存储器使用压力水平时，移除与所述不活动的内容窗格相关联的一个或多个快照以及与活动内容窗格相关联的一个或多个快照，所述活动内容窗格的当前快照、下一快照和上一快照除外；或者
在确定所述信号指示临界的存储器使用压力水平时，移除所有快照，
其中所述当前快照是所述内容窗格中当前显示的网页的图像，所述下一快照是在从所述当前显示网页向左侧导航时可获得的网页的图像，所述上一快照是在从所述当前显示网页向右侧导航时可获得的网页的图像。
CN201410205844.XA 2013-06-09 2014-05-15 堆栈式标签视图 Active CN104238902B (zh)

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
US201361832915P 2013-06-09 2013-06-09
US61/832,915 2013-06-09
US14/198,099 US9804745B2 (en) 2013-06-09 2014-03-05 Reordering content panes in a stacked tab view
US14/198,099 2014-03-05

Publications (2)

Publication Number Publication Date
CN104238902A true CN104238902A (zh) 2014-12-24
CN104238902B CN104238902B (zh) 2017-12-01

Family

ID=50486771

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410205844.XA Active CN104238902B (zh) 2013-06-09 2014-05-15 堆栈式标签视图

Country Status (4)

Country Link
US (3) US9804745B2 (zh)
EP (2) EP2811385B1 (zh)
KR (2) KR101592312B1 (zh)
CN (1) CN104238902B (zh)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106227461A (zh) * 2016-09-06 2016-12-14 广东欧珀移动通信有限公司 一种窗口切换方法及装置
CN106372137A (zh) * 2016-08-26 2017-02-01 乐视控股（北京）有限公司 多窗口页面显示处理方法及装置
CN106445274A (zh) * 2016-08-26 2017-02-22 乐视控股（北京）有限公司 多窗口页面显示处理方法及装置
CN106502496A (zh) * 2016-10-19 2017-03-15 广东欧珀移动通信有限公司 一种窗口切换方法及装置
CN106528187A (zh) * 2015-09-09 2017-03-22 腾讯科技（深圳）有限公司 一种占位背景色确定方法及装置
CN106569679A (zh) * 2015-10-13 2017-04-19 阿里巴巴集团控股有限公司 一种对象展示方法和设备
CN106648339A (zh) * 2016-09-09 2017-05-10 广东欧珀移动通信有限公司 一种窗口切换方法及装置
CN108241633A (zh) * 2016-12-23 2018-07-03 百度在线网络技术（北京）有限公司 快速切换网页的方法和装置
CN108268294A (zh) * 2016-12-30 2018-07-10 腾讯科技（深圳）有限公司 页面切换方法和装置

Families Citing this family (35)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9568891B2 (en) 2013-08-15 2017-02-14 I.Am.Plus, Llc Multi-media wireless watch
US20150098309A1 (en) * 2013-08-15 2015-04-09 I.Am.Plus, Llc Multi-media wireless watch
JP6086851B2 (ja) * 2013-09-18 2017-03-01 株式会社ソニー・インタラクティブエンタテインメント 情報処理装置および情報処理方法
US9952756B2 (en) * 2014-01-17 2018-04-24 Intel Corporation Dynamic adjustment of a user interface
US20160004393A1 (en) * 2014-07-01 2016-01-07 Google Inc. Wearable device user interface control
JP5855196B1 (ja) * 2014-09-19 2016-02-09 ヤフー株式会社 情報表示装置、配信装置、情報表示方法および情報表示プログラム
KR102328823B1 (ko) * 2014-11-12 2021-11-19 삼성전자 주식회사 화면 내 빈 영역 활용 방법 및 장치
US20160259523A1 (en) * 2015-03-06 2016-09-08 Greg Watkins Web Comments with Animation
RU2637882C2 (ru) 2015-03-31 2017-12-07 Общество С Ограниченной Ответственностью "Яндекс" Способ управления отображением веб-ресурсов в браузерном окне, способ помещения вкладок в стек в браузерном окне, электронное устройство и сервер
JP6525820B2 (ja) * 2015-08-28 2019-06-05 キヤノン株式会社 電子機器およびその制御方法、撮像装置
RU2632131C2 (ru) 2015-08-28 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Способ и устройство для создания рекомендуемого списка содержимого
RU2632100C2 (ru) 2015-09-28 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Способ и сервер создания рекомендованного набора элементов
RU2629638C2 (ru) 2015-09-28 2017-08-30 Общество С Ограниченной Ответственностью "Яндекс" Способ и сервер создания рекомендуемого набора элементов для пользователя
RU2635065C2 (ru) * 2015-09-29 2017-11-08 Общество С Ограниченной Ответственностью "Яндекс" Способ (варианты) и электронное устройство (варианты) взаимодействия с элементом потока содержимого
FI127227B (en) * 2016-01-04 2018-01-31 Trimble Solutions Corp Control area as large as display area
US10216370B2 (en) 2016-03-29 2019-02-26 Microsoft Technology Licensing, Llc Tabs in system task switchers
RU2632144C1 (ru) 2016-05-12 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Компьютерный способ создания интерфейса рекомендации контента
WO2018000382A1 (zh) * 2016-06-30 2018-01-04 华为技术有限公司 一种查看应用程序的图形用户界面、方法及终端
RU2632132C1 (ru) 2016-07-07 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Способ и устройство для создания рекомендаций содержимого в системе рекомендаций
RU2636702C1 (ru) 2016-07-07 2017-11-27 Общество С Ограниченной Ответственностью "Яндекс" Способ и устройство для выбора сетевого ресурса в качестве источника содержимого для системы рекомендаций
USD882600S1 (en) 2017-01-13 2020-04-28 Yandex Europe Ag Display screen with graphical user interface
US11630877B1 (en) * 2017-01-24 2023-04-18 Snap Inc. Custom visual codes for network links
RU2720899C2 (ru) 2018-09-14 2020-05-14 Общество С Ограниченной Ответственностью "Яндекс" Способ и система для определения зависящих от пользователя пропорций содержимого для рекомендации
RU2714594C1 (ru) 2018-09-14 2020-02-18 Общество С Ограниченной Ответственностью "Яндекс" Способ и система определения параметра релевантность для элементов содержимого
RU2720952C2 (ru) 2018-09-14 2020-05-15 Общество С Ограниченной Ответственностью "Яндекс" Способ и система для создания рекомендации цифрового содержимого
CN109358932A (zh) * 2018-09-28 2019-02-19 上海七色猫网络科技有限公司 通用软件界面流程控制方法
RU2725659C2 (ru) 2018-10-08 2020-07-03 Общество С Ограниченной Ответственностью "Яндекс" Способ и система для оценивания данных о взаимодействиях пользователь-элемент
RU2731335C2 (ru) 2018-10-09 2020-09-01 Общество С Ограниченной Ответственностью "Яндекс" Способ и система для формирования рекомендаций цифрового контента
CN110262877B (zh) * 2019-04-30 2022-05-13 华为技术有限公司 一种卡片处理方法及设备
US11494209B2 (en) 2019-09-04 2022-11-08 Hiperwall, Inc. Multi-active browser application
RU2757406C1 (ru) 2019-09-09 2021-10-15 Общество С Ограниченной Ответственностью «Яндекс» Способ и система для обеспечения уровня сервиса при рекламе элемента контента
WO2022041162A1 (en) * 2020-08-29 2022-03-03 Citrix Systems, Inc. Mask including moveable window for viewing content
CN114363462B (zh) * 2020-09-30 2023-01-06 华为技术有限公司 一种界面显示方法、电子设备及计算机可读介质
CN114201713A (zh) * 2021-11-19 2022-03-18 北京字节跳动网络技术有限公司 一种页面跳转的方法、装置、计算机设备及存储介质
US20230314801A1 (en) * 2022-03-29 2023-10-05 Rovi Guides, Inc. Interaction methods and systems for a head-up display

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009266188A (ja) * 2008-03-31 2009-11-12 Yahoo Japan Corp 表示制御方法及びプログラム
US20120131495A1 (en) * 2010-11-23 2012-05-24 Apple Inc. Browsing and Interacting with Open Windows
CN102782633A (zh) * 2010-02-12 2012-11-14 微软公司 具有灵活的平行和正交移动的多层用户界面
US20130047080A1 (en) * 2011-08-15 2013-02-21 Google Inc. Carousel User Interface For Document Management
US8451246B1 (en) * 2012-05-11 2013-05-28 Google Inc. Swipe gesture classification

Family Cites Families (39)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6909443B1 (en) * 1999-04-06 2005-06-21 Microsoft Corporation Method and apparatus for providing a three-dimensional task gallery computer interface
US9047047B2 (en) * 2010-10-01 2015-06-02 Z124 Allowing multiple orientations in dual screen view
US8341541B2 (en) * 2005-01-18 2012-12-25 Microsoft Corporation System and method for visually browsing of open windows
US8683362B2 (en) * 2008-05-23 2014-03-25 Qualcomm Incorporated Card metaphor for activities in a computing device
US9842097B2 (en) * 2007-01-30 2017-12-12 Oracle International Corporation Browser extension for web form fill
US8392429B1 (en) * 2008-11-26 2013-03-05 Google Inc. Informational book query
US20110181521A1 (en) * 2010-01-26 2011-07-28 Apple Inc. Techniques for controlling z-ordering in a user interface
US8830225B1 (en) * 2010-03-25 2014-09-09 Amazon Technologies, Inc. Three-dimensional interface for content location
US10580051B2 (en) * 2010-05-18 2020-03-03 Google Llc Background element associated with an application installed in a browser application
CN103403644B (zh) * 2010-11-18 2016-10-05 谷歌公司 计算机的延迟关停
WO2012068520A2 (en) * 2010-11-18 2012-05-24 Google Inc. On-demand auto-fill
WO2012068551A1 (en) * 2010-11-18 2012-05-24 Google Inc. Surfacing off-screen visible objects
US9060320B1 (en) * 2010-11-18 2015-06-16 Google Inc. Identifying trapping access points
US9142193B2 (en) * 2011-03-17 2015-09-22 Intellitact Llc Linear progression based window management
KR101810884B1 (ko) * 2011-06-07 2017-12-20 삼성전자주식회사 디바이스에서 제스처를 이용한 웹브라우저 인터페이스 제공 장치 및 방법
US9213775B2 (en) * 2011-09-01 2015-12-15 Facebook. Inc. Domain-specific browser tab creation and management
US8739070B2 (en) * 2011-11-01 2014-05-27 WMODE, Inc. System, method and apparatus for providing an application carousel
US8866852B2 (en) * 2011-11-28 2014-10-21 Google Inc. Method and system for input detection
US8381102B1 (en) * 2011-12-06 2013-02-19 Google Inc. Systems and methods for visually scrolling through a stack of items displayed on a device
US9395868B2 (en) * 2011-12-06 2016-07-19 Google Inc. Graphical user interface window spacing mechanisms
US8881032B1 (en) * 2011-12-07 2014-11-04 Google Inc. Grouped tab document interface
US8836658B1 (en) * 2012-01-31 2014-09-16 Google Inc. Method and apparatus for displaying a plurality of items
US20150212670A1 (en) * 2012-02-01 2015-07-30 Google Inc. Highly Customizable New Tab Page
US9524272B2 (en) * 2012-02-05 2016-12-20 Apple Inc. Navigating among content items in a browser using an array mode
US9178746B2 (en) * 2012-07-03 2015-11-03 Google Inc. Browser-based fetch of external libraries
US8959438B2 (en) * 2012-09-06 2015-02-17 Google Inc. Media control pane in browser
US9696879B2 (en) * 2012-09-07 2017-07-04 Google Inc. Tab scrubbing using navigation gestures
US9219719B1 (en) * 2012-09-21 2015-12-22 Google Inc. Automatic dynamic vetting of browser extensions and web applications
US9465596B2 (en) * 2012-09-27 2016-10-11 Google Inc. Cross system installation of web applications
US9070211B1 (en) * 2012-10-18 2015-06-30 Google Inc. Webview tag for a sandboxed multiprocess browser
US9459705B2 (en) * 2013-03-18 2016-10-04 Facebook, Inc. Tilting to scroll
CN105474157A (zh) * 2013-05-09 2016-04-06 亚马逊技术股份有限公司 移动设备界面
US10126839B2 (en) * 2013-07-24 2018-11-13 Innoventions, Inc. Motion-based view scrolling with augmented tilt control
US9181760B2 (en) * 2013-07-24 2015-11-10 Innovations, Inc. Motion-based view scrolling with proportional and dynamic modes
US9547525B1 (en) * 2013-08-21 2017-01-17 Google Inc. Drag toolbar to enter tab switching interface
US9423941B2 (en) * 2013-09-05 2016-08-23 Facebook, Inc. Tilting to scroll
US10592064B2 (en) * 2013-09-17 2020-03-17 Amazon Technologies, Inc. Approaches for three-dimensional object display used in content navigation
US20150100552A1 (en) * 2013-10-07 2015-04-09 QQ Solutions Inc. Managing non-committed computerized workflows
US10310726B2 (en) * 2015-05-14 2019-06-04 Oath Inc. Content navigation based upon motion

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009266188A (ja) * 2008-03-31 2009-11-12 Yahoo Japan Corp 表示制御方法及びプログラム
CN102782633A (zh) * 2010-02-12 2012-11-14 微软公司 具有灵活的平行和正交移动的多层用户界面
US20120131495A1 (en) * 2010-11-23 2012-05-24 Apple Inc. Browsing and Interacting with Open Windows
US20130047080A1 (en) * 2011-08-15 2013-02-21 Google Inc. Carousel User Interface For Document Management
US8451246B1 (en) * 2012-05-11 2013-05-28 Google Inc. Swipe gesture classification

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106528187B (zh) * 2015-09-09 2020-04-07 腾讯科技（深圳）有限公司 一种占位背景色确定方法及装置
CN106528187A (zh) * 2015-09-09 2017-03-22 腾讯科技（深圳）有限公司 一种占位背景色确定方法及装置
CN106569679A (zh) * 2015-10-13 2017-04-19 阿里巴巴集团控股有限公司 一种对象展示方法和设备
CN106372137A (zh) * 2016-08-26 2017-02-01 乐视控股（北京）有限公司 多窗口页面显示处理方法及装置
CN106445274A (zh) * 2016-08-26 2017-02-22 乐视控股（北京）有限公司 多窗口页面显示处理方法及装置
CN106227461B (zh) * 2016-09-06 2020-01-14 广东欧珀移动通信有限公司 一种窗口切换方法及装置
CN106227461A (zh) * 2016-09-06 2016-12-14 广东欧珀移动通信有限公司 一种窗口切换方法及装置
CN106648339A (zh) * 2016-09-09 2017-05-10 广东欧珀移动通信有限公司 一种窗口切换方法及装置
CN106648339B (zh) * 2016-09-09 2020-04-21 Oppo广东移动通信有限公司 一种窗口切换方法及装置
CN106502496A (zh) * 2016-10-19 2017-03-15 广东欧珀移动通信有限公司 一种窗口切换方法及装置
CN108241633A (zh) * 2016-12-23 2018-07-03 百度在线网络技术（北京）有限公司 快速切换网页的方法和装置
CN108268294A (zh) * 2016-12-30 2018-07-10 腾讯科技（深圳）有限公司 页面切换方法和装置
CN108268294B (zh) * 2016-12-30 2021-03-12 腾讯科技（深圳）有限公司 页面切换方法和装置

Also Published As

Publication number Publication date
US9804745B2 (en) 2017-10-31
EP2811385A2 (en) 2014-12-10
EP3812879A1 (en) 2021-04-28
EP2811385B1 (en) 2021-03-17
EP2811385A3 (en) 2015-01-14
KR20160018638A (ko) 2016-02-17
US20140365854A1 (en) 2014-12-11
KR20140143696A (ko) 2014-12-17
CN104238902B (zh) 2017-12-01
KR101592312B1 (ko) 2016-02-05
EP3812879B1 (en) 2023-02-15
KR101951991B1 (ko) 2019-02-25
US9798447B2 (en) 2017-10-24
US20180074667A1 (en) 2018-03-15
US20160299651A1 (en) 2016-10-13

Similar Documents

Publication Publication Date Title
CN104238902A (zh) 堆栈式标签视图
US9880640B2 (en) Multi-dimensional interface
US20200125222A1 (en) Application execution method by display device and display device thereof
JP6185656B2 (ja) モバイルデバイスインターフェース
US9792665B2 (en) Real time visual feedback during move, resize and/or rotate actions in an electronic document
US10187520B2 (en) Terminal device and content displaying method thereof, server and controlling method thereof
CN103870535B (zh) 信息搜索方法和装置
US9798443B1 (en) Approaches for seamlessly launching applications
CN102377873B (zh) 显示信息的方法和使用该方法的移动终端
KR101534789B1 (ko) 모바일 컴퓨팅 디바이스에서의 모션-컨트롤 뷰
JP6201058B2 (ja) 三次元オブジェクト表示のためのアプローチ
US20150215245A1 (en) User interface for graphical representation of and interaction with electronic messages
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
US10078427B1 (en) Zooming while page turning in a document
CN104520852A (zh) 在电子表格应用中生成场景和巡演
US9035880B2 (en) Controlling images at hand-held devices
WO2014135427A1 (en) An apparatus and associated methods
US20180032536A1 (en) Method of and system for advertising real estate within a defined geo-targeted audience
KR102117450B1 (ko) 디스플레이 장치 및 그 제어 방법

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant