CN103348313A - 包含用于列出记录和呈现记录内容的滑动面板的用户界面 - Google Patents

Abstract

本文公开的实施例描述一种用于在计算装置上显示内容的***和方法。根据实施例，内容可以在具有多个可滑动面板的触摸敏感显示器上显示。第一面板显示记录条目列表，第二面板显示与第一面板中的该记录条目列表中的被选择条目对应的记录。在特定实施例中，第一面板中的该记录条目列表是可滚动的。此外，第二面板可以是可扩大的或者可滑动的，以代替或者遮盖第一面板的至少一部分。

Description

包含用于列出记录和呈现记录内容的滑动面板的用户界面

发明人：迈根·什阿、拉里·陈、艾瑞克·谢、马修·麦克诺提、埃斯特·莱昂、山姆·黄

相关申请

本申请根据美国法典第35篇第119（e）条要求2011年6月29日提交的题为“USERINTERFACE INCORPORATING SLIDING PANELS FOR LISTING RECORDS ANDPRESENTING RECORD CONTENT（包含用于列出记录和呈现记录内容的滑动面板的用户界面）”的美国专利申请No.13/171,933的优先权的权益，并且还根据美国法典第35篇第119(e)条要求2011年2月7日提交的题为“USER INTERFACEINCORPORATING SLIDING PANELS FOR LISTING RECORDS AND PRESENTINGRECORD CONTENT（包含用于列出记录和呈现记录内容的滑动面板的用户界面）”的临时申请No.61/440,372的优先权的权益，这两个申请中每个申请的全部内容通过引用并入本文。

技术领域

所公开的实施例涉及用于移动计算装置的图形用户界面的领域。更具体地，所公开的实施例涉及包含用于列出记录条目和呈现记录内容的滑动面板的图形用户界面。

附图说明

图1A-图1C图示根据一个或多个实施例的具有被配置为在一个或多个滑动面板中向用户提供内容的显示器的计算装置；

图2A-图2C图示根据一个或多个附加实施例的具有被配置为在一个或多个滑动面板中向用户提供内容的显示器的计算装置；

图3是图示根据一个或多个实施例的用于在一个或多个滑动面板上显示内容的方法的流程图；

图4是图示根据一个或多个实施例的用于在一个或多个滑动面板上显示内容的方法的流程图；

图5A-图5B图示根据一个或多个实施例的用于在一个或多个滑动面板中提供内容的示例性应用；以及

图6图示用于被配置为支持本文描述的实施例中的任一实施例的便携计算装置的硬件图。

具体实施方式

本文公开的实施例涉及一种图形用户界面，该图形用户界面包含用于列出记录条目和根据记录条目中所列出的记录呈现内容的滑动面板。根据一些实施例，这样的界面可以包括第一面板和第二面板，第一面板显示记录条目列表，第二面板显示第一面板中的该记录条目列表中的被选择记录条目的记录内容。在特定实施例中，第一面板中的该记录条目列表是可滚动的。此外，第二面板可以是可扩大的，以代替或者遮盖第一面板的至少一部分。在其它益处中，该界面使用户能够最大化屏幕区域，以滚动记录条目（例如电子邮件）并且查看它们各自的内容。

另外，在所描述的界面中可以包括第一面板（包含记录条目列表），第一面板可移动到触摸敏感显示器的先前被第二面板（显示在第一面板中显示的记录条目列表的被选择记录的内容）占用的区域中。第一面板以所描述的方式移动使第三面板能够与第一面板和第二面板同时显示在触摸敏感显示器上。第三面板可以配置为显示一个或多个特征，该一个或多个特征使能够选择一个或多个记录条目列表。例如，第三面板可以列出文件夹，从该文件夹中提供第一面板的那个记录条目列表。

本文描述的数个实施例帮助滚动和查看记录。在使用触摸敏感屏幕或者语境敏感屏幕的装置（例如移动计算装置或平板）的背景下，在所描述的界面中帮助用户输入，特别地关于如何在显示屏上管理输出。例如，触摸输入能够常常是过程。通过将滚动操作专用于一个面板，过程方向输入能够帮助滚动。能够在另一区域中提供记录查看，并且用户能够具有扩大记录阅读区域的选择权。另外，用户能够具有引入第三面板来查看文件夹或者其它信息的选择权。

在又一实施例中，公开一种计算装置，该计算装置具有存储用于在显示器上输出多个面板的指令的存储器。根据一个或多个实施例，多个面板中的每个面板均包括界面特征或者内容中至少之一。该计算装置还包括一个或多个处理器，该一个或多个处理器配置为检测由用户提供的输入。响应于用户输入，多个面板中至少之一代替或者遮盖多个面板中的至少第二面板。在特定实施例中，用户输入可以对应于该用户在触摸敏感显示器上的方向输入或者接触。在另一实施例中，用户输入可以对应于用户选择在多个面板中至少之一上提供的内容。

