CN107430477B - 用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术 - Google Patents

用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术 Download PDF

Info

Publication number
CN107430477B
CN107430477B CN201680018002.0A CN201680018002A CN107430477B CN 107430477 B CN107430477 B CN 107430477B CN 201680018002 A CN201680018002 A CN 201680018002A CN 107430477 B CN107430477 B CN 107430477B
Authority
CN
China
Prior art keywords
content items
layout
input
content item
layouts
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.)
Expired - Fee Related
Application number
CN201680018002.0A
Other languages
English (en)
Other versions
CN107430477A (zh
Inventor
戴维·利布
贝尔纳多·努涅斯·罗哈斯
埃里克·查尔斯·亨利
伊恩·马克·乔纳森·威尔金森
君·卡洛斯·米格尔·阿诺尔加
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.)
Google LLC
Original Assignee
Google LLC
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 Google LLC filed Critical Google LLC
Publication of CN107430477A publication Critical patent/CN107430477A/zh
Application granted granted Critical
Publication of CN107430477B publication Critical patent/CN107430477B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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/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/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
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/904—Browsing; Visualisation therefor
    • 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen

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)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种计算机实施的技术能够包括在具有一个或多个处理器的计算系统的触摸显示器处显示内容项目的集的第一布局。该技术能够包括在触摸显示器处接收来自用户的第一触摸输入，该第一触摸输入包括两个点输入。该技术能够包括在触摸显示器处接收第二触摸输入，该第二触摸输入包括从点输入中的一个的、在朝向或远离另一个点输入的方向上的滑动输入，该滑动输入具有长度。该技术可以包括在触摸显示器处，基于滑动输入的方向和长度显示在内容项目的集中的一个或多个过渡布局。该技术还能够包括当用户断开与触摸显示器的接触时，在触摸显示器处显示内容项目的集中的第二布局。

Description

