CN103218147B - 用于翻阅内容的系统和方法 - Google Patents
用于翻阅内容的系统和方法 Download PDFInfo
- Publication number
- CN103218147B CN103218147B CN201210345473.6A CN201210345473A CN103218147B CN 103218147 B CN103218147 B CN 103218147B CN 201210345473 A CN201210345473 A CN 201210345473A CN 103218147 B CN103218147 B CN 103218147B
- Authority
- CN
- China
- Prior art keywords
- page
- transition
- flies
- animation
- user
- 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.)
- Active
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]
- 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/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/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/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
- 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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
- H04M1/72427—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality for supporting games or graphical animations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M2250/00—Details of telephonic subscriber devices
- H04M2250/22—Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
提供了用于使得用户能够以直观的方式快速翻阅显示的内容页面的系统和方法。可以执行用于从一个页面过渡到另一个页面的图形动画,从而可以同时查看三个或更多页面的部分。这使得用户能够随着她快速翻动该页面而做出她是否希望更详细地仔细查阅那些页面中的任意一个页面的迅速判断。
Description
技术领域
本公开的实施方式整体涉及电子设备,并且更具体而言涉及使得用户能够以直观的方式快速地细读内容的电子设备。
背景技术
在当今的在线社会中,数字媒体内容丰富并且无处不在。可以从多个数据源获得并且提供该内容,以便在用户的电子设备上的显示。运行在电子设备上的不同应用可以按照任意数目的不同的方式呈现内容。例如,web(网络)浏览器可以基于网页的HTML编码呈现内容。作为另一个示例,各种内容聚合应用,如FacebookTM和TwitterTM,可以根据预定义的模板呈现内容。由于可以呈现的内容的数量几乎是无限的,所以需要一种用于呈现内容并且向用户提供到该内容的直观导航访问的有效方式。
发明内容
提供了用于使得用户能够以直观的方式快速地翻阅显示的内容页面的系统和方法。可以执行用于从一个页面过渡(transition)到另一个页面的图形动画,从而可以同时查看三个或更多页面的一部分。这使得用户能够随着她快速地翻阅页面而做出她是否希望更详细地仔细查阅(explore)这些页面中的任意一个页面的迅速判断。在下文的详细讨论中更详细地讨论用户可以如何快速翻阅并且同时查看多个页面的各种实施方式和细节。
附图说明
在结合附图来考虑下文的详细描述之后,本发明的以上以及其他方面和优点将变得更加明显,在附图中相同的附图标记始终指代相同的部分,并且其中:
图1显示了根据本发明的一个实施方式可以由内容聚合应用提供的例示性主屏幕;
图2A显示了根据本发明的一个实施方式当用户选择图1的屏幕中的类别时可以显示的页面的例示性屏幕;
图2B显示了根据本发明的一个实施方式当用户选择图1的屏幕中的类别时可以显示的页面的例示性屏幕;
图3显示了根据本发明的一个实施方式从一个页面到另一个页面的翻动过渡动画;
图4A-图4G示出了根据本发明的一个实施方式从一个页面到另一个页面的翻动过渡动画序列;
图5示出了根据本发明的一个实施方式如何将页面转换成动画元素以供在翻动过渡动画中使用;
图6显示了根据本发明的一个实施方式的多个例示性输入手势,其中每个手势产生不同的过渡动画;
图7显示了根据本发明的一个实施方式的一系列快速翻动的例示;
图8A-图8J示出了根据本发明的一个实施方式的一系列快速翻动过渡动画;
图9显示了根据本发明的一个实施方式的用于实现一系列快速翻动过渡动画的步骤的例示性流程图;
图10显示了根据本发明的一个实施方式的用于实现一系列快速翻动过渡动画的步骤的另一个例示性流程图;
图11A-图11J显示了根据本发明的一个实施方式的例示性空白页面多翻动过渡动画;
图12显示了根据本发明的一个实施方式可以用于显示空白页面多翻动过渡动画的步骤的例示性流程图;以及
图13和图14是根据本发明的一个实施方式配置的电子设备的框图。
具体实施方式
提供了用于使得用户能够快速翻阅显示的内容的系统和方法。
可以由运行在电子设备上的应用实现本发明的实施方式。该应用可以是能够获取来源于合适数量的数据源的媒体内容的内容聚合器类型的应用。例如,该应用可以向用户呈现多个可选择的高级类别(例如新闻、技术、体育、生活方式),其中的每一个类别可以与一个或多个数据源相关联。当用户选择其中一个高级类别时,根据本发明的实施方式,可以使得来源于与所选择类别相关联的一个或多个数据源的内容可用于查看。
来源数据可以是任意合适的媒体,如平面媒体(printed media)、视频媒体或音频媒体。每个数据源可以提供一个或多个文章或者可以在电子设备上查看的其他内容资产(asset)。可以由单个页面简洁地表示每个文章或内容资产。当被查看时,该页面向它的读者提供足够的信息以使得她做出是否想要更详细地阅读该文章的迅速判断。例如,该单个页面可以包括用于表示文章的插图(artwork)和标题。在另一个实施方式中,可以一次显示多个文章。例如,可以显示两个或三个文章,每个文章具有自己的标题、插图和文本。
根据本发明的一个实施方式,当用户选择高级类别中的一个时,该应用可以进入导航的“翻动”模式。在翻动导航模式中,用户可以通过在设备上输入触摸手势,翻阅用于表示与所选择类别相关联的每个文章或内容资产的单个页面的序列。用户可以通过前进或后退来翻阅该序列。但是将理解,如果该序列处于开头,则用户不能后退翻到之前的页面,并且如果该序列处于结尾,则用户不能前进翻到下一个页面。
翻动是这样一种过渡动画,即当前可视页面的上半部或下半部折叠到它的另一半部上面,并且随着当前可视页面折叠到它自己上面,不同的页面代替当前页面展开。例如,假设当前页面具有第一半部和第二半部,并且一个不同的页面具有第三半部和第四半部。还假设第二半部和第三半部彼此依附。当第二半部朝着第一半部向上翻动时,第三半部也向上翻动。随着第二半部和第三半部开始向上翻动,第四半部的一部分变为可视。随着第四半部与匹配的第二和第三半部之间的角度增加,可以看到越来越多的第四半部,并且可以看到越来越少的第一半部。当角度达到180度时,看不到任何当前页面,因为不同的页面已经完全翻动成可视。
用户可以控制她翻阅页面的速度。执行每个过渡动画的速度基于输入手势,该输入手势可以是轻扫(swipe)手势。轻扫手势可以包括(例如手指)触及到设备上的位置、跨越屏幕的拖动持续时间和速度以及(例如该手指)从设备抬起的位置。这些因素中的每一个因素可以确定用户是否意图快速或慢速地翻阅页面。
用户可以通过在设备上迅速地输入触摸手势(例如一系列快速轻扫动作),快速地翻阅页面。该快速翻动可以向用户提供她正在用拇指翻阅rolodex的印象。在一些实施方式中,如果在预先确定的时间周期之中接收到足够数目的输入手势,则可以一次向用户呈现多个页面。即,两个或更多页面可以同时飞动,从而同时向用户显示至少三个不同页面的一部分。每个翻动过渡动画由输入手势切断,从而阻止页面之间的任意滚动。
用户可以通过在该设备上输入相对缓慢的触摸手势,缓慢地翻阅页面。在“缓慢”翻动中,过渡动画以比快速翻动过渡更慢的节奏翻动页面。取决于轻扫手势因素,用户可以缓慢地拿起页面的一半并且将其翻过去。可选择地,用户可以拿起该页面,但是不将她的手指移动得足够远,从而导致该页面下落回到它的起始位置。
在用户结束翻阅页面之后,她可以选择当前页面以访问与该页面相关联的更多内容。例如,在当前页面上轻击之后,该应用将打开该文章,所以用户可以开始阅读。该文章可以包括内容的多个页面,并且根据本发明的实施方式,如果用户希望,则她可以快速翻阅这些页面。
图1显示了根据本发明的一个实施方式可以由内容聚合应用提供的例示性主屏幕100。屏幕100可以包括多个可选择的内容类别110、用户配置选项120、设置选项130和刷新选项140。每个内容类别110与一个或多个数据源相关联,可以获得来源于该数据源的内容以便在电子设备上查看或回放。例如,类别110可以包括新闻、技术(technology)、体育、生活方式、社交网络、博客、视频(video)、用户收藏等等。
用户配置选项120可以使得用户能够定制由该应用获得的内容。例如,用户可以定义在屏幕100上出现哪个类别110,并且用户可以创建一个或多个定制类别110。设置选项130可以使得用户能够设置针对应用如何操作的设置。例如,用户可以设置该应用向数据源轮询新内容的频率。刷新选项140可以使得用户能够手动地刷新与一个或多个类别110相关联的来源内容。
当用户选择其中一个类别110时,该应用可以从屏幕100过渡到图2A的屏幕200。可以按照任意数目的不同方式执行从屏幕100到屏幕200的过渡。在一个实施方式中,屏幕200可以在屏幕100上翻动成可见。可以将该翻动实现为下文更详细地讨论的多个不同的过渡动画中的一个。例如,屏幕100与200之间的过渡动画可以是如下文结合图11-图12的描述所讨论的多翻动过渡动画。要理解,当从屏幕100过渡到屏幕200时可以使用除了翻动动画之外的过渡动画,例如轻扫过渡或淡入过渡。
图2A显示了根据本发明的一个实施方式当用户选择图1的屏幕100中的类别时可以显示的页面的例示性屏幕200。屏幕200中的页面201可以被限制为显示仅与一个文章或内容资产相关联的内容。这可能是因为具有屏幕200的设备的外形因子在尺寸上受到限制(例如在手持或口袋大小设备中)。页面201可以包括插图202、标题204和来源标识符206。可以从来源于数据源的内容得到插图202、标题204和来源标识符206,并且页面201的布置被设计为使得用户确定其内容所需要的时间最小化,从而她可以做出是否进一步仔细查阅该文章或资产内容的迅速判断。换句话说,页面201是用于表示当用户希望访问文章或资产时可以由她访问的文章或资产的单个资产封面页面。
对于与在屏幕100中选择的类别相关联的每个文章或内容资产可以存在不同的页面。可以在运行该应用的设备上本地或远程地渲染并且/或者存储这些页面。在一些实施方式中,根据本发明的实施方式,可以将预先确定数目的页面存储在高速缓冲存储器中,从而它们可以被快速地访问和渲染,以供显示或者用于翻动过渡动画中。
在翻动过渡动画期间,页面201可以围绕翻动轴210折叠到它自身上。翻动轴210可以是中心轴,用于在屏幕200的中点处将屏幕200的纵向对分。由于页面201被定向在纵向模式中(即,纵横比使得从顶到底的维度大于从左到右的维度),所以页面201可以在垂直方向折叠到其自身上。例如,上半部220可以向下折叠到下半部230上面,或者可选择地,下半部230可以向上折叠到上半部220上面。但是如果希望,页面201可以在水平方向、对角线方向或任意其他合适的方向折叠到其自身上。
图2B显示了根据本发明的一个实施方式当用户选择图1的屏幕100中的类别时可以显示的页面251的例示性屏幕250。页面251可以显示与两个或更多文章或内容资产相关联的内容。这可能是因为具有屏幕250的设备的外形因子具有较大尺寸(例如平板大小的设备或监视器)。如图所示,显示了与三个不同的文章相关联的内容。该内容可以包括每个文章的插图、标题和文本(典型而言是完整文本的截短版本)
在翻动过渡动画期间,页面251可以围绕翻动轴260翻动到它自身上。翻动轴260沿垂直轴将页面251对分,从而将页面251分割成左半部270和右半部280。因此,在翻动过渡期间,页面251在水平方向折叠到其自身上。例如,在从左到右的过渡中,左半部270可以折叠到右半部280上面,并且在从右到左的过渡中,右半部280可以折叠到左半部270上面。
图3显示了根据本发明的一个实施方式从一个页面到另一个页面的翻动过渡动画。如通用层310所示的,该过渡动画始于页面1并且结束于页面2。该过渡动画花费时间(T)来完成,其中T可以是任意时间周期。为了例示性讨论的目的,假设该过渡是沿着水平地贯穿该页面的翻动轴的垂直过渡。图3还具有用于显示过渡动画的俯视图的俯视层320以及用于显示过渡动画的假想侧视图的侧视层330。在层320和330的每个时间片段中显示的数字1和2示出页面的可视部分。
从图3的左侧开始,过渡动画始于页面1,页面1是可以被用户查看的唯一页面。当过渡开始时,页面1和2都被分成两半。页面1具有第一半部和第二半部,并且页面2具有第三半部和第四半部。第二半部的底部与第三半部的顶部“配对(mate)”。(图5提供了对于页面如何在不同的层中组织以及互相配对的更详细的解释)。随着过渡开始,通过抬起页面2,页面1开始飞动。更具体而言,第二半部与第三半部的配对组合抬起第四半部,从而部分地展示页面2。然而,为了方便起见,将页面1视为飞动页面。随着页面1继续它的飞动过渡,越来越多的页面2被展示,并且页面1变为被覆盖得越来越多。然后,在时间T结束时,仅页面2对于用户可见。
图4A-图4G示出了根据本发明的一个实施方式从一个页面到另一个页面的翻动过渡动画序列。图4A-图4G显示了翻动轴410,并且将页面420和430显示为其任意部分可见的程度。页面420具有半部422和424,页面430具有半部432和434。根据动画序列的时间片段显示适当的半部。该翻动过渡动画是从底到顶的垂直翻动。
图4A显示了页面420的完整视图。图4B显示了半部424抬起以展示半部434。图4C显示了半部424进一步沿着它的飞动路径前进到上半部但是还没有跨越翻动轴410。图4D显示了半部424处于它的飞动路径的中途点处,完全展示了半部434。超过翻动轴410的半部424的任意前进导致改为显示半部432以替代半部424,如图4E所指示的。图4F显示了半部424(未显示)更进一步的前进如何覆盖更多的半部422并且展示更多的半部432。图4G显示了页面430的完整视图。
虽然在图4A-图4G中未显示,但是在整个动画序列中一个或多个可见半部的照明属性可以改变。例如在图4B中,半部422和424可以比半部434明显更亮。而在图4D中,半部422和434的照明属性可以基本相同。
图5示出了根据本发明的一个实施方式如何将页面转换成动画元素以供在翻动过渡动画中使用。当用户发起翻动过渡动画时,(图14中显示的)飞动模块将页面转换成动画元素,并且向该元素增加动画层,如照明。该飞动模块不仅为过渡准备当前页面,而且准备存在于该当前页面之前和之后的预定数目的页面。如上面解释的,该页面可以存在于该用户可以按照向后或向前的方式细读的序列中。要理解,取决于当前查看的页面存在于该页面序列中的哪里,可能不能预先准备存在于该当前页面之前和之后的预定数目的页面。在该情况中,该飞动模块可以预先准备尽可能多的页面。
为了描述附图5,假设当前页面是页面N,并且该页面改为在垂直方向翻动,从而需要创建每个页面的顶半部和底半部。如图所示,每个页面具有底标识符或顶标识符两者之一。如果用户翻动到下一个页面,则将显示页面N+1,或者如果用户翻动到前一个页面,则将显示页面N-1。
响应于触发事件,其中一些事件可能需要翻动过渡,该飞动模块通过将每个页面分割成顶半部和底半部来准备多个页面。另外,该飞动模块使用折叠层(例如折叠层510)将给定页面(例如页面N)的底半部与相邻页面(例如页面N+1)的顶半部“配对”。折叠层512将页面N的顶半部与页面N-1的底半部“配对”。该飞动模块可以将折叠层用作为标记,以确定需要对哪个页面的哪个半部进行动画表示以作为该过渡动画的一部分。例如,当用户提供翻动到下一个页面的输入时,该飞动模块确定哪个折叠层与页面N的底半部相关联,并且在确定该折叠层之后,飞动模块知道页面N+1是随着页面N开始其飞出视线路径而要进入视线的下一个页面,如虚线所指示的。页面N+1“拴系(tether)”到页面N,并且有效地遵循与页面N相同的飞动路径。继续该示例,用户可以发起另一个翻动过渡以使得页面N+2(未显示)将被显示。该飞动模块确定哪个折叠层与页面N+1的底半部相关联,并且发起页面N+1和页面N+2的过渡动画。
作为另一个示例,当用户提供翻动到前一个页面的输入时(例如从页面N到页面N-1),飞动引擎确定哪个折叠层与页面N的顶半部相关联。在确定该折叠层之后,飞动引擎知道要发起页面N和页面N-1的过渡操作。
可以在所示每个半部之上堆叠照明层520。(图14中显示的)照明模块可以产生照明层520,并且可以在半部的飞动期间动态地调整与每个照明层520相关联的照明属性。照明属性可以基于任意数目的不同因素,如页面的位置,或者更具体而言,每个页面的半部的位置、光源位置和保持该电子设备的角度。
该飞动模块不仅将页面转换成动画元素,还处理每个翻动过渡动画的飞动特性。飞动特性可以包括过渡速度、过渡物理现象(physics)以及动画风格。一些特性(如过渡速度和物理现象)取决于用户提供的输入手势。其他特性(如动画风格)典型而言与用户输入手势无关,而执行动画的速度可以取决于用户输入手势。
现在参考图6,显示了多个例示性输入手势,其中每个手势产生不同的过渡动画。每个输入手势是一个轻扫手势,并且轻扫手势可以包括(例如手指)触及到设备上的位置、跨越屏幕的拖动时间和速度以及(例如该手指)从设备抬起的位置。这些因素中的每一个因素可以确定用户希望翻动的方向以及用户是否意图快速或慢速地翻阅页面。如图所示,每个手势具有(如较低的圆圈所指示的)触及位置、(如虚线所指示的)拖动路径和(如较高的圆圈所指示的)抬起位置。每个手势具有速度X、Y或Z,其中X>Y>Z。
可以由用于处理从存在于电子设备上的触摸板接收的原始数据的触摸硬件模块识别轻扫手势。触摸模块可以识别其他手势,如轻击(单次轻击和多次同时轻击)和多点触摸手势(两个手指捏或两个手指滚动)。触摸模块可以与该飞动模块和物理现象模块同时工作以确定过渡动画的飞动特性。
物理现象模块可以基于用户输入手势,计算每个过渡动画的移动参数。物理现象模块可以确定该飞动模块应该多快地执行过渡动画。物理现象模块可以确定用户输入手势是否足以使得页面能够完全翻过。例如,用户可以“拿起”页面以翻动它,但是在她的轻扫手势动作中不具有足够的速度,并且结果是页面可能抬起,但是由于不存在足够的动量将其带到翻动轴上面所以向下回落到初始位置。
可以使用极坐标系统或笛卡尔坐标系统来确定触及位置和抬起位置。在极坐标系统中,相对翻动轴计算位置。相对翻动轴的触及位置和抬起位置为物理现象模块提供更多数据点以确定如何指示飞动模块如何执行过渡动画。图6中的每个手势的以下描述将例示出当指示飞动模块如何执行过渡时,物理现象模块如何考虑以上识别的每个因素。
手势1显示以速度X跨越翻动轴的轻扫手势。由于X是相对快的速度并且手势跨越翻动轴,所以可以相对快的节奏执行从页面1到页面2的过渡动画。
手势2显示以速度Y跨越翻动轴的轻扫手势。由于Y是相对中等的速度并且手势跨越翻动轴,所以可以与Y成正比的节奏执行从页面1到页面2的过渡动画。
手势3显示未跨越翻动轴但是以速度X执行的的轻扫手势。物理现象模块可以推断用户意图快速翻动,因为该手势是短暂并且快速的,即使该手势没有跨越翻动轴。结果是,以相对快的节奏执行翻动过渡动画。
手势4显示未跨越翻动轴并且以速度Z(相对缓慢的速度)执行的轻扫手势。响应于该手势,物理现象模块可以推断不存在足够的速度以将页面带到翻动轴之上。因此,即使页面可以抬起,其也不具有足够的动量来完成完整的过渡。结果是,页面将向下回落并且过渡仍然未完成。
手势5显示以速度Z(相对缓慢的速度)跨越翻动轴的轻扫手势。响应于该手势,物理现象模块可以指示该飞动模块缓慢地执行过渡,但是使得其能够完全完成。即使用户手势相对缓慢,她也正好抬起超过了翻动轴,从而使得“重力”做了完成过渡的工作。
图6中所示的手势指示了根据本发明的实施方式可以执行的许多不同的手势/过渡组合中的仅仅少数。例如,手势可以在顶半部触及、拖动,并且在顶半部抬起,并且这将导致底半部翻动到顶半部上。因此,翻动的方向不必取决于触及位置。
根据本发明的实施方式可以操作的另一个手势/过渡组合是导致一系列相对高速的翻动过渡将被执行的一系列相对高速的轻扫手势。作为结果的翻动过渡动画在这里可以被称为快速翻动。飞动模块可以执行快速翻动,从而多个页面同时飞动。例如,当第一页面在飞动并且在第一页面的飞动期间接收到第二输入手势时,在第一页面仍然飞动的同时第二页面飞动。如果基本上同时接收到第三输入手势,则第三页面至少与第二页面同时飞动。第一页面可能仍然在飞动,在该情况下,三个页面都在同时飞动。该快速翻动序列可以在任意方向无限地继续,直到没有更多页面要显示或者用户停止试验手势输入为止。
虽然快速翻动可以相对快速连续地发生,并且多个页面可以同时飞动,但是向用户提供了在下一个快速翻动开始之前每个页面的至少一部分的简明快照。这赋予用户以rolodex方式快速“用拇指翻阅”页面并且做出是否进一步仔细查阅她刚刚查看的页面中的任意一个页面的迅速判断的能力。
现在参考图7,显示了根据本发明的一个实施方式的一系列快速翻动的例示。该快速翻动过渡动画系列始于页面1,包括页面2并且结束于页面3,如通用层710所示出的。发起该序列的轻扫手势可以是例如图6中所示的手势3类型的系列。每个快速翻动过渡动画可以花费时间(TFF)来完成,其中TFF是预定的时间周期。整个快速翻动系列可以花费时间(TS),TS除了其他因素之外取决于用户开始的翻动数目。预定的时间周期TFF的范围可以在0.1秒到0.9秒之间,或者更具体地在0.2秒到0.7秒之间、或者在0.3秒和0.6秒之间、或者在0.4秒和0.5秒之间,或者大约为0.4秒。为了例示性讨论的目的,假设过渡是沿着水平地穿过该页面的翻动轴而进行的垂直过渡。图7还具有用于显示过渡动画的俯视图的俯视图层720和用于显示过渡动画的假想侧视图的侧视图层730。在层720和730的每个时间片段中的标号P1、P2和P3示出了页面的可视部分。
在任意过渡开始之前,用户仅可以查看页面1,如由层720和730的时间片段t0所示的。与时间片段t0相称地,接收到快速翻动手势,该快速翻动手势促使飞动模块开始页面1的飞动操作。当页面1飞动时,其开始围绕翻动轴翻动,随之拉起页面2,如时间片段t1和t2所示的。然后在时间片段t3附近接收到另一个快速翻动手势输入,该快速翻动手势输入促使飞动模块开始页面2的飞动操作。类似于页面1,当页面2飞动时,其开始围绕翻动轴翻动,随之拉起页面3,如时间片段t3-t5所示的。但是在时间片段t3-t4中,页面1和2两者同时飞动。在时间片段t5中,仅页面2飞动,因为页面1已经完成它的飞动执行。在时间片段t6,仅页面3可视并且页面2完成它的飞动执行。
图8A-图8J示出了根据本发明的一系列快速翻动过渡动画。图8A-图8J显示了翻动轴810,并且将页面820、830、840、850显示为其任意部分可见的程度。页面820具有半部822和半部824,页面830具有半部832和半部834,页面840具有半部842和半部844,并且页面850具有半部852和半部854。根据动画序列的时间片段显示了合适的半部。以“xx2”结束的半部是顶半部,并且以“xx4”结束的半部是底半部。每个快速翻动过渡动画是从底到顶垂直翻动。
图8A显示了页面820的完整视图。图8B显示了半部824抬起以展示半部834。图8C显示了半部824进一步沿着其到上半部的飞动路径前进,但是还没有跨越翻动轴810。其还显示了半部834已经抬起以展示页面840的半部844。在此刻,页面820与830两者同时飞动。
图8D显示了半部824已经几乎到达翻动轴810,并且半部834进一步沿它的飞动路径前进。图8E显示了半部822、832、834和844。半部824不再可见,因为半部820已经经过翻动轴810。由于半部820已经经过翻动轴810,所以半部832现在可见。
图8F显示了所有页面820、830和840同时飞动,其中页面850的半部854正被展示。图8G显示所有页面820、830和840都已经经过翻动轴,从而仅显示顶半部822、832和842。图8H显示页面820(未显示)已完成它的飞动执行,因为它被页面830完全覆盖。图8H还显示页面830接近完成它的飞动执行,并且图8H还显示页面840已经经过翻动轴810。
图8I显示了页面840和850,其中页面840接近完成它的飞动路径。在图8J中所示的下一个时间序列中,页面840的飞动路径完成,因为仅页面850可见。
图9显示了根据本发明的一个实施方式用于实现一系列快速翻动过渡动画的步骤的例示性流程图。在步骤910处开始,接收第一手势输入。第一手势输入可以包括可以导致飞动模块执行快速翻动过渡动画的特性(例如触及和抬起位置以及拖动速度)。例如,可以接收如图6的手势3的手势输入。可选择地,第一手势可以包括可以导致飞动模块执行以比快速翻动更慢的节奏执行的翻动过渡动画的特性。
在步骤920处,处理第一手势输入并且确定用于第一过渡动画的飞动特性。可以由例如物理现象模块、触摸模块或者这两个模块的组合处理第一手势输入,以确定第一过渡动画的飞动特性。该飞动特性指示飞动引擎如何执行过渡动画。如以上结合图6所讨论的,可以根据任意数目的不同方式执行过渡动画。
在步骤930处,根据确定的飞动特性执行第一过渡动画。在该步骤中,飞动模块控制页面的动画,以及最终如何通过向例如3D动画引擎和/或图形硬件发送动画指示来向用户呈现动画。此外,飞动模块可以为动画准备其他页面并且在适当时使用折叠层和照明层。
在步骤940处,在第一过渡动画飞动的同时接收第二手势输入。例如,在第一页面正翻过时,接收第二手势输入。在步骤950处,处理第二手势输入并且确定用于第二过渡动画的飞动特性。为了该讨论的目的,假设第二手势输入是快速翻动手势并且如此地确定飞动特性。
在步骤960处,根据确定的飞动特性执行第二过渡动画,并且结果是第一过渡动画和第二过渡动画两者同时飞动。因此,在至少最小时间周期内,同时向用户呈现两个动画。要理解,可以增加附加步骤并且可以任意次序或者同时执行各个步骤。
图10显示了根据本发明的一个实施方式用于实现一系列快速翻动过渡动画的步骤的另一个例示性流程图。在步骤1010处开始,在预定时间周期中经由触摸硬件接收多个手势输入。
在步骤1020处,响应于每个接收的手势输入执行翻动过渡动画,其中,每个过渡动画的执行沿飞动路径发送飞动页面,其中飞动页面和不同页面的可视部分随着飞动页面沿其飞动路径前进而改变,并且其中该预定时间周期使得至少两个页面同时飞动。每个过渡动画显示不同页面的至少一部分。即,每次新的过渡动画飞动时,将该飞动页面“下面”的页面的一部分呈现给用户。另外,因为相对快速地依次接收多个手势输入,所以至少两个过渡动画同时飞动。在一些实施方式中,三个、四个、五个、六个或更多过渡动画可以同时飞动。
取决于给定页面在给定过渡动画中的哪里,可以动态地调整每个页面的照明参数。这样,随着用户快速翻阅页面,向她呈现用于每个可见页面的视觉照明效果。
现在参考图11A-图11J,显示了例示性空白页面多翻动过渡动画。除了多翻动过渡包括多个空白页面而快速翻动包括具有内容的页面之外,空白页面多翻动过渡动画是与多个快速翻动过渡动画类似地过渡动画。多翻动动画并且特别是空白页面向用户表示她正过渡到具有多个内容页面的应用的特辑(feature)。图11A-图11J的动画序列显示了从主屏幕到与在主屏幕中选择的类别相对应的第一页面的过渡。可以由多翻动模块处理多翻动过渡动画,并且可以在没有用户输入的情况下自动执行多翻动过渡动画。即,用户可以选择选择促使多翻动过渡动画执行的类别,但是自动地执行多翻动过渡动画序列。
始于图11A,向主屏幕1110提供多个可选择的类别1112。假设用户选择其中一个可选择的类别1112,则主屏幕开始围绕翻动轴1120翻动,展示出第一空白页面1130,如图11B中所指示的。图11C-图11G显示了围绕翻动轴1120翻动的多个空白页面的序列。该序列包括空白页面1130、1140、1150、1160和1170,但是要理解可以使用任意数目的空白页面。
图11H显示了空白页面1170的抬起显示出内容页面1180。内容页面1180可以是与所选择类别相关联的全部可用页面。图11I显示了空白页面1170正在接近它的飞动路径,并且图11J显示了空白页面1170已完成它的飞动路径,因为用户仅可以看到内容页面1180。
图12显示了根据本发明的一个实施方式的可用于显示空白页面多翻动过渡动画的步骤的例示性流程图。在步骤1210处开始,显示具有多个可选择的类别的第一页面。例如,可以显示如图1中所显示主屏幕。然后在步骤1220处,接收用户对于该可选择的类别的选择。例如用户可以轻击其中一个类别。
在步骤1230处,响应于接收的用户选择,执行多翻动过渡动画,以从第一页面过渡到内容(或登录)页面。多翻动过渡包括多个空白页面飞动的同时执行,并且在用户选择其中一个类别之后被自动执行。该内容页面可以是与所选择类别相关联的第一页面。
作为以上结合图11A-图11J和图12所讨论的空白页面多翻动实施方式的替换,在多翻动过渡动画期间可以显示内容页面以代替空白页面。例如,内容可以是与所选择类别相对应的页面的实际内容。多翻动模块可以选择用于包含在该多翻动过渡动画中的内容的子集。可以将内容页面高速缓存在存储器中以供更快的访问。另外,内容页面可以是从一个或多个数据源获得的内容页面的较低分辨率版本。事实上,具有内容的多翻动过渡动画可以类似于多个快速翻动过渡动画,但是在没有来自用户的任意输入的情况下被自动执行。
应该理解,图9、10和12中的过程仅仅是例示性的。可以去除、修改或组合任意步骤,并且可以增加任意附加步骤,而不会脱离本发明的范围。
图13示出了电子设备1300的框图,电子设备1300包括可以接收触摸输入以便经由有线或无线通信信道1330与处理系统1320交互的触摸设备1310。触摸设备1310可以代替或者结合其他输入设备(如键盘、鼠标等等)用于向处理系统1320提供用户输入。一个或多个触摸设备1310可用于向处理系统1320提供用户输入。触摸设备1310可以是处理系统1320的组成部分(例如膝上型计算机的触摸屏)或者可以与处理系统1320分离。
触摸设备1310可以包括完全地或部分地透明、半透明、不透明或其任意组合的触摸感应面板。可以将触摸设备1310体现为触摸屏、触摸板、作为触摸板的触摸屏(例如用于代替膝上型计算机的触摸板的触摸屏)、与任意其他输入设备组合或合并的触摸屏或触摸板(例如布置在键盘上的触摸屏或触摸板)或者具有用于接收触摸输入的触摸感应表面的任意多维对象。
在一个示例中,被体现为触摸屏的触摸设备1310可以包括部分或全部位于显示器的至少一部分上面的透明和/或半透明触摸感应面板。根据该实施方式,触摸设备1310用于显示从处理系统1320(和/或其他源)发送的图形数据并且还用于接收用户输入。在其他实施方式中,可以将触摸设备1310体现为集成触摸屏,其中触摸感应组件/设备与显示组件/设备集成为整体。在另一些其他实施方式中,可以使用触摸屏作为补充或附加显示屏,以便显示补充图形数据或与主显示屏相同的图形数据并且接收触摸输入。
触摸设备1310可以被配置为基于电容、电阻、光学、声学、电感、机械、化学测量或者可以测量的关于一个或多个接触或靠近设备1310的接近接触的出现的任意现象,检测在设备1310上的一个或多个触摸或接近触摸的位置。可以使用软件、硬件、固件或它们的任意组合来处理所检测的触摸的测量,以识别并且追踪一个或多个手势。手势可以对应于触摸设备1310上静止的或非静止的、一个或多个触摸或接近触摸。可以通过在触摸设备1310上以特定方式移动一个或多个手指或者其他物体来执行手势,例如基本上同时、持续地或者连续地轻击、按压、摇动、摩擦、扭曲、改变方向、以变化的压力按压等等。手势的特征可以在于但不限于在任意其他手指之间或利用任意其他手指的捏、滑动、轻扫、旋转、伸缩、拖动或者轻击动作。可以由一个或多个用户利用一个或多个手或者它们的任意组合执行单个手势。
处理系统1320可以利用图形数据驱动显示器以显示图形用户接口(GUI)。GUI可以被配置为经由触摸设备1310接收触摸输入。被体现为触摸屏的触摸设备1310可以显示GUI。可选择地,可以在与触摸设备1310分离的显示器上显示GUI。GUI可以包括在该接口的特定位置处显示的图形元素。图形元素可以包括但不限于各种显示的虚拟输入设备包括,虚拟滚轮、虚拟键盘、虚拟旋钮、虚拟按钮、任意虚拟UI等等。用户可以在触摸设备1310上可能与GUI的图形元素相关联的一个或多个特定位置处执行手势。在其他实施方式中,用户可以在与GUI的图形元素的位置独立的一个或多个位置处执行手势。在触摸设备1310上执行的手势可以直接或间接地操纵、控制、修改、移动、激励、发起或者通常而言影响图形元素,如GUI中的光标、图标、媒体文件、列表、文本、全部或部分图像(例如以上结合图8A-图8J所讨论的页面)等等。例如,在触摸屏的情况中,用户可以通过在触摸屏上的图形元素之上执行手势,直接与该图形元素交互。可选择地,触摸板通常而言提供间接交互。手势还可以影响非显示GUI元素(例如导致用户接口出现)或者可以影响处理系统1320中的其他活动(例如影响GUI、应用或操作系统的状态或模式)。可以在触摸设备1310上与或不与显示光标结合地执行手势。例如,在触摸板上执行手势的情况中,可以在显示屏或触摸屏上显示光标(或指针),并且可以经由触摸板上的触摸输入来控制该光标以与显示屏上的图形对象交互。在直接在触摸屏上执行手势的其他实施方式中,用户可以直接与触摸屏上的对象交互,其中在触摸屏上显示或不显示光标或指针。
可以响应于或基于触摸设备1310上的触摸或接近触摸,经由通信信道1330向用户提供反馈。可以光学地、机械地、电气地、嗅觉地、声学地等等或以它们的组合并且以可变的或不可变的方式发送反馈。
现在将注意力转向可以体现于任意便携式或非便携式设备中的系统架构的实施方式,其中该设备包括但不限于通信设备(例如移动电话、智能电话)、多媒体设备(例如MP3播放器、TV、收音机)、便携式或手持计算机(平板计算机、笔记本计算机、膝上型计算机)、桌上型计算机、一体式桌上型计算机、外围设备或适用于包括系统架构1300的任意其他系统或设备,包括两个或更多这种类型的设备的组合。图14是可以包括电子设备1402和数据源1404的系统1400的一个实施方式的框图。电子设备1402可以包括一个或多个计算机可读介质1410、处理系统1420、触摸子系统1430、显示/图形子系统1440、通信电路1450、存储器1460以及音频电路1470。可以由一个或多个通信总线或信号线耦合这些组件。电子设备1402可以与电子设备1300(图13)相同或相似。
数据源1404表示各种源,其中内容可以从这些源中获得并且最终显示在电子设备1402上。内容可以是任意合适的媒体,如平面媒体、视频媒体或音频媒体。每个数据源可以提供一个或多个文章或可以在电子设备上查看的其他内容资产。电子设备1402根据需要或者以规律的间隔从数据源1404获得内容。数据源1404处的内容可以持续更新。
应该很显然的是图14中所示的架构仅仅是系统1400的一个示例性架构,并且电子设备1402可以具有比所示更多或更少的组件或者具有不同的组件配置。可以将图14中所示的各种组件实现在硬件、软件、固件或它们的任意组合中,包括一个或多个信号处理和/或专用集成电路。
通信电路1450可以包括用于发送和接收信息的RF电路1452和/或端口1454。RF电路1452允许信息基于无线链路或网络到一个或多个其他设备的传输,并且包括用于执行该功能的公知电路。端口1454允许信息基于有线链路的传输。通信电路1450可以与例如数据源1404通信。可以将通信电路1450经由外围接口1424耦合到处理系统1420。接口1424可以包括用于在外围与处理系统1420之间建立并且维持通信的各种已知组件。
音频电路1470可以被耦合到音频扬声器(未显示)和麦克风(未显示),并且包括用于处理从接口1424接收的语音信号的已知电路以使得用户能够与其他用户实时通信。在一些实施方式中,音频电路1470包括头戴式耳机插孔(未显示)。
外围接口1424可以将系统的各种外围耦合到处理器1426和计算机可读介质1410。一个或多个处理器1426可以经由控制器1422与一个或多个计算机可读介质1410通信。计算机可读介质1410可以是可以存储代码和/或数据以供一个或多个处理器1426使用的任意设备或介质。介质1410可以包括存储器架构,包括但不限于高速缓冲存储器、主存储器和辅存储器。可以使用RAM(例如SRAM、DRAM、DDRAM)、ROM、FLASH、磁和/或光存储设备如盘驱动器、磁带、CD(压缩盘)和DVD(数字视频盘)的任意组合来实现存储器层级结构。介质1410还可以包括用于携带信息承载信号的传输介质,该信息承载信号用于指示计算机指令或数据(其中具有或不具有将该信号调制于其上的载波)。例如,传输介质可以包括通信网络,包括但不限于互联网(还被称为万维网)、内联网、局域网(LAN)、宽局域网(WLAN)、存储区域网(SAN)、城域网(MAN)等等。
一个或多个处理器1426可以运行存储在介质1410中的各种软件组件以执行设备1402的各种功能。在一些实施方式中,该软件组件包括操作系统1411、通信模块(或指令集)1412、触摸处理模块(或指令集)1412、物理现象模块(或指令集)1414、飞动模块(或指令集)1415、多翻动模块(或指令集)1416、照明模块(或指令集)1417以及一个或多个应用(或指令集)1418。这些模块和上述应用中的每一个对应于用于执行一个或多个上述功能和本申请所述的方法(例如计算机实现的方法和本文所述的其他信息处理方法)的指令集。这些模块(或指令集)无需被实现为独立的软件程序、程序或模块,并且因此在各种实施方式中可以组合或否则重组这些模块的各种子集。在一些实施方式中,介质1410可以存储上面标识的模块和数据结构的子集。此外,介质1410可以存储上面未描述的附加模块和数据结构
操作系统1411可以包括用于控制并且管理通用系统任务(例如存储器管理、存储设备控制、功率管理等等)的各种程序、指令集、软件组件和/或驱动器,并且促进各种硬件与软件组件之间的通信。
通信模块1412使用通信电路1450来促进与其他设备的通信,并且包括用于处理从RF电路1452和/或端口1454接收的数据的各种软件组件。
触摸处理模块1413包括用于执行与触摸硬件1434相关联的各种任务(包括但不限于接收并且处理经由触摸I/O设备控制器1432从I/O设备1430接收的触摸输入)的各种软件组件。例如,触摸处理模块1413还可以包括用于执行与其他I/O设备(未显示)相关联的任务的软件组件。
物理现象、飞动、多翻动和照明模块1414-1417包括用于执行根据本发明的各种实施方式的不同的翻动过渡动画的指令。模块1414-1417可以使用由介质1410中的其他模块提供的数据或者与其他模块合作地进行操作以执行过渡动画。
物理现象模块1414可以基于由触摸处理模块1413处理的手势输入,确定过渡动画的飞动特性。例如,物理现象模块1414可以确定执行过渡动画的速度。作为了一个示例,模块1414可以(基于输入手势)确定是否出现了足够的动量以使得过渡动画能够跨越翻动轴并且完成它的飞动路径。
飞动模块1415基于由物理现象模块1414、触摸处理模块1413、照明模块1417和/或多翻动模块1416提供的数据控制过渡动画。飞动模块1415可以包括用于在显示器表面上渲染、动画表示并且显示图形对象的各种已知的软件组件。在触摸硬件1434是触摸感应显示器(例如触摸屏)的实施方式中,飞动模块1415包括用于在触摸感应显示器上渲染、显示并且动画表示对象的软件组件。更具体而言,模块1415可以向3D动画引擎1442提供动画指令,3D动画引擎1442可以渲染图形并且向图形I/O控制器1444提供该渲染,从而可以在显示器1446上显示该图形。
飞动模块1415可以包括用于将页面转换成适用于过渡动画的动画元素的指令。例如,模块1415可以从存储器1460获得页面,并且为过渡动画准备这些页面。例如,可以通过将页面“分割”成第一半部和第二半部来准备页面。模块1415可以使用折叠层来保持对于将哪些页面包括在翻动过渡动画序列中的追踪。模块1415还可以针对每个页面而包含照明层。
照明模块1417包括用于随着每个页面沿它的飞动路径移动而动态地调整每个页面的照明的指令。多翻动模块1416包括用于同时显示作为从一个页面到另一个页面的过渡的一部分的多个空白页面的指令。
一个或多个应用1419可以包括安装在系统1402上的任意应用,包括单不限于浏览器、地址簿、联系人列表、电子邮件、即时消息收发、文字处理、键盘仿真、窗口小部件、支持JAVA的应用、加密、数字版权管理、语音识别、语音复制、(如全球定位系统(GPS)提供的)位置确定能力、音乐播放器等等。
将触摸I/O控制器1432耦合到触摸硬件1434以便控制或执行各种功能。触摸硬件1434经由触摸I/O设备控制器1432与处理系统1420通信,处理系统1420包括用于处理用户触摸输入的各种组件(例如扫描硬件)。一个或多个其他输入控制器(未显示)从/向其他I/O设备(未显示)接收/发送电子信号。其他I/O设备可以包括物理按钮、拔号盘、滑动开关、杆、键盘、触摸板、附加显示屏或它们的任意组合。
如果触摸硬件1434被体现为触摸屏,则触摸硬件1434在GUI中向用户显示视觉输出。该视觉输出可以包括文本、图形、视频和它们的任意组合。一些或全部视觉输出可以对应于用户接口对象。触摸硬件1434形成用于接受来自用户的触摸输入的触摸感应表面。触摸硬件1434和触摸控制器1432(连同介质1410中的任意相关模块和/或指令集一起)检测并且追踪触摸硬件1434上的触摸或接近触摸(和任意移动或触摸释放),并且将检测到的触摸输入转换成与图形对象的交互,如一个或多个用户接口对象。在硬件1434被体现为触摸屏的情况中,用户可以直接与显示在触摸屏上的图形对象交互。可选择地,在硬件1434被体现为除了触摸屏之外的触摸设备(例如触摸板)的情况中,用户可以与在独立的显示屏上显示的图形对象间接地交互。
在触摸硬件1434是触摸屏的实施方式中,触摸屏可以使用LCD(液晶显示器)技术、LPD(发光二级管显示器)技术、OLED(有机LED)或OLE(有机电致发光),但是在其他实施方式中可以使用其他显示技术。
可以由触摸硬件1434基于用户的触摸输入以及计算系统正在显示的状态和/或计算系统的状态,提供反馈。可以光学地(例如光信号和显示的图像)、机械地(例如触觉反馈,触摸反馈、力反馈等等)、电气地(例如电气仿真)、嗅觉地、声学地(例如蜂鸣等等)或它们的任意组合并且以可变或不可变的形式发送反馈。
在一些实施方式中,可以将外围接口1424、一个或多个处理器1426和存储器控制器1422实现在单个芯片上。在一些其他实施方式中,可以将它们实现在分离的芯片上。存储器1460可以是用于存储数据的任意合适的介质,包括例如易失性存储器(例如高速缓冲存储器、RAM)、非易失性存储器(例如闪存、硬盘驱动器)或两者,以便存储数据,包括用于过渡动画的页面。
通知模块238可以与一个或多个应用编程接口(“API”)接驳以提供通知中心,该通知中心可以当系统200处于锁定状态或解锁状态之一中时生成各种类型的通知。此外,通知模块238可以提供用于定制通知中心的多个设置。
为了说明而不是为了限制的目的而提供本发明的所述实施方式。
Claims (26)
1.一种在具有触摸硬件的设备中实现的用于使得用户能够翻阅多个页面的方法,所述方法包括:
在预定的时间周期之中经由所述触摸硬件接收多个手势输入;以及
响应于每个接收的手势输入,执行翻动过渡动画,其中每个过渡动画的执行发送沿飞动路径飞动的页面,每个页面包括由轴分隔的第一半部和第二半部,其中将飞动页面的一个半部与不同页面的一个半部配对,随着所述飞动页面沿所述飞动路径前进,所述飞动页面和所述不同页面的配对的半部围绕所述轴翻动,并且所述配对的半部在所述飞动路径之中的位置指示所述飞动页面和所述不同页面的可视部分,其中所述飞动页面和所述不同页面的所述可视部分随着所述飞动页面沿所述飞动路径前进而改变,并且其中所述预定的时间周期使得至少两个页面同时飞动。
2.根据权利要求1所述的方法,其中每个翻动过渡动画的所述飞动路径包括围绕所述轴将所述页面的所述第一半部翻动到所述页面的所述第二半部上面或者围绕所述轴将所述页面的所述第二半部翻动到所述页面的所述第一半部上面。
3.根据权利要求1所述的方法,还包括:
基于用于触发特定过渡动画的接收的手势输入,确定针对每个过渡动画的飞动特性;并且
其中执行所述特定过渡动画包括根据针对该特定过渡动画确定的所述飞动特性,发送沿所述飞动路径飞动的所述页面。
4.根据权利要求3所述的方法,其中所述飞动特性包括执行所述特定过渡动画的速度和方向。
5.根据权利要求1所述的方法,还包括:
随着所述飞动沿每个页面的飞动路径前进,动态地调整与所述页面相关联的照明属性。
6.一种电子设备,包括:
用于执行指令的处理器;
触摸处理模块;
飞动模块;以及
与所述处理器耦合以存储指令的存储器,所述指令当被所述处理器执行时使得所述处理器与所述触摸处理模块和所述飞动模块接驳并且进行操作以:
接收第一手势输入;
处理所述第一手势输入,并且确定用于第一过渡动画的飞动特性;
根据所确定的飞动特性执行所述第一过渡动画以使得所述第一过渡动画可视地飞动;
当所述第一过渡动画飞动的同时,接收第二手势输入;
处理所述第二手势输入,并且确定用于第二过渡动画的飞动特性;
根据所确定的飞动特性执行所述第二过渡动画以使得所述第二过渡动画可视地飞动,其中所述第一过渡动画和所述第二过渡动画同时飞动;以及
动态地调整与所述第一过渡动画和所述第二过渡动画相关联的照明参数。
7.根据权利要求6所述的电子设备,其中所述处理器进行操作以:
当所述第一过渡动画和所述第二过渡动画飞动的同时,接收第三手势输入;
处理所述第三手势输入,并且确定用于第三过渡动画的飞动特性;以及
根据所确定的飞动特性执行所述第三过渡动画以使得所述第三过渡动画可视地飞动,其中所述第一过渡动画、所述第二过渡动画和所述第三过渡动画同时飞动。
8.根据权利要求6所述的电子设备,其中所述第一过渡动画是从第一页面到第二页面的用户可视过渡,并且其中所述第二过渡动画是从所述第二页面到第三页面的用户可视过渡。
9.根据权利要求8所述的电子设备,其中当所述第一过渡动画和所述第二过渡动画同时飞动时,所述第一页面、所述第二页面和所述第三页面同时是用户可视的。
10.根据权利要求8所述的电子设备,其中所述第一页面、所述第二页面和所述第三页面表示媒体资产的封面页面。
11.根据权利要求6所述的电子设备,还包括照明模块,其中所述处理器与所述照明模块接驳并且进行操作以:
动态地调整与所述第一过渡动画和所述第二过渡动画相关联的照明参数。
12.根据权利要求6所述的电子设备,其中所述第一手势输入和所述第二手势输入是轻扫手势,每个轻扫手势包括触及事件、拖动事件和抬起事件。
13.根据权利要求6所述的电子设备,其中所述第一过渡动画和所述第二过渡动画是页面翻动过渡动画。
14.一种显示的方法,包括:
显示具有多个可选择的类别的第一页面;
接收对所述可选择的类别中的一个类别的用户选择;
响应于接收的用户选择,执行多翻动过渡动画以从所述第一页面过渡到内容页面,所述多翻动过渡动画包括多个空白页面的同时飞动显示;以及
随着每个空白页面沿它的飞动路径前进,动态地调整与每个空白页面相关联的照明参数。
15.根据权利要求14所述的方法,其中从所述第一页面过渡到所述内容页面的所述多翻动过渡动画包括:
可视地从所述第一页面过渡到所述空白页面中的第一空白页面;
动画表示每个所述空白页面的同时飞动显示,始于所述第一空白页面并且结束于最后一个空白页面;以及
可视地从所述最后一个空白页面过渡到所述内容页面。
16.根据权利要求14所述的方法,其中所述第一页面和至少两个空白页面是用户同时可视的。
17.根据权利要求14所述的方法,其中至少两个空白页面和所述内容页面是用户同时可视的。
18.根据权利要求14所述的方法,其中至少三个空白页面是用户同时可视的。
19.根据权利要求14所述的方法,其中所述内容页面是与所选择的类别相关联的多个内容页面中的第一内容页面。
20.根据权利要求14所述的方法,其中执行所述多翻动过渡动画包括:
围绕翻动轴可视地翻动所述第一页面和所述空白页面。
21.一种显示的方法,包括:
显示具有多个可选择的类别的第一页面;
接收对所述可选择的类别中的一个类别的用户选择;
响应于接收的用户选择,执行多翻动过渡动画以从所述第一页面过渡到登录页面,所述多翻动过渡动画包括多个内容页面的同时飞动显示;以及
根据多个页面中的页面在所述多翻动过渡动画内相对于所述多个页面的次序来动态地调整所述多个页面中的所述页面的照明参数。
22.根据权利要求21所述的方法,其中从所述第一页面到所述登录页面的所述多翻动过渡动画包括:
可视地从所述第一页面过渡到所述内容页面中的第一内容页面;
动画表示每个所述内容页面的同时飞动显示,始于所述第一内容页面并且结束于最后一个内容页面;以及
可视地从最后一个高速缓存的内容页面过渡到所述登录页面。
23.根据权利要求21所述的方法,其中所述内容页面被高速缓存在存储器中,并且是从一个或多个数据源获得的内容页面的较低分辨率版本。
24.一种计算机可读存储介质,具有存储于其中的机器可执行指令,当所述指令被机器执行时,使得所述机器执行根据权利要求1-5任一项所述的方法。
25.一种计算机可读存储介质,具有存储于其中的机器可执行指令,当所述指令被机器执行时,使得所述机器执行根据权利要求14-20任一项所述的方法。
26.一种计算机可读存储介质,具有存储于其中的机器可执行指令,当所述指令被机器执行时,使得所述机器执行根据权利要求21-23任一项所述的方法。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US13/284,678 | 2011-10-28 | ||
US13/284,678 US8935629B2 (en) | 2011-10-28 | 2011-10-28 | Systems and methods for flipping through content |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103218147A CN103218147A (zh) | 2013-07-24 |
CN103218147B true CN103218147B (zh) | 2017-07-28 |
Family
ID=48168524
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210345473.6A Active CN103218147B (zh) | 2011-10-28 | 2012-09-12 | 用于翻阅内容的系统和方法 |
Country Status (3)
Country | Link |
---|---|
US (3) | US8935629B2 (zh) |
CN (1) | CN103218147B (zh) |
WO (1) | WO2013063349A1 (zh) |
Families Citing this family (179)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130014041A1 (en) * | 2008-12-09 | 2013-01-10 | Denny Jaeger | Using gesture objects to replace menus for computer control |
US9575615B1 (en) | 2011-03-22 | 2017-02-21 | Amazon Technologies, Inc. | Presenting supplemental content |
US20120272180A1 (en) * | 2011-04-20 | 2012-10-25 | Nokia Corporation | Method and apparatus for providing content flipping based on a scrolling operation |
USD731506S1 (en) * | 2011-11-17 | 2015-06-09 | Axell Corporation | Display screen with graphical user interface |
USD731503S1 (en) * | 2011-11-17 | 2015-06-09 | Axell Corporation | Display screen with graphical user interface |
KR20130055404A (ko) * | 2011-11-18 | 2013-05-28 | 삼성전자주식회사 | 터치 디바이스에서 문자 입력 방법 및 장치 |
US9645733B2 (en) * | 2011-12-06 | 2017-05-09 | Google Inc. | Mechanism for switching between document viewing windows |
US20130145258A1 (en) * | 2011-12-06 | 2013-06-06 | Google Inc. | Incremental Synchronization for Magazines |
US9176573B2 (en) * | 2012-01-04 | 2015-11-03 | Microsoft Technology Licensing, Llc | Cumulative movement animations |
US9870635B2 (en) * | 2012-01-06 | 2018-01-16 | Microsoft Technology Licensing, Llc | Application launching animation for connecting a tile and surface |
CN103218143B (zh) * | 2012-01-18 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 一种分类页面切换方法及移动设备 |
US10108737B2 (en) * | 2012-01-25 | 2018-10-23 | Microsoft Technology Licensing, Llc | Presenting data driven forms |
US8836658B1 (en) | 2012-01-31 | 2014-09-16 | Google Inc. | Method and apparatus for displaying a plurality of items |
DE112013001407B4 (de) * | 2012-04-05 | 2017-09-14 | Lg Electronics Inc. | Digitaler Rundfunkempfänger für Zauberstab-Fernbedienung und Verfahren zum Steuern des Empfängers |
US9225810B2 (en) | 2012-07-03 | 2015-12-29 | Sony Corporation | Terminal device, information processing method, program, and storage medium |
US9696879B2 (en) | 2012-09-07 | 2017-07-04 | Google Inc. | Tab scrubbing using navigation gestures |
US10289661B2 (en) | 2012-09-12 | 2019-05-14 | Flipboard, Inc. | Generating a cover for a section of a digital magazine |
US10061760B2 (en) | 2012-09-12 | 2018-08-28 | Flipboard, Inc. | Adaptive layout of content in a digital magazine |
US9037592B2 (en) | 2012-09-12 | 2015-05-19 | Flipboard, Inc. | Generating an implied object graph based on user behavior |
US9712575B2 (en) | 2012-09-12 | 2017-07-18 | Flipboard, Inc. | Interactions for viewing content in a digital magazine |
US9081410B2 (en) * | 2012-11-14 | 2015-07-14 | Facebook, Inc. | Loading content on electronic device |
US10185416B2 (en) | 2012-11-20 | 2019-01-22 | Samsung Electronics Co., Ltd. | User gesture input to wearable electronic device involving movement of device |
US11237719B2 (en) | 2012-11-20 | 2022-02-01 | Samsung Electronics Company, Ltd. | Controlling remote electronic device with wearable electronic device |
US10551928B2 (en) * | 2012-11-20 | 2020-02-04 | Samsung Electronics Company, Ltd. | GUI transitions on wearable electronic device |
US8994827B2 (en) | 2012-11-20 | 2015-03-31 | Samsung Electronics Co., Ltd | Wearable electronic device |
US11157436B2 (en) | 2012-11-20 | 2021-10-26 | Samsung Electronics Company, Ltd. | Services associated with wearable electronic device |
US9477313B2 (en) | 2012-11-20 | 2016-10-25 | Samsung Electronics Co., Ltd. | User gesture input to wearable electronic device involving outward-facing sensor of device |
US11372536B2 (en) | 2012-11-20 | 2022-06-28 | Samsung Electronics Company, Ltd. | Transition and interaction model for wearable electronic device |
US10423214B2 (en) | 2012-11-20 | 2019-09-24 | Samsung Electronics Company, Ltd | Delegating processing from wearable electronic device |
KR20140087731A (ko) * | 2012-12-31 | 2014-07-09 | 엘지전자 주식회사 | 포터블 디바이스 및 사용자 인터페이스 제어 방법 |
USD744510S1 (en) * | 2013-01-04 | 2015-12-01 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with animated graphical user interface |
AU349995S (en) * | 2013-01-09 | 2013-07-31 | Samsung Electronics Co Ltd | Display screen for an electronic device |
US20140195890A1 (en) * | 2013-01-09 | 2014-07-10 | Amazon Technologies, Inc. | Browser interface for accessing supplemental content associated with content pages |
US9632689B2 (en) * | 2013-04-02 | 2017-04-25 | Facebook, Inc. | Interactive elements in a user interface |
US9619913B2 (en) * | 2013-06-03 | 2017-04-11 | Microsoft Technology Licensing, Llc. | Animation editing |
US10514965B2 (en) * | 2013-06-07 | 2019-12-24 | Verizon New Jersey Inc. | Navigating between applications of a device |
US9256358B2 (en) * | 2013-06-10 | 2016-02-09 | Adtile Technologies Inc. | Multiple panel touch user interface navigation |
US9400601B2 (en) * | 2013-06-21 | 2016-07-26 | Nook Digital, Llc | Techniques for paging through digital content on touch screen devices |
KR20150002312A (ko) * | 2013-06-28 | 2015-01-07 | 삼성전자주식회사 | 페이지 표시 방법 및 이를 구현하는 전자 장치 |
US9568891B2 (en) | 2013-08-15 | 2017-02-14 | I.Am.Plus, Llc | Multi-media wireless watch |
US9569004B2 (en) * | 2013-08-22 | 2017-02-14 | Google Inc. | Swipe toolbar to switch tabs |
KR20150025635A (ko) * | 2013-08-29 | 2015-03-11 | 삼성전자주식회사 | 스크린을 제어하는 전자 장치 및 방법 |
USD761841S1 (en) * | 2013-09-03 | 2016-07-19 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with animated graphical user interface |
USD750124S1 (en) * | 2013-12-12 | 2016-02-23 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with animated graphical user interface |
USD827654S1 (en) * | 2013-12-20 | 2018-09-04 | Sony Corporation | Wearable player with graphical user interface |
USD786888S1 (en) * | 2013-12-20 | 2017-05-16 | Sanford, L.P. | Display screen or portion thereof with animated graphical user interface |
CN104063047B (zh) * | 2014-01-09 | 2018-02-02 | 朱明甫 | 基于手势遥控对电子书翻页的遥控装置及其翻页方法 |
USD753709S1 (en) * | 2014-01-31 | 2016-04-12 | Hitoshi Kawanabe | Display screen or portion thereof with animated graphical user interface |
US10691332B2 (en) | 2014-02-28 | 2020-06-23 | Samsung Electronics Company, Ltd. | Text input on an interactive display |
USD762237S1 (en) * | 2014-03-17 | 2016-07-26 | Google Inc. | Portion of a display panel with an animated computer icon |
TWI509499B (zh) * | 2014-05-08 | 2015-11-21 | Pegatron Corp | 用於觸控面板上的翻頁方法及具有翻頁功能的顯示裝置 |
USD754712S1 (en) * | 2014-06-04 | 2016-04-26 | Salesforce.Com, Inc. | Display screen or portion thereof with animated graphical user interface |
USD772906S1 (en) * | 2014-06-13 | 2016-11-29 | Beijing Qihoo Technology Company Limited | Display screen with animated graphical user interface |
USD774062S1 (en) | 2014-06-20 | 2016-12-13 | Google Inc. | Display screen with graphical user interface |
USD776689S1 (en) * | 2014-06-20 | 2017-01-17 | Google Inc. | Display screen with graphical user interface |
USD882582S1 (en) * | 2014-06-20 | 2020-04-28 | Google Llc | Display screen with animated graphical user interface |
US9081421B1 (en) * | 2014-06-30 | 2015-07-14 | Linkedin Corporation | User interface for presenting heterogeneous content |
CN104199603B (zh) * | 2014-08-28 | 2017-11-07 | 北京金山安全软件有限公司 | 一种浏览器网页的控制方法、装置及终端 |
CN106796498B (zh) * | 2014-09-04 | 2021-08-17 | 城市引擎公司 | 为用户渲染地图的方法、系统和存储介质 |
US20160092051A1 (en) * | 2014-09-30 | 2016-03-31 | Kobo Inc. | Multi-page viewing with chapter and page scrolling |
US9489684B2 (en) | 2014-10-09 | 2016-11-08 | Wrap Media, LLC | Delivering wrapped packages in response to the selection of advertisements |
US20160104080A1 (en) * | 2014-10-09 | 2016-04-14 | Wrap Media, LLC | Creating and delivering a wrapped package of cards as a digital companion to a movie release |
US9600594B2 (en) | 2014-10-09 | 2017-03-21 | Wrap Media, LLC | Card based package for distributing electronic media and services |
US12032897B2 (en) | 2014-10-09 | 2024-07-09 | Wrap Communications, Inc. | Methods of using a wrap descriptor to display a sequence of cards on a display device |
US20160104079A1 (en) * | 2014-10-09 | 2016-04-14 | Wrap Media, LLC | Creating and delivering a digital travel companion of a wrapped package of cards |
US20160103791A1 (en) | 2014-10-09 | 2016-04-14 | Wrap Media, LLC | Authoring tool for the authoring of wrap packages of cards |
US9412208B2 (en) | 2014-10-09 | 2016-08-09 | Wrap Media, LLC | Generating and delivering a wrap package of cards including custom content and/or services in response to a vehicle diagnostic system triggered event |
US9424608B2 (en) | 2014-10-09 | 2016-08-23 | Wrap Media, LLC | Generating and delivering a wrap package of cards including custom content and/or services in response to a vehicle diagnostic system triggered event |
US20160117611A1 (en) * | 2014-10-09 | 2016-04-28 | Wrap Media, LLC | Creating and delivering a wrapped package of cards as a digital companion accompanying the purchase of ticket(s) for an event |
US9448972B2 (en) | 2014-10-09 | 2016-09-20 | Wrap Media, LLC | Wrap package of cards supporting transactional advertising |
US9442906B2 (en) | 2014-10-09 | 2016-09-13 | Wrap Media, LLC | Wrap descriptor for defining a wrap package of cards including a global component |
US9465788B2 (en) | 2014-10-09 | 2016-10-11 | Wrap Media, LLC | Authoring tool for the authoring of wrap packages of cards |
US9460228B2 (en) | 2014-10-09 | 2016-10-04 | Wrap Media, LLC | Generating and delivering a wrap package of cards including custom content and/or services in response to a triggered event |
WO2016057188A1 (en) | 2014-10-09 | 2016-04-14 | Wrap Media, LLC | Active receipt wrapped packages accompanying the sale of products and/or services |
USD768649S1 (en) * | 2014-11-14 | 2016-10-11 | Microsoft Corporation | Display screen with animated graphical user interface |
USD766925S1 (en) * | 2014-11-14 | 2016-09-20 | Microsoft Corporation | Display screen with animated graphical user interface |
USD768650S1 (en) * | 2014-11-14 | 2016-10-11 | Microsoft Corporation | Display screen with animated graphical user interface |
USD768648S1 (en) * | 2014-11-14 | 2016-10-11 | Microsoft Corporation | Display screen with animated graphical user interface |
CN107003804B (zh) * | 2014-11-21 | 2020-06-12 | 习得智交互软件开发公司 | 为提供原型设计工具的方法、系统及可进行非暂时性的计算机解读的记录媒介 |
USD763922S1 (en) * | 2014-12-30 | 2016-08-16 | Asustek Computer Inc. | Portion of a display screen with transitional icon |
USD764541S1 (en) * | 2014-12-30 | 2016-08-23 | Asustek Computer Inc. | Portion of a display screen with transitional icon |
USD771104S1 (en) * | 2015-02-27 | 2016-11-08 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with transitional graphical user interface |
USD768687S1 (en) * | 2015-02-27 | 2016-10-11 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with transitional graphical user interface |
US9600803B2 (en) | 2015-03-26 | 2017-03-21 | Wrap Media, LLC | Mobile-first authoring tool for the authoring of wrap packages |
US9582917B2 (en) * | 2015-03-26 | 2017-02-28 | Wrap Media, LLC | Authoring tool for the mixing of cards of wrap packages |
USD764512S1 (en) * | 2015-04-16 | 2016-08-23 | Nasdaq, Inc. | Display screen or portion thereof with animated graphical user interface |
US10042532B2 (en) | 2015-05-05 | 2018-08-07 | Facebook, Inc. | Methods and systems for viewing embedded content |
US20160328127A1 (en) * | 2015-05-05 | 2016-11-10 | Facebook, Inc. | Methods and Systems for Viewing Embedded Videos |
US10685471B2 (en) | 2015-05-11 | 2020-06-16 | Facebook, Inc. | Methods and systems for playing video while transitioning from a content-item preview to the content item |
USD795917S1 (en) | 2015-05-17 | 2017-08-29 | Google Inc. | Display screen with an animated graphical user interface |
US10101882B2 (en) * | 2015-06-05 | 2018-10-16 | Apple Inc. | Movement between multiple views |
USD765121S1 (en) | 2015-06-07 | 2016-08-30 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
USD765700S1 (en) | 2015-06-07 | 2016-09-06 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
USD769903S1 (en) * | 2015-07-27 | 2016-10-25 | Microsoft Corporation | Display screen with animated graphical user interface |
USD769904S1 (en) * | 2015-07-27 | 2016-10-25 | Microsoft Corporation | Display screen with animated graphical user interface |
USD778289S1 (en) * | 2015-07-28 | 2017-02-07 | Microsoft Corporation | Display screen with animated graphical user interface |
RU2632131C2 (ru) | 2015-08-28 | 2017-10-02 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и устройство для создания рекомендуемого списка содержимого |
USD804500S1 (en) * | 2015-09-10 | 2017-12-05 | Sap Se | Display screen with graphical user interface |
US10754541B2 (en) * | 2015-09-18 | 2020-08-25 | Adobe Inc. | Expandable drawing surface |
RU2629638C2 (ru) | 2015-09-28 | 2017-08-30 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и сервер создания рекомендуемого набора элементов для пользователя |
RU2632100C2 (ru) | 2015-09-28 | 2017-10-02 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и сервер создания рекомендованного набора элементов |
RU2635065C2 (ru) * | 2015-09-29 | 2017-11-08 | Общество С Ограниченной Ответственностью "Яндекс" | Способ (варианты) и электронное устройство (варианты) взаимодействия с элементом потока содержимого |
USD792903S1 (en) * | 2015-11-04 | 2017-07-25 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with transitional graphical user interface |
USD796536S1 (en) * | 2015-11-06 | 2017-09-05 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with transitional graphical user interface |
KR20180072661A (ko) * | 2015-11-17 | 2018-06-29 | 점보 테크놀로지 컴퍼니 리미티드 | 웹 페이지 주석 및 커뮤니티 공유 시스템 |
USD825523S1 (en) | 2016-01-06 | 2018-08-14 | I.Am.Plus, Llc | Set of earbuds |
USD793440S1 (en) | 2016-01-26 | 2017-08-01 | Google Inc. | Display screen with transitional graphical user interface |
USD792462S1 (en) * | 2016-01-26 | 2017-07-18 | Google Inc. | Display screen with transitional graphical user interface for image navigation and selection |
US9996228B2 (en) * | 2016-01-29 | 2018-06-12 | Flipboard, Inc. | Smooth transition of video playback with page flip animation |
USD810754S1 (en) * | 2016-03-10 | 2018-02-20 | Yieldmo, Inc. | Display screen or portion thereof with animated graphical user interface |
US10268654B2 (en) | 2016-03-21 | 2019-04-23 | Cake Technologies, Inc. | Accessing content from suppressed URL index |
USD781335S1 (en) * | 2016-04-12 | 2017-03-14 | Mercury Studio LLC | Display screen with graphical user interface |
USD777765S1 (en) * | 2016-04-12 | 2017-01-31 | Mercury Studio LLC | Display screen with animated graphical user interface |
US10311130B1 (en) * | 2016-05-09 | 2019-06-04 | Amazon Technologies, Inc. | Dynamic page transitions in electronic content |
RU2632144C1 (ru) * | 2016-05-12 | 2017-10-02 | Общество С Ограниченной Ответственностью "Яндекс" | Компьютерный способ создания интерфейса рекомендации контента |
USD809557S1 (en) | 2016-06-03 | 2018-02-06 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with transitional graphical user interface |
USD910648S1 (en) | 2016-06-13 | 2021-02-16 | Apple Inc. | Display screen or portion thereof with graphical user interface |
USD816117S1 (en) | 2016-06-13 | 2018-04-24 | Apple Inc. | Display screen or portion thereof with icon |
USD825613S1 (en) * | 2016-06-29 | 2018-08-14 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with transitional graphical user interface |
RU2636702C1 (ru) | 2016-07-07 | 2017-11-27 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и устройство для выбора сетевого ресурса в качестве источника содержимого для системы рекомендаций |
RU2632132C1 (ru) | 2016-07-07 | 2017-10-02 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и устройство для создания рекомендаций содержимого в системе рекомендаций |
US20180089879A1 (en) * | 2016-09-23 | 2018-03-29 | Apple Inc. | Synchronizing Display of Multiple Animations |
JP6804939B2 (ja) * | 2016-11-02 | 2020-12-23 | ソニーモバイルコミュニケーションズ株式会社 | 情報処理装置及び情報処理方法 |
USD831052S1 (en) * | 2016-12-02 | 2018-10-16 | Airbnb, Inc. | Display screen with graphical user interface for a prompt animation |
USD832869S1 (en) | 2016-12-02 | 2018-11-06 | Airbnb, Inc. | Display screen with graphical user interface for a prompt animation |
USD834588S1 (en) * | 2016-12-02 | 2018-11-27 | Airbnb, Inc. | Display screen with graphical user interface for a prompt animation |
USD882600S1 (en) | 2017-01-13 | 2020-04-28 | Yandex Europe Ag | Display screen with graphical user interface |
USD823871S1 (en) * | 2017-02-03 | 2018-07-24 | Google Llc | Display screen with animated graphical user interface |
US20200012423A1 (en) | 2017-03-09 | 2020-01-09 | Google Llc | Presentation hierarchy in a notification user interface |
JP1601053S (zh) * | 2017-05-18 | 2018-04-02 | ||
USD842319S1 (en) * | 2017-06-08 | 2019-03-05 | Google Llc | Computer display screen with transitional graphical user interface |
USD849770S1 (en) * | 2017-06-11 | 2019-05-28 | Facebook, Inc. | Display panel of a programmed computer system with a graphical user interface |
USD849769S1 (en) * | 2017-06-11 | 2019-05-28 | Facebook, Inc. | Display panel of a programmed computer system with a graphical user interface |
USD846580S1 (en) * | 2017-06-11 | 2019-04-23 | Facebook, Inc. | Display panel of a programmed computer system with a graphical user interface |
US11281354B1 (en) * | 2017-06-12 | 2022-03-22 | Amazon Technologies, Inc. | Digital navigation menu of swipeable cards with dynamic content |
USD841037S1 (en) * | 2017-06-19 | 2019-02-19 | Google Llc | Computer display screen with transitional graphical user interface |
US20190034541A1 (en) | 2017-07-25 | 2019-01-31 | Cake Technologies, Inc. | Automated contextual index suppression |
KR102443993B1 (ko) * | 2017-11-17 | 2022-09-19 | 삼성전자주식회사 | 시구간을 나타내는 콘텐츠와 연관된 정보를 시각적으로 제공하기 위한 장치 및 방법 |
USD846568S1 (en) | 2017-11-27 | 2019-04-23 | Microsoft Corporation | Display screen with graphical user interface |
USD845982S1 (en) | 2017-11-27 | 2019-04-16 | Microsoft Corporation | Display screen with graphical user interface |
USD845989S1 (en) | 2017-11-27 | 2019-04-16 | Microsoft Corporation | Display screen with transitional graphical user interface |
USD844657S1 (en) | 2017-11-27 | 2019-04-02 | Microsoft Corporation | Display screen with animated graphical user interface |
USD870141S1 (en) | 2017-11-30 | 2019-12-17 | Lyft, Inc. | Display screen or portion thereof with graphical user interface |
USD870742S1 (en) * | 2018-01-26 | 2019-12-24 | Facebook, Inc. | Display screen or portion thereof with animated user interface |
USD890774S1 (en) * | 2018-02-22 | 2020-07-21 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with transitional graphical user interface |
USD855635S1 (en) * | 2018-03-06 | 2019-08-06 | Google Llc | Display screen with animated graphical user interface |
USD855059S1 (en) * | 2018-03-06 | 2019-07-30 | Google Llc | Display screen with animated graphical user interface |
USD861721S1 (en) | 2018-04-09 | 2019-10-01 | Palm Ventures Group, Inc. | Display screen or portion thereof with a graphical user interface for handling swipe gesture |
USD922997S1 (en) | 2018-04-09 | 2021-06-22 | Palm Ventures Group, Inc. | Personal computing device |
USD874495S1 (en) | 2018-04-09 | 2020-02-04 | Palm Ventures Group, Inc. | Display screen or portion thereof with a graphical user interface for an application launcher |
CA184012S (en) * | 2018-05-03 | 2019-07-17 | Beijing Kuaimajiabian Technology Co Ltd | Display screen with graphical user interface |
CA184007S (en) * | 2018-05-03 | 2019-07-17 | Beijing Kuaimajiabian Technology Co Ltd | Display screen with graphical user interface |
US11366571B2 (en) * | 2018-05-04 | 2022-06-21 | Dentma, LLC | Visualization components including sliding bars |
WO2019222887A1 (zh) * | 2018-05-21 | 2019-11-28 | 华为技术有限公司 | 一种显示控制方法及终端 |
USD894921S1 (en) | 2018-08-21 | 2020-09-01 | Facebook, Inc. | Display screen with graphical user interface |
USD890198S1 (en) * | 2018-08-21 | 2020-07-14 | Facebook, Inc. | Display screen with graphical user interface |
US11017164B1 (en) | 2018-08-27 | 2021-05-25 | Facebook, Inc. | Systems and methods for collecting multiple forms of digital content using a single landing screen |
US10942978B1 (en) | 2018-08-27 | 2021-03-09 | Facebook, Inc. | Systems and methods for creating interactive metadata elements in social media compositions |
US11025582B1 (en) | 2018-09-05 | 2021-06-01 | Facebook, Inc. | Systems and methods for creating multiple renditions of a social media composition from inputs to a single digital composer |
RU2720952C2 (ru) | 2018-09-14 | 2020-05-15 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и система для создания рекомендации цифрового содержимого |
RU2720899C2 (ru) | 2018-09-14 | 2020-05-14 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и система для определения зависящих от пользователя пропорций содержимого для рекомендации |
RU2714594C1 (ru) | 2018-09-14 | 2020-02-18 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и система определения параметра релевантность для элементов содержимого |
RU2725659C2 (ru) | 2018-10-08 | 2020-07-03 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и система для оценивания данных о взаимодействиях пользователь-элемент |
RU2731335C2 (ru) | 2018-10-09 | 2020-09-01 | Общество С Ограниченной Ответственностью "Яндекс" | Способ и система для формирования рекомендаций цифрового контента |
USD914048S1 (en) * | 2019-02-14 | 2021-03-23 | Yokogawa Electric Corporation | Portable communications device with a graphical user interface |
USD910050S1 (en) * | 2019-03-22 | 2021-02-09 | Apple Inc. | Electronic device with graphical user interface |
USD926781S1 (en) | 2019-05-28 | 2021-08-03 | Apple Inc. | Display screen or portion thereof with graphical user interface |
RU2767965C2 (ru) | 2019-06-19 | 2022-03-22 | Общество С Ограниченной Ответственностью «Яндекс» | Способ и система для перевода исходной фразы на первом языке целевой фразой на втором языке |
USD917549S1 (en) * | 2019-06-20 | 2021-04-27 | Yandex Europe Ag | Display screen or portion thereof with graphical user interface |
RU2757406C1 (ru) | 2019-09-09 | 2021-10-15 | Общество С Ограниченной Ответственностью «Яндекс» | Способ и система для обеспечения уровня сервиса при рекламе элемента контента |
CN111290811A (zh) * | 2020-01-20 | 2020-06-16 | 北京无限光场科技有限公司 | 页面内容显示方法、装置、电子设备及计算机可读介质 |
USD944271S1 (en) | 2020-06-21 | 2022-02-22 | Apple Inc. | Display screen or portion thereof with graphical user interface |
EP4016466A1 (en) * | 2020-12-17 | 2022-06-22 | Inter IKEA Systems B.V. | Method and device for displaying details of a texture of a three-dimensional object |
USD1027995S1 (en) * | 2021-04-23 | 2024-05-21 | Joiint Inc. | Display screen with a transitional graphical user interface |
JP1728334S (ja) * | 2021-11-25 | 2022-10-26 | 動画再生用gui | |
USD1028001S1 (en) * | 2021-12-01 | 2024-05-21 | Coinbase, Inc. | Display screen with transitional graphical user interface |
USD1029850S1 (en) * | 2022-02-14 | 2024-06-04 | Capital One Services, Llc | Display screen or portion thereof with an animated graphical user interface |
USD1029851S1 (en) * | 2022-02-14 | 2024-06-04 | Capital One Services, Llc | Display screen or portion thereof with an animated graphical user interface |
USD1034631S1 (en) * | 2022-03-15 | 2024-07-09 | Google Llc | Display screen or portion thereof with transitional graphical user interface |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101052108A (zh) * | 2007-03-21 | 2007-10-10 | 林羽明 | 一种显示动画菜谱的装置和方法 |
CN101930620A (zh) * | 2009-06-18 | 2010-12-29 | 晨星软件研发(深圳)有限公司 | 使二维影像呈现出三维效果的影像处理方法及相关影像处理装置 |
Family Cites Families (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
GB2404546B (en) * | 2003-07-25 | 2005-12-14 | Purple Interactive Ltd | A method of organising and displaying material content on a display to a viewer |
US8819569B2 (en) * | 2005-02-18 | 2014-08-26 | Zumobi, Inc | Single-handed approach for navigation of application tiles using panning and zooming |
US20070016671A1 (en) * | 2005-07-01 | 2007-01-18 | Lee Prescott V | Loop beacons |
US8564543B2 (en) | 2006-09-11 | 2013-10-22 | Apple Inc. | Media player with imaged based browsing |
WO2008146784A1 (ja) * | 2007-05-29 | 2008-12-04 | Access Co., Ltd. | 端末装置、ヒストリ管理方法、およびヒストリ管理の為のコンピュータ使用可能な記憶媒体 |
US9772751B2 (en) | 2007-06-29 | 2017-09-26 | Apple Inc. | Using gestures to slide between user interfaces |
JP5130979B2 (ja) * | 2008-03-21 | 2013-01-30 | ソニー株式会社 | 情報処理装置及び検索結果表示方法 |
KR101510738B1 (ko) * | 2008-10-20 | 2015-04-10 | 삼성전자주식회사 | 휴대단말의 대기화면 구성 방법 및 장치 |
US8799775B2 (en) | 2009-09-25 | 2014-08-05 | Apple Inc. | Device, method, and graphical user interface for displaying emphasis animations for an electronic document in a presentation mode |
US8473860B2 (en) * | 2010-02-12 | 2013-06-25 | Microsoft Corporation | Multi-layer user interface with flexible parallel and orthogonal movement |
US10740117B2 (en) * | 2010-10-19 | 2020-08-11 | Apple Inc. | Grouping windows into clusters in one or more workspaces in a user interface |
US20130205202A1 (en) * | 2010-10-26 | 2013-08-08 | Jun Xiao | Transformation of a Document into Interactive Media Content |
US20130080968A1 (en) * | 2011-09-27 | 2013-03-28 | Amazon Technologies Inc. | User interface with media content prediction |
US8799778B2 (en) * | 2011-12-13 | 2014-08-05 | Facebook, Inc. | Scrolling velocity modulation in a tactile interface for a social networking system |
-
2011
- 2011-10-28 US US13/284,678 patent/US8935629B2/en active Active
-
2012
- 2012-09-12 CN CN201210345473.6A patent/CN103218147B/zh active Active
- 2012-10-26 WO PCT/US2012/062046 patent/WO2013063349A1/en active Application Filing
-
2015
- 2015-01-06 US US14/590,816 patent/US9134883B2/en active Active
- 2015-08-25 US US14/835,705 patent/US9377932B2/en active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101052108A (zh) * | 2007-03-21 | 2007-10-10 | 林羽明 | 一种显示动画菜谱的装置和方法 |
CN101930620A (zh) * | 2009-06-18 | 2010-12-29 | 晨星软件研发(深圳)有限公司 | 使二维影像呈现出三维效果的影像处理方法及相关影像处理装置 |
Also Published As
Publication number | Publication date |
---|---|
US8935629B2 (en) | 2015-01-13 |
US20130111395A1 (en) | 2013-05-02 |
US9134883B2 (en) | 2015-09-15 |
CN103218147A (zh) | 2013-07-24 |
US20150370432A1 (en) | 2015-12-24 |
WO2013063349A1 (en) | 2013-05-02 |
US20150121297A1 (en) | 2015-04-30 |
US9377932B2 (en) | 2016-06-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103218147B (zh) | 用于翻阅内容的系统和方法 | |
AU2023201500B2 (en) | Systems, devices, and methods for dynamically providing user interface controls at a touch-sensitive secondary display | |
KR102628385B1 (ko) | 애플리케이션들에 대응하는 사용자 인터페이스 객체들과 상호작용하기 위한 디바이스들, 방법들, 및 그래픽 사용자 인터페이스들 | |
KR102334401B1 (ko) | 콘텐츠-기반 촉각적 출력들 | |
CN105531660B (zh) | 用于支持用户交互的用户终端设备及其方法 | |
US20180364894A1 (en) | Method and apparatus for fluid graphical user interface | |
CN106462354B (zh) | 管理多个显示窗口的设备、方法和图形用户界面 | |
CN103729158B (zh) | 多显示设备及其控制显示的方法 | |
US9423932B2 (en) | Zoom view mode for digital content including multiple regions of interest | |
US10331297B2 (en) | Device, method, and graphical user interface for navigating a content hierarchy | |
US20120210261A1 (en) | Systems, methods, and computer-readable media for changing graphical object input tools | |
CN104603733A (zh) | 用户终端装置及其控制方法 | |
CN104246683A (zh) | 在包括透明显示器的装置中执行的对象控制方法、装置及其计算机可读记录介质 | |
WO2012157563A1 (ja) | 表示装置、ユーザインタフェース方法及びプログラム | |
CN107390976A (zh) | 图标显示处理方法及电子设备 | |
US20220391456A1 (en) | Devices, Methods, and Graphical User Interfaces for Interacting with a Web-Browser | |
CN103997634B (zh) | 用户终端及其显示图像的方法 | |
US20230393719A1 (en) | Sticker creation for messaging | |
WO2022261008A2 (en) | Devices, methods, and graphical user interfaces for interacting with a web-browser | |
Morson et al. | Getting to Know the User Interface of the iPhone and iPad Design Considerations |
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 |