如本文使用的，术语“滑动”指视觉上模拟第一对象移动到第二对象上并且占据与第二对象相同的区域。因此，‘滑到……上’意指第一对象被移动到第二对象上方，以便遮盖第二对象。同样，‘滑走’意指第一对象从第二对象上方移动，使得第二对象再次可见。

术语“面板”指显示器的一部分，例如显示器表面或者输出内容的其它交互性介质。如本文描述的，多个面板可以同时在显示器上渲染。例如，第一面板可以与第二面板同时在显示器上渲染。如本文进一步描述的，第一面板可以是可扩大的和/或可滑动的，使得第一面板滑到第二面板上或者从第二面板上滑走。另外，用户可以与第一面板交互，使得i）用户交互不影响显示在第二面板上的内容及ii）用户交互确实影响显示在第二面板上的内容。

如本文使用的，术语“编程的”、“编程地”或者它们的变型指通过代码、编程或者其它逻辑的运行。编程的动作可以利用软件、固件或者硬件执行且通常在没有用户干预的情况下执行，然而不一定自动化地执行，因为该动作可以人工触发。

本文描述的一个或多个实施例可以使用编程元件（常常被称为模块或部件，但是可以使用其它名称）来实现。这样的编程元件可以包括程序、子例程、一部分程序或者能够执行一个或多个所规定的任务或功能的软件部件或者硬件部件。如本文使用的，模块或者部件可以与其它模块/部件无关地存在于硬件部件上，或者模块/部件可以是其它模块/部件、程序或者机器的共享元件或者过程。模块或者部件可以驻留在一个机器上，例如驻留在客户机上或在服务器上，或者可以可替代地分布在多个机器中，例如在多个客户机或者服务器机器上。所描述的任何***可以整体地或者部分地被实现在服务器上，或者被实现为网络服务的一部分。可替代地，如本文描述的***可以整体地或者部分地被实现在本地计算机或终端上。在二者任一情况中，除非另有说明，否则在该应用中提供的***的实现可能需要使用存储器、处理器和网络资源（包括数据端口及信号线（光学信号线、电学信号线等））。

此外，本文描述的一个或多个实施例可以通过使用可由一个或多个处理器运行的指令来实现。这些指令可以被装载在计算机可读介质上。以下在附图中示出的机器提供能够装载和/或运行用于实现一个或多个实施例的指令的处理资源和计算机可读介质的示例。特别地，关于一个或多个实施例示出的数个机器包括处理器和用于容纳数据和指令的各种形式的存储器。计算机可读介质的示例包括永久存储器存储装置，例如个人计算机或者服务器上的硬驱。计算机存储介质的其它示例包括便携式存储单元，例如CD单元或者DVD单元、闪存（例如在许多移动电话和个人数字助理（PDA）上携带的）以及磁存储器。计算机、终端、网络使能装置（例如便携式装置，例如移动电话）是使用处理器、存储器以及存储在计算机可读介质上的指令的机器和装置的全部示例。

图1A-图1C图示根据一个或多个实施例的具有被配置为在一个或多个滑动面板中向用户提供内容的显示器105的计算装置100。计算装置100可以包括硬件组件，例如由图6的实施例示出的硬件组件。参考图1，计算装置100的显示器105的表面可以对手指或者物体的触摸做出响应。计算装置100的处理器被配置为基于从用户接收的输入向用户呈现一个或多个面板以及包含在该一个或多个面板中的内容。

计算装置100的显示器105可以包括多个面板中，多个面板中的每个面板显示内容。在特定实施例中，显示在第一面板中的内容可以对应于显示在第二面板中的内容。此外，多个面板中的每个面板可以按层级布置。因此，为了查看面板C和在其上显示的内容，用户可能需要导航通过面板A和面板B。

参考图1A，计算装置100的显示器105被示出为具有第一面板110和第二面板120。尽管第一面板110和第二面板120中每个面板均被示出为具有相等尺寸，但是可设想第二面板120可以占据比第一面板110更大的显示器105的区域。可替代地，第一面板110可以占据比第二面板120更大的显示器105的区域。还可设想，由第一面板110和第二面板120中每个面板占据的显示器105的区域是可基于用户偏好由用户选择的。在另一实施例中，由第一面板110和第二面板120中每个面板占据的区域可以是应用特定的。

例如，如果第一应用在装置100上运行，则第一面板110可以占据显示器105的第一区域，而第二面板120可以占据显示器105的第二区域，其中第一区域小于第二区域。相反，当第二应用在装置100上运行时，第一面板110和第二面板120可以占据相等或者大体相等的显示器105的区域。