用于响应于用户触摸输入而显示内容项目的集的布局和过渡 布局的技术
相关申请的交叉引用
本申请要求于2015年3月27日提交的美国临时申请No.62/139,233的优先权的权益。上述申请的全部公开通过引用的方式并入在本文中。
技术领域
本公开涉及一种针对触摸计算系统处的内容项目的集的显示技术，并且更具体地说，涉及一种用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术。
背景技术
本文中提供的背景描述是出于广泛地呈现本公开的上下文的目的。在这个背景技术部分中描述发明人目前工作的范围，以及在提交申请时不能够作为现有技术的描述的各方面，既没有明显地也没有隐含地被承认为本公开的现有技术。
计算设备能够存储大量的内容项目的集合(例如，内容项目)，这可能使用户难以浏览内容项目的集合。例如，用户可以识别内容项目的集合中的特定内容项目，并且可以期望查看与特定内容项目相关的其它内容项目。常规技术包括将内容项目的集合划分成分组，然后用户可以从这些分组选择一个分组并且查看其相对应的内容项目。但是，这些分组之间的切换可以是不相交的。例如，用户可以选择这些分组中的一个，并且然后可以必须选择返回到先前的分组并选择不同的分组。附加地，在切换期间，可能会丢失内容项目之间的相关性或情境。
发明内容
呈现了一种计算机实施的技术。该技术能够包括在具有一个或多个处理器的计算系统的触摸显示器处显示内容项目的集合的第一布局。该技术还能够包括在该触摸显示器处接收来自用户的第一触摸输入，所述第一触摸输入包括两个点输入。该技术能够附加地包括在触摸显示器处接收第二触摸输入，所述第二触摸输入包括从点输入中的一个的、在朝向或远离另一个点输入的方向上的滑动输入，所述滑动输入具有长度。该技术还能够包括在触摸显示器处，基于滑动输入的方向和长度显示在内容项目的集中的一个或多个过渡布局。此外，该技术能够包括当用户断开与触摸显示器的接触时，在触摸显示器处显示内容项目的集中的第二布局。
还呈现了一种计算系统。该计算系统能够包括触摸显示器，所述触摸显示器被配置为：从用户接收第一触摸输入，所述第一触摸输入包括两个点输入，以及接收第二触摸输入，所述第二接触输入包括从点输入中一个的、在朝向或远离另一个点输入的方向上的滑动输入，所述滑动输入具有长度。该计算系统还能够包括一个或多个处理器，该一个或多个处理器被配置为控制触摸显示器，以：显示内容项目的集的第一布局，基于滑动输入的方向和长度来显示内容项目的集的一个或多个过渡布局，以及当该用户断开与触摸显示器的接触时，显示内容项目的集的第二布局。
在一个实施方式中，内容项目是图像。在一些方面中，在接收到第二触摸输入的情况下，一个或多个过渡布局被实时地生成和显示。在一些方面，第一触摸输入包括三个、四个或五个点输入。
在一个实施方式中，一个或多个过渡布局中的至少一个包括内容项目的集中的至少一个内容项目，所述内容项目仅被部分地显示在触摸显示器的外部边缘。在某些情况下，第二个布局能够与第一个布局不同。
在一些方面中，显示一个或多个过渡布局包括以下操作中的至少一个：(i)调整内容项目的集中的至少一个内容项目的尺寸；(ii)调整内容项目的集中的至少一个内容项目的排列；(iii)显示内容项目的集的子集；以及(iv)除了内容项目的集以外，显示至少一个附加内容项目。此外，在一些实施方式中，调整内容项目的集中的至少一个内容项目的尺寸包括维持每个内容项目之间的边距。
触摸显示器能够包括显示区域，并且能够关于显示区域显示第一布局、一个或多个过渡布局、和第二布局中的每个布局。在一些方面中，第一布局、一个或多个过渡布局、和第二布局中的每个布局基本上填充显示区域。在一些方面中，关于第一布局的第二布局的缩放级与滑动输入的长度相对应。
此外，在一些实施方式中，对于第一布局、一个或多个过渡布局、和第二布局中的至少一个布局，内容项目的集中的至少一个内容项目是原始内容项目的裁剪版本。第一布局和一个或多个过渡布局中的每个过渡布局之间的过渡速度可以与滑动输入的速度相对应，例如，通过以线性方式被映射。
根据一些实施方式，两个点输入在所述两个点之间限定焦点区域，并且该技术还包括识别与焦点区域相对应的内容项目的集中的至少一个焦点内容项目，其中，该预定义的第二布局包括至少一个焦点内容项目，并且其中至少一个焦点内容项目在一个或多个过渡布局和第二布局中的每个中被维持在触摸显示器的中心处或附近。
根据一些实施方案，第二触摸输入包括从点输入中的一个的、在朝向另一个点输入的方向上的第一滑动输入，其中一个或多个过渡布局包括基于第一滑动输入的方向和长度生成的第一过渡布局集，以及第二触摸输入包括从一个或多个点输入、在远离另一个点输入的方向上的第二滑动输入，其中一个或多个过渡布局包括基于第二滑动输入的方向和长度生成的第二过渡布局集。
根据下文中提供的详细描述，本公开的其它适用范围将会变得显而易见。应当理解的是，详细描述和具体示例仅旨在用于说明性的目的，并不旨在限制本公开的范围。
附图说明
从详细描述和附图将会使本公开得到更全面地理解，在附图中：
图1是根据本公开的一些实施方式的示例计算系统的功能框图；
图2A-图2E示出了响应于图1的示例计算系统的触摸显示器处的用户触摸输入而显示内容项目的集的布局和过渡布局的示例。以及
图3是根据本公开的一些实施方式的用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的示例技术的流程图。
具体实施方式
如上所述，用于查看内容项目的集合的常规技术对于用户来说可能是困难和/或繁琐的。例如，这些常规技术能够需要针对用户的按钮或其它可选图标，以控制内容项目的集合的查看。因此，呈现了用于显示在计算系统处响应于用户触摸输入而针对内容项目的集的布局之间的平滑和无缝过渡的技术。在某些实施方式中，这些技术避免了对按钮或其它可选项目的需要，以便通过查看内容项目的集合来过渡。然而，应当显而易见的是，缩放按钮或能够选择的缩放图标和/或缩放条可能被实施为这些技术的一部分。
计算系统能够初始地显示内容项目的集的第一布局。计算系统的触敏显示器能够接收第一触摸输入，该第一触摸输入包括两个点输入，随后是第二触摸输入，该第二触摸输入包括从点输入中的一个、在朝向(“捏合(pinch-in)”)或远离(“掌开(pinch-out)”)另一个点输入方向上的滑动输入。基于该滑动输入的方向和长度，计算系统可以显示内容项目的集的一个或多个过渡布局。通过使用一个或多个过渡布局，这些技术不限于用于通过查看内容项目的集合过渡的一定数目的固定布局。
当用户已经断开与触摸显示器的接触时，计算系统能够显示内容项目的集的第二布局。也就是说，内容项目的显示通过一个或多个过渡布局从第一缩放级(在第一布局中显示)过渡到第二缩放级(在第二布局中显示)。缩放级之间的无缝变形在显示区域(例如，彼此相邻)中以视觉上接近的方式显示近端内容项目(例如，在时间上接近地拍摄图像)，以提供视觉提示以便于用户搜索该内容项目的集合中的特定内容项目。
在某些实施方式中，过渡布局和第二布局可以基于一个或多个因素被动态地和自动地生成，这些因素包括但不限于滑动输入的方向、滑动输入的长度、涵盖在第一触摸输入内的焦点区域、在第一布局中显示的内容项目的数目、能够用于显示的内容项目的总数目等。过渡布局和第二布局可以被动态地生成和显示在触摸显示器上，同时即在不需要故意的延迟的情况下而实时地接收第二触摸输入。此处更新过渡布局的过渡速度可以是基于滑动输入的速度，使得该显示通过一个或多个过渡布局从第一布局被平滑地变形到第二布局。
由于示例性系统为用户提供关于滑动输入如何影响整体显示的平滑的、实时的反馈，因此用户可以更好地通过滑动输入的速度来控制该显示的缩放级。如果用户在相同滑动输入手势中暂停、反转、或取消显示的改变，则示例性系统可以自动调整该显示器。在某些实施方式中，当用户在没有移除或断开与触摸显示器的接触的情况下而在特定的过渡布局处暂停滑动输入时，示例性系统可以继续显示特定的过渡布局。在某些实施方式中，当用户反转滑动输入的方向时，示例性系统可以无缝地过渡到显示的过渡布局之前中的一个。
在其中滑动输入是“捏合”的情况下，第二布局可以是相对于第一布局的缩小布局，并且可以包括重新调整尺寸为小于在第一布局中的内容项目的集的内容项目的集和一个或多个附加内容项目。在其中滑动输入是“掌开”的情况下，第二布局可以是相对于第一布局的放大布局，并且可以包括被重新调整尺寸为与在第一布局中相比更大的该内容项目的集中的一个子集。
尽管关于“捏”滑动输入描述了某些示例实施方式，但是其它滑动输入能够包括但不限于使用一个点输入执行的旋转滑动输入或扭转滑动输入(例如，用户利用单个手指或触笔绕圈一个或多个内容项目)或使用两个或多个点输入执行的旋转滑动输入或扭转滑动输入(例如，用户使用三个、四个、或五个手指执行围绕一个或多个内容项目的扭转运动)。在其中提供旋转或扭转滑动输入的实施方式中，第一方向(例如，顺时针或逆时针)可以指示缩放级应当从第一布局增加到第二布局，同时第二相反方向(例如，逆时针或顺时针)可以指示缩放级应当从第一布局减小到第二布局。
作为本文中使用的术语“布局”能够指的是显示区域中的一个或多个内容项目的视觉排列或配置。布局可以通过例如用于在显示区域中显示的内容项目的数目、内容项目的尺寸、内容项目相对于彼此以及相对于显示区域的排列等来指定。例如，可以通过以下操作来指定布局：(i)内容项目的集中的至少一个内容项目的尺寸，(ii)内容项目的集中的至少一个内容项目的排列，和/或(iii)除了该内容项目的集或该内容项目的集的子集之外的附加内容项目。在某些实施方式中，在显示区域的布局中显示的所有内容项目可以具有基本相同的尺寸，而在某些其它实施方式中，内容项目的尺寸可以变化。
作为本文中所用的术语“内容项目的集”可以指的是在显示设备上的显示区域内显示的一个或多个组件。内容项目可以被存储在计算系统的非暂时性存储件或存储器中，或者由计算系统经由网络检索用于在显示设备上显示。在一个非限制性示例中，在显示设备上显示的内容项目可以是图像或图像的表示(例如，图像的缩略图版本、图像的放大/扩展/未裁剪版本、图像的裁剪版本等)。在另一个非限制性示例中，显示设备上显示的内容项目可以是视频或视频文件的表示(例如，视频的帧、从视频生成的动画等)。内容项目的其它示例包括但不限于文件的表示(例如，文件名)，事件(例如，日历项)，联系人(例如，来自内容的列表的联系人项)，音频文件或音频文件的表示(例如，与歌曲相关联的图像、与包括歌曲的专辑相关联的图像等)。在某些其它实施方式中，显示区域可以显示不同类型的内容项目，例如图像和视频。
虽然术语“内容项目”在本文中被讨论为表示单个内容项目(例如，图像)，但是每个内容项目可以表示内容项目的分组。例如，内容项目可以表示相关内容项目的文件夹或其它标记的分组。这还能够被称为“分组内容项目”。分组内容项目对于其相关联内容项目中的一个或多个的显示可以根据缩放程度。例如，当用户缩小显示时，可能存在要显示的太多内容项目，因此可能显示分组内容项目而不是显示其相关内容项目中的至少一些。类似地，例如，当用户在显示器中放大并且内容项目组已经被显示时，然后可能代替地显示与分组内容项目相关联的内容项目。在某些实施方式中，当分组内容项目将会被显示具有大于预定阈值的尺寸时，可能执行从显示分组内容项目到显示其相关内容项目的过渡。换言之，可能优选地显示多个内容项目，而不是显示仅仅一个或两个组内容项目。
作为本文中使用的术语“过渡布局”可以指的是在用户提供其滑动输入时显示的中间布局。在一个实施方式中，利用平滑动画或其它合适的无缝显示技术，以显示从第一布局到一个或多个过渡布局到第二布局的过渡。
现在参考图1，图示了示例计算系统100的功能框图。计算系统100能够是任何类型的计算设备或协同工作的设备，诸如移动电话、平板电脑、膝上型计算机、台式计算机、可穿戴式计算机或其组合。计算系统100被配置为从用户104接收输入和/或向用户104显示信息。计算系统100能够包括触敏显示器108、处理器112、存储器116、和通信设备120。计算系统100还可以被称为“触摸计算系统”。触摸显示器108被配置为从用户104接收触摸输入和/或显示信息。处理器112被配置为控制计算系统100的操作。作为本文中所使用的术语“处理器”能够指的是单个处理器和以并行或分布式架构操作的两个或更多个处理器二者。
由处理器112执行的示例操作包括但不限于启动/执行计算系统100的操作系统，解释经由触摸显示器108的触摸输入，控制触摸显示器108处输出的信息，控制存储器116处的读出/写入操作，和控制经由通信设备120的通信。存储器116能够是被配置为将信息(例如，照片的集合)存储在计算系统100中的任何合适的存储介质(闪存、硬盘等)。通信设备120能够是被配置为经由网络进行通信(例如，被配置为检索照片的集合中的至少一些照片)的任何合适的通信设备(例如，收发器)。处理器100还被配置为至少执行本公开的技术的一部分，这在以下更详细地被讨论。
现在参考图2A-2E，图示了响应于用户触摸输入的内容项目的集的布局的示例显示的图。虽然关于计算系统100的触摸显示器108示出了和描述了布局和过渡布局的这些示例显示，但是这些技术能够由任何合适的触摸计算设备来实施。
图2A示出了内容项目的集200a…200n(统称为“内容项目的集200”)的示例第一布局204。虽然示出了14个内容项目，但是该内容项目的集200能够包括两个或更多个内容项目中的任何数目。可选地，第一布局204能够将内容项目的集200划分成相应标题208a…208d(统称为“标题208”)下的内容项目的子集。标题208能够基于每个内容项目的场境将内容项目的集划分成内容项目的子集。示例场境包括此处获得内容项目的时间范围和/或日期，以及此处获得内容项目的事件或事件类型，但是能够使用任何合适的场境。在一个实施方式中，第一布局204是计算系统100的默认布局或者是由用户104先前指定的。
图2B图示了由用户104关于第一布局204的第一触摸输入。第一触摸输入能够包括两个点输入220a和220b(统称为“点输入220”)。能够使用手指或物体(例如，触笔)或其一些组合来做出这些点输入。两个点输入220在其间限定焦点或区域224。例如，焦点区域224可以被确定为沿着点输入220之间的线的中点。焦点区域224可以是指示特定内容项目或关于其用户104期望改变或过渡第一布局204的内容项目。如图所示，焦点区域224是在内容项目的集200的内容项目200f上或附近。该内容项目200f还能够被称为焦点内容项目200f。
图2C图示了由用户104关于第一布局204的第二触摸输入。第二触摸输入包括从点输入220中的一个、在朝向(“捏合”)或远离(“掌开”)点输入220中的另一个的方向上的第一滑动输入。如图所示，滑动输入在点228处结束。例如，在向内或朝向点输入220中的另一个的方向上的滑动输入可以针对特定布局的增加内容项目的所显示的集的密度(例如，显示更多个内容项目)，而在向外或远离点输入220的另一个的方向上的滑动输入可以针对特定布局减少内容项目的所显示的集的密度(例如，显示更少个内容项目)。因此，该第二触摸输入使触摸显示器108显示到第一过渡布局304。
第一过渡布局304能够是基于第一滑动输入的方向和长度的。第一滑动输入的长度能够是指示内容项目的所显示的集的密度上的期望变化的程度，而如上所述，第一滑动输入的方向能够是指示密度上的期望的变化。
如图所示，过渡布局304包括内容项目的集，该内容项目的集包含焦点内容项目200f和其它内容项目300a…300g(统称为“其它内容项目300”)。这些内容项目能够被划分成子集并且与相应的标题308a…308c(统称为“标题308”)相关联。这些标题308中的一些或全部可以与标题208相同，但是标题308中的一个或多个可以是不同的(例如，与针对所示的向内滑动输入的标题208的先前的标题相比更具体)。仅作为示例，如果第一布局204包括读取“2015年1月”的标题208c，则第一过渡布局304中的标题308b可能读取“2015年1月”、更具体的“2015年1月1日”、或任何其它场境。
如前所述，分组内容项目还可以被显示。仅作为示例，对于读取“2015年1月”的标题208c，可能会存在标有“生日”和“滑雪之旅”的分组内容项目。这些分组内容项目中的每个能够分别包括与生日和滑雪之旅事件相关联的2015年1月的内容项目。如前所述，如果用户先前已经放大以仅查看与生日相关联的内容项目的集，则用户可能缩小，并且可能显示针对生日的分组内容项目而不是先前的内容项目的集。然后，用户可能例如关于针对滑雪之旅的分组内容项目放大，并且可能显示针对滑雪之旅的内容项目的集。可替选地，用户然后可能进一步缩小，并且可能显示针对2015年1月的分组内容项目而不是生日和滑雪之旅的分组内容项目。例如，2015年1月的分组内容项目可能与2014年12月和2015年2月的类似的分组内容项目一起显示。
类似地，这些其它内容项目300中的一些可以来自内容项目的集200，但是这些其它内容项目300中的一些可能不是来自内容项目的集200，而是来自内容项目的公共集合(例如，在存储器116存储的)。在第一过渡布局304中选择要显示的内容项目能够基于内容项目的场境。尽管这些布局全部是关于内容项目的集进行描述，但是应当显而易见的是，这个能够包括修改内容项目的集的视图，将内容项目添加到内容项目的集200，或者从内容项目的集中移除内容项目。以下讨论的第一布局204，第一过渡布局304、和其它布局各自关于触摸显示器108的显示区域124被显示。对于每个布局，内容项目的所显示的集基本上占据了全部显示区域124。通过为每个布局对整个显示区域124有效地填充，这些技术与传统缩放不同，例如，其中单个内容项目以各种不同的缩放级被显示，使得与整个显示区域相比单个内容项目可能更多或更少填充。
焦点内容项目200f能够被维持在过渡布局中和第二布局中的显示区域124的中心处或附近，并且在某些实施方式中，一个或多个附加内容项目可以是围绕焦点内容项目200f重流(reflowed)。结果是，示例性系统有利地维持焦点内容项目200f关于不同缩放级中的它/它们的周围内容项目的视觉场境。在其中识别多个焦点内容项目的示例中(例如，其中点输入涵盖两个或更多个内容项目)，相对于彼此焦点内容项目的配置可以在过渡布局中和第二布局中被保留或被更新，以最大化焦点内容项目的尺寸，同时最大化显示区域上的显示区域的使用。例如，如果单行四个内容项目形成焦点内容项目，则仅示出焦点内容项目的放大过渡布局可以重新配置焦点内容项目，使得两个焦点内容项目在第一行中并排显示，并且其它两个焦点项目在第二行中并排显示。
内容项目中的至少一些能够被重新调整尺寸(例如，针对如图所示的向内滑动输入的增加的尺寸)，用于在过渡布局中和第二布局中显示。内容项目的至少一些可以诸如基于它们相应的标题308被重新排列。在某些示例中，相对于彼此的内容项目的配置可以在过渡布局中和第二布局中被保留或被更新，以最大化内容项目的尺寸，同时最大化显示区域上的显示区域的使用。例如，内容项目相对于显示区域的坐标的绝对位置和/或内容项目相对于其它内容项目的相对位置可以在过渡布局中和/或第二布局中变化(即，移动到不同的行、不同的列等)。此外，如上所述，内容项目的所显示的集能够包括与原始的内容项目的集200相比的附加的或更少的内容项目。然而，第一过渡布局304能够在内容项目中的每个之间、在内容项目和标题308之间、和/或在内容项目或标题和显示区域124的边缘之间维持恒定的边距。结果是，过渡布局304看起来清楚，并且能够被用户104容易地查看。
现在参考图2D，继续第二触摸输入，包括从点228到点232的另一滑动输入，其是在远离点输入200中的另一个的方向上但具有比之前的滑动输入更短的长度。应当注意的是，在这些点输入和两个滑动输入期间，用户104在单次触摸操作中没有与触摸显示器104断开接触。这个随后的滑动输入使触摸显示器108显示与第一过渡布局304不同的第二过渡布局404。更具体地，第二过渡布局404具有与第一过渡布局304相比的甚至更小的密度。如图所示，第二过渡布局404包括相同的内容项目(焦点内容项目200f和其它内容项目300)和相同的标题308。然而，可选地，这些对象中的至少一些仅被部分地显示在显示区域124的外部边缘处以提供该显示器的无缝过渡。换言之，这些内容项目/标题重叠显示区域124的外部边缘。
第一布局204以过渡速度过渡到过渡布局304，404中的一个。第一布局204与一个或多个过渡布局304、404中的每个之间的过渡速度能够与滑动输入的速度相对应。仅作为示例，能够基本上以线性方式映射过渡速度和滑动输入的速度。以这个方式，如以下进一步描述的是，用户104能够更容易地控制第一布局204、一个或多个过渡布局304、404、和第二布局之间的过渡。
现在参考图2E，用户104能够断开与触摸显示器108的接触以结束触摸操作。响应于用户104断开与触摸显示器108的接触，触摸显示器108能够显示该内容项目的集的第二布局504。在一个实施方式中，第二布局504是多个预定义布局(预定义的基于时间的布局、用户定义的布局等)中的一个。例如，可以基于由第二触摸输入指示的密度的程度从多个预定义布局选择第二布局504。然而，在某些实施方式中，第二布局是最后的过渡布局。如图所示，第二布局504包括焦点内容项目200f和其它内容项目300b和300d以及标题408a和408b。第二布局504的密度甚至小于第二过渡布局404的密度。
在一个实施方式中，本文中所讨论的第二布局504或布局中的另一个能够将内容项目中的至少一些调整为其的原始纵横比(例如，纵向/垂直的或横向/水平的)。换言之，通常可以裁剪内容项目，诸如以获得用于更容易排列和更清晰呈现的方块缩略图内容项目。例如，当布局与特定的低密度程度相关联时，可以触发这个特征。如图所示，焦点内容项目200f是具有沿着线412a被裁剪的另一部分404a的原始纵向/垂直内容项目400a的一部分。类似地，其它内容项目300b是具有沿着线412b被裁剪的另一部分404b的原始纵向/垂直内容项目400b的一部分。另一方面，其它内容项目300d是具有沿着线412c被裁剪的另一部分404c的原始横向/水平内容项目400c的一部分。
现在参考图3，图示了用于响应于用户触摸输入而显示内容项目的集的不同布局之间的过渡的示例技术600的流程图。在604处，计算系统100显示内容项目的集的第一布局。在608处，计算系统100接收包括两个点输入的第一触摸输入。在612处，计算系统100接收第二触摸输入，该第二触摸输入包括在从点输入中的一个、在朝向或远离另一个点输入的方向上的滑动输入。滑动输入还能够定义一个长度。在616处，计算系统100能够基于滑动输入的方向和长度显示该内容项目的集的一个或多个过渡布局。在620处，计算系统100确定用户104是否已经断开与触摸显示器108接触。当用户尚未断开与触摸显示器108的接触时，技术600能够返回到612(例如，可以继续滑动输入)。当用户104已经断开与触摸显示器接触时，技术600能够进行到624。在624处，计算系统100可以显示该内容项目的集的第二布局。然后，技术600能够结束或返回到在这里可能继续该过程的608(例如，用户104可能进一步调整密度)。
在某些实施方式中，在616和624处，可以基于一个或多个因素动态地和自动地生成过渡布局和第二布局，所述一个或多个因素包括但不限于滑动输入的方向、滑动输入的长度、第一触摸输入内涵盖的焦点内容项目、第一布局中显示的内容项目的数目、能够用于显示的内容项目的总数等。
在一个非限制性示例中，在滑动输入期间的特定时间处生成特定过渡布局中，滑动输入的方向可以被用于确定是放大还是缩小。类似地，达到那个特定时间的滑动输入的长度可以被用于确定缩放级改变的幅度，即，滑动输入的长度越长，第一布局的缩放级与当前过渡布局的缩放级之间的差越高。在一些示例中，缩放级变化的幅度可以随着滑动输入的长度以基本线性地方式变化。然后可以基于内容项目的初始尺寸和所确定的缩放级改变的幅度来确定内容项目的过渡尺寸。然后，示例性系统可以基于过渡尺寸对焦点内容项目重新调整尺寸并且将重新调整尺寸的焦点内容项目放置在过渡布局的中心处或附近，从而生成过渡布局。然后，示例性系统可以确定可以被完全或部分地容纳围绕焦点内容项目的显示区域中的其它已重新调整尺寸的内容项目(即，基于确定的过渡尺寸对内容项目重新调整尺寸)的数目。示例性系统可以利用在原始布局中视觉上接近焦点内容项目的重新调整尺寸的内容项目的确定的数目来填充围绕焦点内容项目的当前过渡布局。在某些示例中，仅能够被部分地容纳在过渡布局内的一个或多个重新调整尺寸的内容项目可以被部分地显示在过渡布局的边界内。在这些情况下，在用户断开与触摸显示器的接触之后，可以从第二布局排除过渡布局中的部分地显示的内容项目。
在某些实施方式中，在用户断开与触摸显示器的接触之前立即显示的最终过渡布局可以被用作为该显示的第二布局。在某些其它实施方式中，第二布局可以被预定义。这个预定义布局能够是与最后一个过渡布局相同或不同。预定义布局的示例包括但不限于与特定时间范围(年、月、周、日、小时等)和用户定义的布局相对应的预定义布局。
示例实施例被提供使得本公开将会是详尽的，并且将会充分地将该范围传达给本领域技术人员。阐述了许多具体细节，诸如特定组件、设备、和方法的示例，以提供对本公开的实施例的详尽理解。对于本领域技术人员将会显而易见的是，不需要采用具体细节，示例实施例可以以许多不同的形式被实施，并且不应当被解释为限制本公开的范围。在一些示例实施例中，不详细地描述公知的过程、公知的设备结构、和公知的技术。
本文中使用的术语仅用于描述特定示例实施例的目的，而不旨在是限制性的。如本文所使用的，单数形式“一”、“一个”和“该”还可以旨在包括复数形式，除非上下文中另有明确指示。术语“和/或”包括相关联的所列出的项中的一个或多个的任何和所有组合。术语“包含(comprises)”、“含有(comprising)”、“包括(including)”、和“具有”是包括性的，因此指定所陈述的特征、整体、步骤、操作、元件、和/或组件的存在，但并不排除存在或添加一个或多个其它特征、整体、步骤、操作、元件、组件和/或组。本文中描述的方法步骤、过程、和操作不应当被解释为必须要求它们以所讨论或所图示的特定次序执行，除非被具体地标识为执行顺序。还应当理解的是，可以采用附加的或可替代的步骤。
尽管术语第一、第二、第三等可以在本文中被用于描述各种元件、组件、区域、层、和/或段，但这些元件、组件、区域、层和/或段不应当被这些术语限制。这些术语仅可以被用于将一个元件、组件、区域、层或段与另一个区域、层或段区分。诸如“第一”、“第二”、和其它数字术语的术语在本文中使用时不意味着序列或次序，除非由上下文清楚地指示。因此，在不脱离示例实施例的教导的情况下，以下讨论的第一元件、组件、区域、层或段可能被称为第二元件、组件、区域、层或段。
如本文所使用的，术语模块可以指的是以下的一部分或包括以下：专用集成电路(ASIC)；电子电路；组合逻辑电路；现场可编程门阵列(FPGA)；处理器或分布式处理器网络(共享的、专用的、或分组的)和在执行代码或过程的网络集群或数据中心中存储器；提供所述功能的其它合适的组件；或上述的一些或全部的组合，诸如片上系统中。术语模块还可以包括存储由一个或多个处理器执行的代码的存储器(共享的，专用的、或分组的)。
如上所述，术语代码可以包括软件、固件、字节码和/或微代码，并且可以指的是程序、例程、功能、类、和/或对象。如上所述，共享的术语意旨可以使用单个(共享)处理器执行来自多个模块的一些或全部代码。此外，来自多个模块的一些或所有代码可以由单个(共享的)存储器存储。如上所述，术语组意旨可以使用一组处理器来执行来自单个模块的一些或全部代码。此外，来自单个模块的一些或全部代码可以使用一组存储器来存储。
本文中描述的技术可以由一个或多个处理器执行的一个或多个的计算机程序来实施。计算机程序包括在非暂时有形计算机可读介质上存储的处理器可执行指令。计算机程序还可以包括存储的数据。非暂时有形计算机可读介质的非限制性示例是非易失性存储器、磁存储器、和光存储器。
就信息的操作的算法和符号表示而言，上述描述的一些部分呈现本文中所描述的技术。这些算法描述和表示是由数据处理领域的技术人员使用的最有效地将其工作的实质传达给本领域其他技术人员的手段。这些操作虽然在功能上或逻辑上被描述，但被理解为由计算机程序实施。此外，已经证实在不失一般性的情况下，还可以将这些操作排列作为模块或由功能名称来指代有时是方便的。
除非另有特别说明或从以上讨论中显而易见，应当显而易见的是，在整个说明书中，利用诸如“处理”或“计算”或“运算”或“确定”或“显示”等术语的讨论，指的是计算机系统或类似的电子计算设备的动作和过程，其操纵和变换表示为计算机系统的存储器或寄存器或其它此类信息存储器、传输或显示设备内的物理(电子)量的数据。
所描述的技术的某些方面包括以算法的形式在本文中描述的处理步骤和指令。应当注意的是，所描述的处理步骤和指令可能被实现在软件、固件或硬件中，并且当在被实现在软件中时，可能被下载以驻留在由实时网络操作系统使用的不同平台上并且由其操作。
本公开还涉及一种用于执行本文中操作的装置。该装置可以是为了所需目的而特别构造的，或者其可以包括由在计算机可读介质上存储的计算机程序选择性地激活或重新配置的通用计算机，该计算机可读介质能够被该计算机访问。这样的计算机程序可以被存储在有形计算机可读存储介质中，诸如但不限于包括适于存储电子指令的软盘、光盘、CD-ROM、磁光盘、只读存储器(ROM)、随机存取存储器(RAM)、可擦除可编程只读存储器(EPROM)、电可擦除可编程只读存储器(EEPROM)、磁或光卡、专用集成电路(ASIC)、或任何类型的媒介的任何类型盘，并且这些中的每个被耦合到计算机系统总线。此外，本说明书中提及的计算机可以包括单个处理器，或者可以是采用多个处理器设计、以增加计算能力的架构。
本文中呈现的算法和操作并不固有地与任何特定的计算机或其它装置相关。各种通用系统还可以根据本文中的教导与程序一起使用，或者可以证明构造更专用的装置以执行所需的方法步骤是方便的。针对各种这些系统的所需结构以及等同的变化对于本领域技术人员将是显而易见的。此外，本公开不参考任何特定的编程语言来描述。应当显而易见的是，可以使用各种编程语言来实施本文中所述的本公开的教导，并且提供对特定语言的任何引用以用于公开本发明的实现和最佳模式。
本公开非常适合于通过多种拓扑结构的各种计算机网络系统。在该领域内，大型网络的配置和管理包括通过诸如互联网的网络通信地耦合到不同计算机和存储设备的存储设备和计算机。
为了说明和描述的目的，已经提供对实施例的前述描述。这并不旨在是穷举或限制公开。特定实施例的单个元件或特征通常不限于该特定实施例，而是在可应用的情况下是可互换的，并且能够在所选择的实施例中使用，即使没有具体示出或描述。本发明还可以以许多方式变化。这些变化不被视为偏离本公开，并且所有这样的修改旨在被包括在本公开的范围内。

