Methods, apparatuses, and devices for processing interface displays

• US 10,416,874 B2
• Filed: 03/23/2016
• Issued: 09/17/2019
• Est. Priority Date: 11/02/2015
• Status: Active Grant

• Current Assignee: Alibaba Group Holding Ltd.
• Original Assignee: Guangzhou Ucweb Computer Technology Company, Ltd.
• Inventors: Rao, Liang, Xiao, Yaohang
• Primary Examiner(s): Titcomb, William D
• Application Number:
  US15/078,345
• Publication Number:
  US 20170123624A1
• Time in Patent Office: 1,273 Days
• Field of Search: 715802
• CPC Class Codes: G06F 3/0481 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
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures

Abstract

Methods and apparatuses are provided for processing interface displays. The disclosed methods and apparatuses may detect a gesture operation on a current interface of a computing device. The current interface is pre-divided into a first region and a second region. The first region is configured to move in accordance with the detected gesture operation. The disclosed methods and apparatuses may switch from the current interface to a new interface that includes content of the first region when the gesture operation is determined to be corresponding to a predetermined gesture.

Claims

1. A method for processing interface displays, comprising:

detecting a gesture operation on a current interface, the current interface being pre-divided into a first region and a second region, wherein the first region is configured to move along with the detected gesture operation;

switching from the current interface to a new interface that includes content of the first region when the gesture operation is determined to be corresponding to a predetermined gesture, wherein the content of the first region moves along with the detected gesture operation to combine with content of a third region to form the new interface; and

displaying, in the third region, a name of at least one of multiple information channels.

2. The method of claim 1, wherein the first region includes a content region that displays at least a part of an information flow.

3. The method of claim 2, wherein the information flow includes a collection of content of the multiple information channels, and a collection of content of at least one channel is at least partially displayed in the current interface.

4. The method of claim 2, wherein the second region does not move with the detected gesture operation.

5. The method of claim 1, further comprising switching to the new interface when the gesture operation is determined to be located in the first region.

6. The method of claim 4, wherein,

the gesture operation is a swipe-up gesture or a swipe-down gesture;

and

the new interface includes the content of the first region and content of the third region.

7. The method of claim 6, further comprising:

when the gesture operation is the swipe-down gesture, switching to the new interface after refreshing the content of the first region in the backend.

8. The method of claim 6, further comprising:

when the gesture operation is the swipe-up gesture, generating a picture of the content of the first region and moving the picture upward along with the gesture, wherein the picture includes the content of the information flow at least partially displayed in the first region.

9. The method of claim 6, further comprising:

when the gesture operation is the swipe-up gesture,

upon determining that a moving distance of the swipe-up gesture is greater than or equal to a predetermined threshold distance, or a moving speed of the swipe-up gesture is greater than or equal to a predetermined threshold speed, moving the content of the first region upward along with the gesture to combine with the content of the third region to form the new interface;

or

when the gesture operation is the swipe-down gesture,

moving the content of the first region downward along with the gesture,

refreshing the content of the first region in the backend,

when detecting a release of the swipe-down gesture, rebounding and moving the content of the first region upward, and

combining the content of the first region after being refreshed with the content of the third region to form the new interface.

10. The method of claim 6, wherein the third region is a title bar region of an information flow.

11. The method of claim 6, further comprising:

applying a masking effect on the content of the second region, wherein the masking effect causes the content of the second region to appear behind the information flow, and then covering the content of the second region with the content of the first region and the content of the third region.

12. The method of claim 9, further comprising:

when the moving speed of the swipe-up gesture is greater than or equal to the predetermined threshold speed, applying a rebound animation to the content of the first region when combining the content of the first region with the content of the third region.

13. The method of claim 9, further comprising:

when combining the content of the first region with the content of the third region, displaying an outer shadow that fades in at an edge region connecting the first region and the third region.

14. The method of claim 9, further comprising:

when the gesture operation is the swipe-down gesture,

making the content of the second region fade away, and

displaying a refresh prompt at a position in the second region.

15. The method of claim 14, further comprising:

drawing and deforming a lower edge of the second region downward while making the content of the second region fade away.

16. The method of claim 9, further comprising:

stopping the movement of the content of the first region after moving the content of the first region downward along with the gesture for a predetermined distance.

17. The method of claim 1, further comprising:

displaying at least one of one or more icons of a toolbar region of the current interface in a toolbar region of the new interface.

18. The method of claim 1, further comprising:

after switching to the new interface and detecting that a back-to-home page icon is clicked, returning to a home page and displaying in the first region in the home page the content of one of the multiple information channels displayed in the new interface.

19. An apparatus for processing interface displays, comprising:

one or more processors; and

a memory storing instructions that, when executed by the one or more processors, cause the apparatus to perform;

detecting a gesture operation on a current interface, the current interface being pre-divided into a first region and a second region, wherein the first region is configured to move along with the detected gesture operation;

switching from the current interface to a new interface that includes content of the first region when the gesture operation is determined to be corresponding to a predetermined gesture, wherein the content of the first region moves along with the detected gesture operation to combine with content of a third region to form the new interface; and

displaying, in the third region, a name of at least one of multiple information channels.

20. A non-transitory computer-readable storage medium having processor-executable program codes, characterized in that the program codes cause a processor to execute the following steps of:

detecting a gesture operation on a current interface, the current interface being pre-divided into a first region and a second region, wherein the first region is configured to move along with the detected gesture operation;

switching from the current interface to a new interface that includes content of the first region when the gesture operation is determined to be corresponding to a predetermined gesture, wherein the content of the first region moves along with the detected gesture operation to combine with content of a third region to form the new interface; and

displaying, in the third region, a name of at least one of multiple information channels.