在特定实施例中，可以对第一面板110和第二面板120进行配置，以便可相对彼此滑动。如下面将说明的，每个面板是可基于用户的输入而滑动的和/或扩大的。例如，第二面板120可以滑到第一面板110上并且被扩大，使得第二面板120占据显示器105的全部区域，如图1C所示。此外，第一面板110和第二面板120中每个面板还可以是可滑动的和/或可缩小的，使得第三面板，例如第三面板130（图1B），可以与第一面板110和第二面板120同时显示。

返回参考图1A，在特定实施例中，第一面板110可以包括记录条目列表。例如，该记录条目列表可以包括记录条目1112、记录条目2114以及记录条目N116。该列表中的每个记录条目标识具有内容的对应记录。例如，记录条目1112可以标识记录1122。此外，记录条目2114可以标识记录2（未示出），记录条目N116可以标识记录N（未示出）。

在特定实施例中，显示在每个面板中的内容是可滚动的。例如，如果显示在第一面板110中的特定列表包含比在由第一面板110提供的空间上单次能显示的更多记录条目，则用户可以在显示器105上提供方向输入来致使该列表或者记录条目竖直地滚动。基于所提供的方向输入，该列表可以沿第一方向（例如竖直向上）或者沿第二方向（例如竖直向下）滚动。在特定实施例中，用户在用户希望滚动的特定面板中提供方向输入。因此，如果用户希望滚动第一面板110中的内容，则在第一面板110中提供方向输入。同样，如果用户希望滚动第二面板120中提供的内容，则在第二面板120中提供方向输入。

如所介绍的，记录条目可以标识特定记录。在特定实施例中，由特定记录条目标识的记录可以显示在分离的面板中。例如，如果用户选择第一面板110中的记录条目1112，则记录1122或者更具体地说记录1122的内容被显示在第二面板120中。同样，如果用户选择记录条目2114或记录条目N116，则对应于这些记录条目中每个记录条目的记录将被显示在第二面板120中。尽管在第二面板120中显示的内容可能取决于在第一面板110中显示的内容，但是如所介绍的，显示在第二面板120中的内容可以是与显示在第一面板110中的内容无关地可滚动的。

第一面板110还可以包括图标或者句柄（handler）115，以使用户能够在计算装置100的显示器105上提供方向输入117。例如，如果用户希望与第一面板110和第二面板120同时显示第三面板，例如第三面板130（图1B），则用户可以致动句柄115并且沿第一方向提供方向输入117。响应于方向输入，第一面板110和/或第二面板120缩小并且第一面板110从第三面板130上滑走。在特定实施例中，方向输入117可以对应于拖曳运动，在该拖拽运动中，第一面板110的句柄115被用户致动并且沿第一方向（例如朝第二面板）拖拽。在另一实施例中，句柄115的用户致动可以对应于单次输入，例如句柄115上的拍击或敲击运动。响应于句柄115上的拍击或敲击运动，第一面板110和第二面板120中每个面板均滑动和/或缩小，使得在显示器上与第一面板110和第二面板120同时输出第三面板130。相应地，使用拍击或者敲击运动的句柄115的用户致动致使这些面板中的每个面板以与用户致动该句柄且沿第一方向拖拽该句柄相同的方式扩大和/或滑动。作为替代，可以使用各种其它形式的用户输入，以便操作所描述的用户界面（例如刷动、拂掠、夹掐、拍击及抓握）。

关于上面描述的缩小和/或滑动运动，为了在显示器105上为第三面板130腾出空间，第一面板110可移动到显示器105的先前由第二面板120占据的区域中。此外，第一面板110和第二面板120中每个面板的位置和/或尺寸（例如高度和/或宽度）被改变，使得视觉上表现得好像第二面板120和第一面板110“挪动”来在显示器105上为第三面板130腾出空间。

参考图1B，如图所示，第一面板110、第二面板120及第三面板130中每个面板均可以在显示器105上同时被输出。尽管图1B示出第一面板110、第二面板120及第三面板130中每个面板占据显示器105的大体相等的区域，但是可设想这些面板中的每个面板可以占据显示器105的不相等的区域。例如，第二面板120可以占据显示器105的50%，第一面板110可以占据显示器105的30%，并且第三面板130可以占据显示器的剩余的20%。还可设想两个面板可以占据显示器105的相等区域，而第三面板120占据显示器的更大或者更小的区域。例如，第一面板110和第二面板120每个均可以占据显示器105的40%，而第三区域占据显示器105的20%。

在实施例中，当这些面板中每个面板滑动和/或基于所接收的用户输入扩大/缩小时，也可以相应地对显示在这些面板中每个面板中的内容进行调整大小或者进行再格式编排。例如，如图1A所示，对在显示器105的第一面板110上输出的记录条目中的每个记录条目进行格式编排，以便占据第一面板110的大体全部宽度。类似地，第二面板120中的记录1122被示出为占据第二面板122的大体全部宽度。然而，当将图1A的第一面板110的列表条目中每个条目与图1B的第一面板110的列表条目中每个条目进行比较时，示出图1B的第一面板中的列表条目中每个条目的总宽度已经减小。同样，当将图1A的记录1122的宽度与图1B的记录1122的宽度进行比较时，能够看出图1B的记录1122的宽度也已经被减小。因为这些面板中每个面板的宽度可以基于在显示器105上输出的面板的数量而改变，所以可以相应地对包含在这些面板中每个面板内的内容进行格式编排。