Claims (23)

1.一种计算机实施的方法，包括：
在具有一个或多个处理器的计算系统的触摸显示器上呈现内容项目的集的第一布局；
在所述触摸显示器处接收来自用户的第一触摸输入，所述第一触摸输入包括至少两个点输入；
在所述触摸显示器处接收包括滑动输入的第二触摸输入，所述滑动输入在从所述至少两个点输入中的第一点输入起朝向所述至少两个点输入中的第二点输入的方向上、或在从所述第一点输入起远离所述第二点输入的方向上，其中，在从所述第一点输入起朝向所述第二点输入的方向上的滑动输入指示所述触摸显示器的缩小和用于显示的一个或多个内容项目的添加，并且在从所述第一点输入起远离所述第二点输入的方向上的滑动输入指示所述触摸显示器的放大和用于显示的一个或多个内容项目的移除；以及
响应于与所述触摸显示器的触摸接触的断开，在所述触摸显示器上呈现所述内容项目的集中的至少一个内容项目的第二布局，
其中，响应于在从所述第一点输入起朝向所述第二点输入的方向上的滑动输入，如果用于在所述第二布局中显示的内容项目超出所述触摸显示器的内容项目的预定数目并且用于显示的所述内容项目包括多个相关联的内容项目，则在所述第二布局中显示分组内容项目，而非显示所述多个相关联的内容项目，其中所述分组内容项目表示所述第二布局中的所述多个相关联的内容项目，以及
其中，响应于在从所述第一点输入起远离所述第二点输入的方向上的滑动输入，如果所述分组内容项目是在所述第一布局中显示的，则在所述第二布局中显示由所述分组内容项目表示的所述多个相关联的内容项目。
2.根据权利要求1所述的计算机实施的方法，进一步包括在所述触摸显示器上，基于所述滑动输入的方向和长度呈现在所述内容项目的集中的至少一个内容项目的一个或多个过渡布局，其中，所述一个或多个过渡布局中的至少一个包括所述内容项目的集中的所述至少一个内容项目，所述内容项目仅被部分地显示在所述触摸显示器的外部边缘。
3.根据权利要求1所述的计算机实施的方法，其中，呈现所述第二布局包括以下至少一个：
(i)调整所述内容项目的集中的至少一个内容项目的尺寸；
(ii)调整所述内容项目的集中的至少一个内容项目的排列；
(iii)显示所述内容项目的集的子集；以及
(iv)除了所述内容项目的集以外，显示至少一个附加内容项目。
4.根据权利要求3所述的计算机实施的方法，其中，调整所述内容项目的集中的所述至少一个内容项目的所述尺寸包括维持每个内容项目之间的边距。
5.根据权利要求1所述的计算机实施的方法，其中，所述第二布局与所述第一布局不同。
6.根据权利要求1所述的计算机实施的方法，其中，所述触摸显示器包括显示区域，并且所述第一布局和所述第二布局中的每一个填充所述显示区域。
7.根据权利要求1所述的计算机实施的方法，其中，对于所述第一布局和所述第二布局中的至少一个，所述内容项目的集中的所述至少一个内容项目是原始内容项目的裁剪版本。
8.根据权利要求1所述的计算机实施的方法，其中，所述至少两个点输入在其间限定焦点区域，并且其中，所述方法还包括识别与所述焦点区域相对应的所述内容项目的集中的至少一个焦点内容项目，
其中，所述第二布局包括所述至少一个焦点内容项目，并且其中，所述至少一个焦点内容项目在所述第二布局中被维持在所述触摸显示器的中心处或附近。
9.根据权利要求1所述的计算机实施的方法，其中，所述第一布局的呈现和所述第二布局的呈现之间的过渡速度与所述滑动输入的速度相对应。
10.根据权利要求1所述的计算机实施的方法，其中，所述内容项目是图像。
11.根据权利要求1所述的计算机实施的方法，其中，关于所述第一布局的所述第二布局的缩放级与所述滑动输入的长度相对应。
12.根据权利要求1所述的计算机实施的方法，其中，响应于包括在从所述第一点输入起朝向所述第二点输入的方向上的第一滑动输入的所述第二触摸输入，基于所述第一滑动输入的方向和长度生成第一过渡布局集，以及
其中，响应于包括在从所述第一点输入起远离所述第二点输入的方向上的第二滑动输入的所述第二触摸输入，基于所述第二滑动输入的方向和长度生成第二过渡布局集。
13.根据权利要求12所述的计算机实施的方法，其中，所述第一过渡布局集和所述第二过渡布局集与所述第二触摸输入的接收同时被生成和显示。
14.根据权利要求1所述的计算机实施的方法，其中，所述第一触摸输入包括三个、四个或五个点输入。
15.一种计算系统，包括：
触摸显示器，所述触摸显示器被配置为：
从用户接收第一触摸输入，所述第一触摸输入包括至少两个点输入，以及
接收包括滑动输入的第二触摸输入，所述滑动输入在从所述至少两个点输入中的第一点输入起朝向所述至少两个点输入中的第二点输入的方向上、或在从所述第一点输入起远离所述第二点输入的方向上；以及
一个或多个处理器，所述一个或多个处理器被配置为控制所述触摸显示器，以：
显示内容项目的集的第一布局，
显示所述内容项目的集的一个或多个过渡布局，以及
当所述用户断开来自所述第二触摸输入的、与所述触摸显示器的接触时，显示所述内容项目的集中的至少一个内容项目的第二布局，
其中，响应于在从所述第一点输入起朝向所述第二点输入的方向上的滑动输入，如果用于在所述第二布局中显示的内容项目超出所述触摸显示器的内容项目的预定数目并且用于显示的所述内容项目包括多个相关联的内容项目，则在所述第二布局中显示分组内容项目，而非显示所述多个相关联的内容项目，其中所述分组内容项目表示所述第二布局中的所述多个相关联的内容项目，以及
其中，响应于在从所述第一点输入起远离所述第二点输入的方向上的滑动输入，如果所述分组内容项目是在所述第一布局中显示的，则在所述第二布局中显示由所述分组内容项目表示的所述多个相关联的内容项目。
16.根据权利要求15所述的计算系统，其中，所述一个或多个过渡布局中的至少一个包括所述内容项目的集中的至少一个内容项目，所述内容项目仅被部分地显示在所述触摸显示器的外部边缘。
17.根据权利要求15所述的计算系统，其中，显示所述一个或多个过渡布局包括以下至少一个：
(i)调整所述内容项目的集中的至少一个内容项目的尺寸；
(ii)调整所述内容项目的集中的至少一个内容项目的排列；
(iii)显示所述内容项目的集的子集；以及
(iv)除了所述内容项目的集以外，显示至少一个附加内容项目。
18.根据权利要求17所述的计算系统，其中，调整所述内容项目的集中的至少一个内容项目的所述尺寸包括维持每个内容项目之间的边距。
19.根据权利要求18所述的计算系统，其中，所述第二布局与所述第一布局不同。
20.根据权利要求15所述的计算系统，其中，所述触摸显示器包括显示区域，并且所述第一布局、所述一个或多个过渡布局、和所述第二布局中的每一个填充所述显示区域。
21.根据权利要求15所述的计算系统，其中，对于所述第一布局、所述一个或多个过渡布局、和所述第二布局中的至少一个，所述内容项目的集中的至少一个内容项目是原始内容项目的裁剪版本。
22.根据权利要求15所述的计算系统，其中，所述至少两个点输入在所述两个点之间限定焦点区域，并且其中，一个或多个处理器还被配置为识别与所述焦点区域相对应的所述内容项目的集中的至少一个焦点内容项目，
其中，所述第二布局包括所述至少一个焦点内容项目，并且其中，所述至少一个焦点内容项目在所述一个或多个过渡布局和所述第二布局中的每个布局中被维持在所述触摸显示器的中心处或附近。
23.根据权利要求15所述的计算系统，其中，所述第一布局和所述一个或多个过渡布局中的每个过渡布局之间的过渡速度与所述滑动输入的速度相对应。
CN201680018002.0A 2015-03-27 2016-03-22 用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术 Expired - Fee Related CN107430477B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US201562139233P 2015-03-27 2015-03-27
US62/139,233 2015-03-27
PCT/US2016/023512 WO2016160406A1 (en) 2015-03-27 2016-03-22 Techniques for displaying layouts and transitional layouts of sets of content items in response to user touch inputs

