Scrollable set of content items with locking feature

Patent metadata

Field	Value
Publication number	US-12307082-B2
Application number	US-201816175565-A
Country	US
Kind code	B2
Filing date	Oct 30, 2018
Priority date	Feb 21, 2018
Publication date	May 20, 2025
Grant date	May 20, 2025

Abstract

The present disclosure generally relates to displaying content. The method includes displaying a portion of content and while displaying the portion of the content, detecting first movement that includes movement in a first direction. In response to detecting the first movement, the method includes scrolling the content to reveal a second portion of the content that was not displayed. After scrolling the content to reveal the second portion of the content, the method includes detecting a second movement. In response to detecting the second movement, in accordance with a determination that the scrolling of the content met content locking criteria, the methods includes maintaining display of the content without displaying a second content, and in accordance with a determination that the scrolling of the content did not meet the content locking criteria, the method includes switching from displaying the content to displaying the second content.

First claim

What is claimed is:

1. A method, comprising:
at an electronic device with a display and a touch-sensitive surface:
displaying a first portion of first content in a respective region of the display, wherein the first content is associated with second content that is not displayed on the display;
while displaying the first portion of the first content, detecting first movement of a first contact on the touch-sensitive surface that includes movement in a respective direction;
in response to detecting the first movement of the first contact on the touch-sensitive surface:
in accordance with a determination that the respective direction of the first movement of the first contact is a first direction, scrolling the first content in the respective region of the display based on the first movement of the first contact to reveal a second portion of the first content that was not displayed in the respective region of the display prior to detecting the first movement of the first contact, wherein an amount of scrolling of the first content is determined based on an amount of movement of the first contact in the first direction during the first movement of the first contact;
in accordance with a determination that the respective direction of the first movement of the first contact is a second direction, different from the first direction, scrolling the first content in the respective region of the display based on the first movement of the first contact, wherein an amount of scrolling of the first content is determined based on an amount of movement of the first contact in the second direction during the first movement of the first contact;

after scrolling the first content based on the amount of movement of the first contact in the respective direction of the first movement of the first contact to reveal the second portion of the first content, detecting second movement of a second contact on the touch-sensitive surface that includes more than a threshold amount of movement in a third direction that is perpendicular to the first direction; and
in response to detecting the second movement of the second contact:
in accordance with a determination that the scrolling of the first content based on the first movement of the first contact did not meet content unlocking criteria, wherein the content unlocking criteria include a requirement that the second portion of the first content include a predetermined portion of the first content, maintaining display of the second portion of the first content in the respective region of the display without displaying the second content or another portion of the first content not displayed in the respective region after detection of the first movement of the first contact in the respective region of the display; and
in accordance with a determination that the scrolling of the first content based on the movement of the first contact did meet the content unlocking criteria, switching from displaying the first content in the respective region of the display to displaying the second content in the respective region of the display.

2. The method of claim 1 , further comprising:
while displaying the second portion of the first content, detecting third movement of a third contact on the touch-sensitive surface that includes movement in a third direction opposite the first direction;
in response to detecting the third movement of the third contact on the touch-sensitive surface, scrolling the first content in the respective region of the display; and
in response to detecting the second movement of the second contact after detecting the third movement of the third contact:
in accordance with a determination that the scrolling of the first content in response to detecting the third movement of the third contact did not meet content locking criteria, wherein the content locking criteria include a requirement that the first content is scrolled by more than a predetermined amount in the third direction opposite the first direction, switching from displaying the first content in the respective region of the display to displaying the second content in the respective region of the display; and
in accordance with a determination that the scrolling of the first content did meet the content locking criteria, maintaining display of the first content in the respective region of the display without displaying the second content in the respective region of the display.

3. The method of claim 1 , wherein the second portion of the first content comprises a scrollable set of content affordances, wherein a first content affordance of the scrollable set of content affordances is displayed in a second respective region of the display, and wherein the method further comprisses, in response to detecting the second movement of the second contact, and in accordance with a determination that the scrollable set of content affordances is selected, scrolling the scrollable set of content affordances, wherein scrolling the scrollable set of content affordances replaces displaying the first content affordance in the second respective region of the display with displaying a second content affordance of the scrollable set of content affordances in the second respective region of the display, and wherein the second content affordance was not displayed in the second respective region prior to detecting the second movement of the second contact.

4. The method of claim 3 , further comprising:
detecting a selection of the second content affordance; and
in response to detecting the selection of the second content affordance, displaying a portion of content associated with the second content affordance in the respective region of the display.

5. The method of claim 3 , further comprising:
detecting a selection of the second content affordance;
in response to detecting the selection of the second content affordance, obtaining content associated with the second content affordance;
overlaying a content user interface on top of a portion of the first content; and
displaying a portion of content associated with the second content affordance in the content user interface.

6. The method of claim 1 , further comprising:
displaying a first content preview affordance in a parent user interface;
detecting a selection of the first content preview affordance; and
in response to detecting a selection of the first content preview affordance, overlaying the parent user interface with a content information user interface,
wherein displaying the first portion of first content in the respective region of the display comprises displaying the first portion of the first content in the content information user interface after detecting a respective input scrolling the first content in a third direction, opposite the first direction.

7. The method of claim 6 , further comprising:
displaying a scrollable set of content preview affordances in the parent user interface, wherein the first content preview affordance is one content preview affordance of the scrollable set of content preview affordances;
detecting fourth movement of a third contact on the touch-sensitive surface; and
in response to detecting the fourth movement of the third contact, in accordance with a determination that the scrollable set of content preview affordances is selected, scrolling the scrollable set of content preview affordances, wherein scrolling the scrollable set of content preview affordances replaces displaying the first content preview affordance with displaying a second content preview affordance of the scrollable set of content preview affordances in the parent user interface.

8. The method of claim 6 , further comprising:
displaying a scrollable set of content preview affordances in the parent

Assignees

• Apple Inc

Inventors

• Davydov Anton M
• Christie Benjamin T
• Mitchell Wyatt
• Styer Allison
• Haley Alden M
• Lindgren Per

Classifications

• G06F3/04883

  for inputting data by handwriting, e.g. gesture or text · CPC title

• G06F3/0482

  Interaction with lists of selectable items, e.g. menus · CPC title

• G06F2203/04803

  Split screen, i.e. subdividing the display area or the window area into separate subareas · CPC title

• G06F3/0488

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title

• G06F3/0485 Primary

  Scrolling or panning · CPC title