例如，如果记录1122包含文本，则可以对该文本进行再格式编排，以便利用文本周围的围绕。因此，全部文本内容仍可能在第二面板120中是可看到的。如果全部文本内容不能在面板的特定区域中显示，则用户也许能够在由第二面板120限定的区域内上下滚动该文本。在另一实施例中，省略号或其它指示符可以用来指示附加文本是可利用的。例如，显示在第一面板110中的每个记录条目可以包括文本标识符。由于第一面板110的可利用宽度，关于这些文本标识符中一些文本标识符的全部文本不会完全地显示。如此，可以显示省略号或者其它字符示来表示全部文本标识符当前是不可看到的。在另一实施例中，可以对文本标识符的文本自动地进行调整大小（例如以更小的字体输出），使得全部文本标识符在可利用的区域中显示。

返回参考图1B，第三面板130可以包括一个或多个特征，例如特征1132、特征2134以及特征N136。这些特征中的每个特征可以使能够选择一个或多个记录条目列表。因此，每个特征具有相应的记录条目列表，每个列表中的每个记录条目具有相应的记录。因此，第三面板130中的第一特征（例如特征1132）的选择致使在第一面板110中输出第一列表，第三面板130中的第二特征（例如特征2134）的选择致使在第一面板110中输出第二列表。

例如，第三面板130中的特征1132的选择可以致使具有记录条目1112、记录条目2114以及记录条目N116的记录条目列表在显示器105的第一面板110中输出。然而，第三面板130中的特征2134的选择可以致使具有记录条目1'（未示出）、记录条目2'（未示出）以及记录条目N'（未示出）的记录条目列表在显示器105的第一面板110中输出。如所介绍的，每个记录条目标识具有内容的相应记录。因此，为了访问记录1122的内容，用户会选择显示器105的第三面板130中的特征1132并且随后选择显示器105的第一面板110中的记录条目1112。同样，为了访问包含在记录2'（未示出）中的内容，用户可以选择显示器105的第三面板130中的特征2134并且随后选择显示器105的第一面板110中的记录条目2'（未示出）。

在特定实施例中，这些面板中的至少之一可以包括用户界面特征。当可以提供用户界面特征作为多个面板之一或者可以对多个面板之一包括用户界面特征时，用户界面特征可能仅在看得见特定面板内时是可利用的。例如，第三面板130可以配置为显示虚拟键盘。因此，当用户希望使用虚拟键盘时，第一面板110和/或第二面板120可以配置为缩小和/或从第三面板130上滑走，使得虚拟键盘是可访问的。

返回参考上面描述的一个或多个特征，在实施例中，一旦用户已选择这些特征（例如特征1132、特征2134或者特征N136）之一，第一面板110和第二面板120就滑回至显示器105上在第三面板130在显示器105上被输出以前每个面板占据的区域。在特定实施例中，第一面板110和/或第二面板120滑动和/或扩大，以便占据显示器105的先前由第三面板130占据的区域。这个扩大可以在用户选择显示在第三面板130中的特征中的至少之一时自动地发生。在另一实施例中，用户可以致动第一面板110上的句柄115并且向显示器105提供方向输入117（例如朝由方向箭头指示的第三面板130的方向）。响应于方向输入117，第一面板110和第二面板120中每个面板如上所述那样滑回至显示器105上的区域。在又一实施例中，用户可以使用拍击或敲击运动对句柄115进行致动。响应于该拍击或敲击运动，第一面板110和第二面板120中每个面板扩大和/或滑回至显示器105上在第三面板130在显示器105上被输出以前每个面板占据的区域。作为替代，可以使用各种其它形式的用户输入，以便操作所描述的用户界面（例如刷动、拂掠、夹掐、拍击及抓握）。

在另一实施例中，用户可以致动在显示器105的第二面板120上设置的句柄125并且在显示器105上提供方向输入127（例如沿由方向箭头所指示的第一面板110和第三面板130的方向）。可替代地，用户可以如上所述使用拍击或者敲击运动对句柄125进行致动。响应于方向输入127或者敲击运动，第一面板110和/或第二面板120扩大和/或滑动，使得至少第一面板110滑到第三面板130上，以便遮盖第三面板130。进一步的方向输入127或者在句柄125上的附加拍击或者敲击运动，致使第二面板120扩大和/或滑到第一面板110上，使得第二面板120遮盖第一面板110。结果，第二面板120占据显示器105的全部区域。在图1C中提供占据显示器105的全部区域的第二面板120的示例。