Publications (2)

Publication Number Publication Date
CN107430477A CN107430477A (zh) 2017-12-01
CN107430477B true CN107430477B (zh) 2021-01-05

Family

ID=55661616

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201680018002.0A Expired - Fee Related CN107430477B (zh) 2015-03-27 2016-03-22 用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术

Country Status (6)

Country Link
US (1) US20180121063A1 (zh)
EP (1) EP3274800A1 (zh)
CN (1) CN107430477B (zh)
DE (1) DE112016001451T5 (zh)
GB (1) GB2552908A (zh)
WO (1) WO2016160406A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AU2017100670C4 (en) 2016-06-12 2019-11-21 Apple Inc. User interfaces for retrieving contextually relevant media content
CN113253881B9 (zh) * 2018-06-01 2024-06-11 聚好看科技股份有限公司 控件显示方法及终端设备
DK201970535A1 (en) * 2019-05-06 2020-12-21 Apple Inc Media browsing user interface with intelligently selected representative media items
DK202070616A1 (en) 2020-02-14 2022-01-14 Apple Inc User interfaces for workout content
CN113687894B (zh) * 2021-08-13 2024-02-09 支付宝(杭州)信息技术有限公司 一种针对动画条目的过渡处理方法、装置以及设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102981728A (zh) * 2011-09-09 2013-03-20 微软公司 语义缩放
CN103246470A (zh) * 2012-02-02 2013-08-14 Lg电子株式会社 移动终端及其控制方法
CN103716452A (zh) * 2012-09-28 2014-04-09 富士施乐株式会社 显示控制设备和方法以及图像显示设备

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8194037B2 (en) * 2007-12-14 2012-06-05 Apple Inc. Centering a 3D remote controller in a media system
US8683390B2 (en) * 2008-10-01 2014-03-25 Microsoft Corporation Manipulation of objects on multi-touch user interface
US8930841B2 (en) * 2010-02-15 2015-01-06 Motorola Mobility Llc Methods and apparatus for a user interface configured to display event information
US20120064946A1 (en) * 2010-09-09 2012-03-15 Microsoft Corporation Resizable filmstrip view of images
KR101747299B1 (ko) * 2010-09-10 2017-06-15 삼성전자주식회사 데이터 객체 디스플레이 방법 및 장치와 컴퓨터로 읽을 수 있는 저장 매체
JP2013033330A (ja) * 2011-08-01 2013-02-14 Sony Corp 情報処理装置、情報処理方法およびプログラム
CN103034419A (zh) * 2011-10-10 2013-04-10 上海图龙信息科技有限公司 在移动设备上实现无级别缩放数字地图的方法
JP6159078B2 (ja) * 2011-11-28 2017-07-05 京セラ株式会社 装置、方法、及びプログラム
WO2015089819A1 (en) * 2013-12-20 2015-06-25 Orange Method for selecting an electronic content to be displayed on a display of an electronic device

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102981728A (zh) * 2011-09-09 2013-03-20 微软公司 语义缩放
CN103246470A (zh) * 2012-02-02 2013-08-14 Lg电子株式会社 移动终端及其控制方法
CN103716452A (zh) * 2012-09-28 2014-04-09 富士施乐株式会社 显示控制设备和方法以及图像显示设备