参考图1C，如图所示，面板120占据显示器105的全部区域。记录1122也已经相应地被扩大。因此，用户可以查看或者以别的方式访问显示器105的全部区域上的记录1122的内容。在特定实施例中，第二面板120可以如上所述基于方向用户输入是可滚动的（例如在显示器105上竖直向上运动或者竖直向下运动）。

一旦第二面板120已经占据显示器105的全部区域，用户就可以沿第二方向在显示器105上提供方向输入127（例如由方向箭头指示的远离第一面板110先前所在位置的方向）。响应于方向输入127，第二面板缩小和/或从第一面板110上滑走，从而致使第一面板110是可看到的。沿相同方向的进一步方向输入127致使第二面板120和/或第一面板110进一步缩小和/或滑动，使得第一面板110从第三面板130上滑走。结果，这三个面板中每个面板再次被显示。

返回参考图1A，第一面板110和第二面板120都可以包括使用户能提供方向输入的句柄。如所介绍的，如果用户i)通过第一拍击或者敲击运动或ii)通过选择句柄115并朝第二面板120的方向（例如由方向箭头指示的方向）提供方向输入117来致动第一面板110上的句柄115，则第一面板110和第二面板120都缩小和/或滑动，使得第一面板110从第三面板130上滑走。结果，第三面板130与第一面板110和第二面板120同时显示。还可设想，用户可以使用第二拍击或者敲击运动或者通过选择句柄125且在显示器105上沿第二方向（例如沿远离第一面板110的方向）提供方向输入127来致动第二面板120上的句柄125。响应于所接收的输入，第一面板110和第二面板120缩小和/或远离第三面板的位置滑动，使得第三面板在显示器105上输出。

此外，用户可以致动第二面板120中的句柄125并且在显示器105上沿第二方向（例如朝第一面板110的方向）提供方向输入127。用户还可以使用与如上所述的拍击或敲击运动不同的第二拍击或者拍击或敲击运动来致动句柄125，以便致使第二面板120沿第二方向移动。例如，句柄125的单次拍击可以致使第二面板沿第一方向（例如沿远离第一面板110的方向）移动，而句柄125的双次拍击可以致使该面板沿第二方向（例如朝第一面板110的方向）移动。响应于用户输入（例如拍击或者敲击运动或者方向输入127），第二面板120扩大并且滑到第一面板110上。结果，第二面板120占据显示器105的全部区域，如图1C所示。

图2A-图2C图示根据一个或多个附加实施例的具有被配置为在一个或多个滑动面板中向用户提供内容的显示器205的计算装置200。计算装置200可以包括硬件组件，例如由图6的实施例所示的硬件组件。与图1的显示器105一样，计算装置200的显示器205可以对手指或者物体的触摸做出响应。计算装置200的处理器配置为基于从用户接收的输入向用户呈现一个或多个面板以及包含在该一个或多个面板中的内容。

在特定实施例中，计算装置200包括显示器205，显示器205配置为向用户显示包含在多个面板中的内容。在特定实施例中，关于图2A-图2C描述的那些面板中每个面板可以如上面关于图1A-图1C所述那样按层级布置。然而，如图2A–图2C所示，计算装置200的显示器205可以具有比计算装置100的显示器105（图1A）更小的区域。由于显示器205的较小区域，在较小的显示器205上同时输出多个面板可能不是理想的。然而，多个面板中每个面板的内容仍然可以以与上面所述的方式类似的方式访问。

参考图2A，第一面板210可以设置在计算装置200的显示器205上。第一面板210可以包括例如记录条目列表的内容，每个记录条目标识记录。例如，该记录条目列表可以包括记录条目1212、记录条目2214以及记录条目N216，记录条目1212标识记录1222（图2C）、记录条目2214标识记录2（未示出）并且记录条目N标识记录N（未示出）。

第一面板210还可以包括句柄215，以使用户能够提供i）拍击或敲击运动或者ii）方向输入217。在特定实施例中，可以响应于方向输入或者拍击或敲击运动在显示器205上输出另一面板。例如，如果用户致动第一面板上的句柄215并且沿第一方向（例如沿由方向箭头指示的方向）提供方向输入217，则第一面板210从第三面板230上滑走，使得在显示器205上输出第三面板230。

如图2B所示，第三面板230可以包括一个或多个特征，该一个或多个特征使能够选择一个或多个记录条目列表。如上所述，每个特征可以对应于或者标识特定的记录条目列表。例如，特征1232可以对应于或者标识包括记录条目1212、记录条目2214以及记录条目N216的记录条目列表（图2A）。同样，特征2234和特征N236也可以对应于或者标识各自的记录条目列表。例如，特征2234可以对应于具有记录条目1'（未示出）、记录条目2'（未示出）以及记录条目N'（未示出）的列表。如上文介绍的，记录条目2'可以标识具有内容的记录，例如记录2'（未示出）。

在特定实施例中，一旦显示在第三面板230上的特征已经被用户选择，第一面板210就自动地滑到第三面板230上，使得在显示器205上输出第一面板。结果，仅仅在显示器205上输出第一面板210。

如上文介绍的，第一面板210可以显示记录条目列表，每个记录条目标识具有内容的记录。在特定实施例中，一旦选择该列表中的特定记录条目，例如第二面板220（图2C）就滑到第一面板210上，使得第二面板220是显示器205上唯一可看见的面板。参考图2C，一旦在显示器205上输出第二面板220，在显示器205上就输出记录（例如记录1222）的内容。

第二面板220还包括句柄225，以使用户能够提供方向输入227或者拍击或敲击运动。与本文描述的其它句柄一样，当用户致动句柄225并且提供i）拍击或敲击运动或者ii）沿特定方向（例如沿由方向箭头指示的方向）的方向输入227时，第二面板220从第一面板210上滑走。结果，在显示器205上再次输出第一面板210,如图2A所示。

与图1A–图1C的装置100的第一面板110、第二面板120以及第三面板130中的每个面板一样，装置200的第一面板210、第二面板220以及第三面板230中的每个面板是可滚动的，以便使用户能够查看更多内容。此外，第一面板210、第二面板220以及第三面板230中每个面板按层级布置，使得在该层级的下层中的特定面板中的内容将仅基于该层级的上层中的特定面板中的内容的选择而被显示。

方法

图3是图示根据一个或多个实施例的用于在一个或多个滑动面板上显示内容的方法300的流程图。方法300可以与例如上面关于图1A-图1C描述的计算装置100结合使用。因此，下面的描述可以引用关于图1A-图1C描述的一个或多个部件。然而，对图1A-图1C的部件的任何这样引用仅用于描述性目的。

当在显示器（例如显示器105（图1））上输出具有多个面板的用户界面（步骤310）时，用于在一个或多个滑动面板上显示内容的方法300开始。该多个面板中的每个面板可以包括内容。该多个面板中第一面板上的内容可以标识或者对应于在该多个面板中第二面板上显示的内容。此外，如上所述，选择第一面板上的内容可以致使第二面板自动地滑到第一面板上。

在特定实施例中，该多个面板中至少之一可以是可滚动的，使得可以在显示器上输出更多内容。例如，如果在第一面板中显示的内容是记录条目列表并且该列表包含许多条目，使得每个条目不能立刻显示，则用户可以向该装置的触摸敏感显示器提供方向输入，使得在显示器上可以输出该列表的更多记录条目。在特定实施例中，该多个面板中的每个面板可以是与其它面板中的每个面板无关地可滚动的。

此外，该多个面板中的至少之一可以包括图标或者句柄，以便使用户能够提供方向输入。在检测方向输入时（步骤320），基于方向移动更新面板的配置（步骤330）。在特定实施例中，方向输入可以对应于用户触摸该计算装置的触摸敏感显示器的区域并且执行动作或者运动。例如，用户可以通过触摸该触摸敏感显示器中句柄或图标所位于的部分致动该句柄或图标，并且沿第一方向拖拽该句柄。可替代地，用户可以通过提供拍击或敲击运动致动该句柄或图标。响应于该句柄或图标的用户致动，该多个面板中的至少之一可以i)滑到该多个面板中的第二面板上或者ii)从该多个面板中的第二面板上滑走，使得该多个面板中的第二面板是可看到的。

例如，如上面关于图1A-图1C介绍的，如果用户致动第一面板110的句柄115并且朝第二面板120的方向提供方向输入117，则第一面板110从第三面板130上滑走，使得第一面板110、第二面板120以及第三面板130中的每个面板在显示器105上同时被输出。

继续上面的示例，如果用户选择第二面板120上的句柄125并且朝第一面板110的方向提供方向输入，则第二面板120扩大和/或滑到第一面板110上。结果，第二面板120占据显示器105的全部区域，如图1C所示。如果句柄125随后被用户致动并且用户沿第二方向（例如沿由图1C中示出的方向箭头指示的方向）提供方向输入，则第二面板120缩小和/或从第一面板110上滑走，使得第一面板110和第二面板中每个面板在显示器105上被输出。在一个实施例中，继续方向移动会随后致使第一面板110从第三面板130上滑走。结果，第一面板110、第二面板120以及第三面板130中的每个面板会在显示器105上输出，如图1B所示。

图4图示根据一个或多个附加实施例的用于在一个或多个滑动面板上显示内容的方法400。本文描述的方法400可以与例如上面关于图2A-图2C描述的计算装置200结合使用。因此，下面的描述可以引用关于图2A-图2C描述的一个或多个部件。然而，对图2A-图2C的部件的任何这样引用仅用于描述性目的。