Also Published As

Publication number Publication date
EP3274800A1 (en) 2018-01-31
GB201714767D0 (en) 2017-11-01
DE112016001451T5 (de) 2017-12-21
CN107430477A (zh) 2017-12-01
WO2016160406A1 (en) 2016-10-06
US20180121063A1 (en) 2018-05-03
GB2552908A (en) 2018-02-14

Similar Documents

Publication Publication Date Title
AU2020267396B2 (en) Media browsing user interface with intelligently selected representative media items
CN107430477B (zh) 用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术
CA2781607C (en) Gallery application for content viewing
JP4592799B2 (ja) 新たなオブジェクト検索ｕｉおよびオブジェクト結果のドラッグ
DK202070638A1 (en) Devices, methods, and graphical user interfaces for interacting with user interface objects corresponding to applications
US11928305B2 (en) Techniques to modify content and view content on mobile devices
KR101725887B1 (ko) 터치 스크린 디바이스의 컨텐츠 검색 방법 및 장치
CN109643218B (zh) 用户界面元素的动画
US20160357365A1 (en) Document Channel Selection for Document Viewing Application
US9594729B2 (en) Content navigation and zooming on a mobile device
US20170147184A1 (en) Method and electronic device for processing terminal folder
EP3109749A1 (en) Crop frame adjusting method, image processing device, and non-transitory computer readable storage medium
EP2798450B1 (en) Causing elements to be displayed
US20180088785A1 (en) Navigating a set of selectable items in a user interface
CN111061978B (zh) 页面跳转方法及装置
WO2020227273A1 (en) Media browsing user interface with intelligently selected representative media items
KR20160071937A (ko) 타임바를 이용하여 컨텐츠 검색기간을 설정하는 방법, 사용자 단말, 컴퓨터 판독가능 기록매체 및 컴퓨터 프로그램

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information
CB02 Change of applicant information

Address after: California, USA

Applicant after: Google Inc.

Address before: California, USA

Applicant before: Google Inc.

GR01 Patent grant
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20210105