当在显示器的第一面板上输出内容（步骤410）时，用于在一个或多个滑动面板上显示内容的方法400开始。在特定实施例中，显示器可以是触摸敏感显示器，例如显示器205（图2A）。如上所述，内容可以对应于记录条目列表，该列表中的每个记录条目对应于或者标识具有内容的特定记录。在另一实施例中，内容可以包括多个特征，每个特征对应于或标识特定的记录条目列表。

一旦已经在显示器的第一面板（例如第一面板210（图2A））上输出内容，就检测第一面板上的至少一个内容项的用户选择（步骤420）。在特定实施例中，用户选择可以对应于用户触摸该触摸敏感显示器的与该特定内容项关联的区域。响应于该用户选择，第二面板（例如第二面板220（图2C））滑到第一面板210上，使得第二面板220遮盖第一面板210并且在显示器上被输出（步骤430）。一旦第二面板220被显示，就在第二面板上输出内容（步骤440）。

在特定实施例中，在第二面板上渲染的内容（步骤440）可以是具有内容的记录，例如记录1222（图2C）。在另一实施例中，在第二面板上渲染的内容可以是记录条目列表，例如包含记录条目1212、记录条目2214以及记录条目N216（图2A）的列表。

在实施例中，第二面板可以包含句柄，例如句柄225（图2C），以使用户能够提供方向输入。响应于方向输入，第二面板220可以配置为从第一面板上滑走（步骤450），使得在显示器205上再次输出第一面板210。

使用场景

图5A-图5B图示根据一个或多个实施例的用于在一个或多个滑动面板中提供内容的示例性应用500。应用500，例如电子邮件应用，可以在例如图6的实施例所示的计算装置600上运行。尽管在图5A-图5B中特别地提及和示出电子邮件应用，但是可设想，本文公开的一个或多个实施例可以由用于存储内容和/或向用户呈现内容的任意多个应用使用。

参考图5A，示出了应用500被配置为在第一面板510和第二面板520中向用户显示内容。在特定实施例中，第一面板510和第二面板520可以分别对应于第一面板110和第二面板120（图1A）。如此，第一面板510可以包括记录条目列表512，第二面板520可以包括记录522。例如，第一面板510可以配置为显示所选择的电子邮件应用的收件箱，该收件箱示出由用户接收的全部电子邮件的列表。响应于用户在第一面板510中选择所接收的电子邮件之一，该电子邮件的内容同时显示在第二面板520中。

在特定实施例中，第一面板510和第二面板520中每个面板分别包括句柄515和句柄525。句柄515可以对应于句柄115（图1A），句柄525可以对应于句柄125（图1A）。如此，如果用户致动句柄525并且提供方向输入（例如朝第一面板510的方向拖拽句柄525），则第二面板520扩大和/或滑到第一面板上，使得第二面板520占据显示器的全部区域。此外，当用户致动句柄515并且提供方向输入（例如朝第二面板520的方向拖拽句柄515）时，第一面板510和第二面板520缩小和/或滑动，使得第一面板510从第三面板530（图5B）上滑走并且第一面板510、第二面板520以及第三面板530中每个面板在显示器上同时被输出。图5B中示出在显示器上同时输出多个面板中每个面板的示例性实施例。

参考图5B，在特定实施例中，第三面板530可以对应于第三面板130（图1B）。相应地，第三面板530可以包括一个或多个特征532，特征532中的每个特征标识或者对应于一个或多个记录条目列表，例如记录条目列表512。例如，应用500包括第三面板530，在第三面板530中示出多个收件箱，每个收件箱对应于特定的电子邮件应用。当用户选择第一电子邮件应用时，第一面板510显示由那个特定的电子邮件应用接收的全部电子邮件的列表。相应地，第二面板520根据显示在第一面板510中的所接收的电子邮件的列表，显示所选择的电子邮件消息的内容或者主体。

在特定实施例中，一旦用户已选择第三面板530中的特定电子邮件应用，第一面板510和第二面板520就自动地扩大和/或滑动，使得第一面板510的至少一部分滑到第三面板530上。在另一实施例中，用户可以致动句柄515或者句柄525并且提供方向输入（例如沿第三面板530的方向），使得第一面板510和/或第二面板520扩大和/或滑到第三面板530上。结果，在显示器上输出第一面板510和第二面板520。

***描述

图6图示用于被配置为支持本文描述的实施例中任一实施例的计算装置的硬件图。图6的实施例被描绘为便携式计算装置600。特别地，实施例关于平板或者写字板装置，其是显示器占优的计算装置。写字板可以具有单片的形状因子。便携式计算装置包括漫游无线网络和/或蜂窝容量，包括移动电话设备和/或便携消息收发。

本文描述的其它实施例可以应用于数种便携式的或者小形状系数的计算装置。可以被配置为包括本文描述的实施例的一种便携式计算装置包括计算机电话装置，例如具有语音电话应用的移动电话或者便携式装置（有时称作“智能电话”）。所描述的计算装置可以提供消息收发、网页浏览、媒体回放、个人信息管理（例如联系人记录管理、日程表应用、任务列表）、图像或者视频/媒体拍摄的功能以及其它功能。

可以执行的特定类型消息收发包括用于电子邮件应用、短信息服务（SMS）消息、多媒体消息服务（MMS）消息以及私有语音交换应用（例如讯佳普（SKYPE））的消息收发。更进一步，对本文描述的实施例可设想的其它类型计算装置包括膝上型电脑或者笔记本计算机、超便携计算机、个人数字助理以及其它多功能计算装置。

更进一步，一个或多个实施例可以通过被配置为包括实时语音数据交换的任何类型的像台式计算机这样的计算装置（例如通过使用互联网协议电话）来实现。更进一步，存在其它类型的计算机电话装置，这包括直接连接至电话网络（无论是互联网协议还是公共交换电话***（PSTN））并且提供软件界面和应用的单独装置。

根据实施例，装置600可以包括一个或多个处理器610（作为处理资源）、存储器资源620、一个或多个无线通信端口630和各种其它输入/输出特征，其它输入/输出特征包括显示组件640、扬声器642、麦克风644以及其它输入/输出机制646。在特定实施例中，一个或多个处理器610被配置为从输入/输出机制646接收输入。处理器610还可以配置为从显示器640的一个或多个面板接收面板输入。在特定实施例中，面板输入可以对应于用户选择在面板之一上显示的内容（例如用户选择内容条目或者特征）。在另一实施例中，面板输入可以对应于由用户提供的方向输入。一旦处理器610接收到面板输入，处理器610就确定要显示哪些面板和/或确定要在特定面板中显示的内容。产生被示出为面板输出的该信息并且将其传递至显示器640。根据一个或多个实施例，显示组件640包括触摸敏感显示接口，以接收人的接触（或者密切贴近）作为输入。更具体地，显示组件640提供界面，用户能够通过该界面与在如由本文的各个实施例描述的多个面板中每个面板上显示的内容或者特征交互。

结论

可设想本文描述的实施例延伸至本文描述的单独要素和概念，而与其它概念、观点或者***无关，还可设想实施例包括在本申请中的任何地方记载的要素的组合。尽管本文已关于附图详细地描述说明性实施例，但是要理解，本公开不限于这些确切的实施例。如此，许多修改和变化将对本领域技术人员是显然的。相应地，期望本公开的范围由下面的权利要求和它们的等同物限定。此外，可设想，单独地或者作为实施例的一部分描述的特定特征能够与其它单独描述的特征或者其它实施例的部分相结合，即便其它特征和实施例未提到该特定特征。这样，缺乏描述组合不应该妨碍发明人对这样的组合主张权利。

Claims (12)

1.一种用于在计算装置上显示内容的方法，所述方法包括：

显示查看记录的界面，所述界面包括（i）第一面板和（ii）第二面板，所述第一面板显示记录条目的列表，所述第二面板显示与所述第一面板的所述列表中的被选择条目对应的记录；

使所述第一面板的所述列表是能滚动的；以及

使所述第二面板是能扩大的，以代替或遮盖所述第一面板的至少一部分。

2.如权利要求1所述的方法，进一步包括：使所述第一面板能移动到先前由所述第二面板占据的区域内，以便显示第三面板。

3.如权利要求2所述的方法，其中使所述第一面板能移动到先前由所述第二面板占据的区域内以便显示第三面板包括：移位所述第二面板来视觉上模拟所述第一面板和所述第二面板为所述第三面板腾出空间。

4.如权利要求1所述的方法，其中所述第三面板显示使能够在所述第一面板中选择记录条目的一个或多个列表的特征。

5.如权利要求2所述的方法，其中所述第三面板显示用于图像的一个或多个收件箱。

6.如权利要求1所述的方法，其中使所述第一面板的所述列表是能滚动的包括：

使所述第一面板的所述列表是响应于所述用户的方向接触沿竖直方向能滚动的。

7.如权利要求1所述的方法，其中使所述第二面板是能扩大的包括：使所述第二面板是响应于所述用户的方向接触能扩大的。

8.如权利要求2所述的方法，其中使所述第一面板能移动包括：使所述第一面板是响应于所述用户的方向接触能移动的。

9.一种计算装置，包括：

存储器，存储用于在显示器上输出多个面板的指令，其中所述多个面板中每个面板均包括界面特征或者内容中至少之一；以及

一个或多个处理器，被配置为检测由用户提供的输入，其中所述输入致使所述多个面板中的至少之一代替或者遮盖所述多个面板中的至少第二面板。

10.如权利要求9所述的计算装置，其中由用户提供的输入是方向输入。

11.如权利要求9所述的计算装置，其中由用户提供的输入是所述内容的用户选择。

12.如权利要求9所述的计算装置，其中所述界面特征是虚拟键盘。

Images