IP Library › Granted Patent US 11,372,528
Granted Patent B2
US 11,372,528 · App. 16/929,808 · Granted Jun 28, 2022

User interface display method, device, and apparatus

Inventor: Song Yang (Guangdong, CN)
Assignee: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS CORP., LTD.
G06F3/04845G06F3/04883G06F2203/04803
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 11,372,528
App. No.
16/929,808
Granted
Jun 28, 2022
Kind
B2
Abstract

A user interface display method, a device, and an apparatus, pertaining to the field of human machine interaction. The method comprises: receiving a sliding signal; displaying an activated user interface according to a slide of the sliding signal on a screen, the activated user interface comprising a first display region and a second display region; if a sliding direction of the sliding signal is a first direction, replacing first sub-content in the first region with third sub-content of a second display region; if the sliding direction of the sliding signal is a second direction, replacing fourth sub-content in the second display region with second sub-content of the first display region.

Claims (77)

1. A method for displaying user interface, comprising:

receiving a sliding signal;

displaying an activated user interface according to a slide of the sliding signal on a screen for displaying first display content comprising first sub-content and second sub-content or second display content comprising third sub-content and fourth sub-content; the activated user interface comprises a first display region and a second display region, wherein the first sub-content is displayed in the first display region and the fourth sub-content is displayed in the second display;

if a sliding direction of the sliding signal is a first direction, replacing the first sub-content in the first region with the third sub-content to display the second display content comprising the third sub-content and the fourth sub-content in the activated user interface; and

if the sliding direction of the sliding signal is a second direction, replacing the fourth sub-content in the second display region with the second sub-content to display the first display content comprising first sub-content and second sub-content in the activated user interface.

2. The method according to claim 1 , wherein an initial sliding direction of the sliding signal is a preset direction;

wherein if the sliding direction of the sliding signal is the first direction, replacing the first sub-content in the first region with the third sub-content to display the second display content comprising the third sub-content and the fourth sub-content in the activated user interface comprises:

if the sliding direction of the sliding signal is changed from the preset direction to the first direction, replacing the first sub-content in the first display region with the third sub-content of the second display content; and

wherein if the sliding direction of the sliding signal is the second direction, replacing the fourth sub-content in the second display region the second sub-content to display the first display content comprising first sub-content and second sub-content in the activated user interface comprises:

if the sliding direction of the sliding signal is changed from the preset direction to the second direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content.

3. The method according to claim 2 , wherein the displaying the activated user interface according to the slide of the sliding signal on the screen comprises:

displaying the activated user interface on the screen according to the slide of the sliding signal in the preset direction.

4. The method according to claim 3 , wherein displaying the activated user interface according to the slide of the sliding signal on the screen comprises:

if the sliding signal meets a preset condition, displaying the activated user interface on the screen according to the slide of the sliding signal in the preset direction.

5. The method according to claim 4 , wherein, the preset condition comprises one of the following:

a sliding starting point of the sliding signal is located at a preset edge of the screen;

a sliding starting point of the sliding signal is located at a preset edge of the screen, and a sliding distance of the sliding signal exceeds a first threshold;

a sliding starting point of the sliding signal is located in a predetermined region in middle of a preset edge;

a sliding starting point of the sliding signal is located in a predetermined region in middle of a preset edge, and a sliding distance of the sliding signal exceeds a first threshold.

6. The method according to claim 2 , wherein:

the first display region comprises a left half display region of the activated user interface, the first sub-content comprises a left half content of the first display content, and the third sub-content comprises a left half content of the second display content; and

the second display region comprises a right half display region of the activated user interface, the second sub-content comprises a right half content of the second display content, and the fourth sub-content comprises a right half content of the second display content.

7. The method according to claim 6 , wherein if the sliding direction of the sliding signal is changed from the preset direction to the first direction, replacing the first sub-content in the first display region with the third sub-content of the second display content comprises one of the following:

if the sliding direction of the sliding signal changes from a down direction to a left direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from a down direction to a right direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from an up direction to a left direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from an up direction to a right direction, replacing the first sub-content in the first display region with the third sub-content of the second display content.

8. The method according to claim 6 , wherein if the sliding direction of the sliding signal is changed from the preset direction to the second direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content comprises one of the following:

if the sliding direction of the sliding signal changes from a down direction to a right direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content;

if the sliding direction of the sliding signal changes from a down direction to a left direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content;

if the sliding direction of the sliding signal changes from an up direction to a right direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content;

if the sliding direction of the sliding signal changes from an up direction to a left direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content.

9. The method according to claim 2 , wherein:

the first display region comprises an upper half display region of the activated user interface, the first sub-content comprises an upper half content of the first display content, and the third sub-content comprises an upper half content of the second display content; and

the second display region comprises a lower half display region of the activated user interface, the second sub-content comprises a lower half content of the second display content, and the fourth sub-content comprises a lower half content of the second display content.

10. The method according to claim 9 , wherein if the sliding direction of the sliding signal is changed from the preset direction to the first direction, replacing the first sub-content in the first display region with the third sub-content of the second display content comprises one of the following:

if the sliding direction of the sliding signal changes from a left direction to an up direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from a left direction to a down direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from a right direction to an up direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from a right direction to a down direction, replacing the first sub-content in the first display region with the third sub-content of the second display content.

11. The method according to claim 9 , wherein if the sliding direction of the sliding signal is changed from the preset direction to the second direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content comprises one of the following:

if the sliding direction of the sliding signal changes from a left direction to a down direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content;

if the sliding direction of the sliding signal changes from a left direction to an up direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content;

if the sliding direction of the sliding signal changes from a right direction to a down direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content;

if the sliding direction of the sliding signal changes from a right direction to an up direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content.

12. The method according to claim 2 , wherein the method further comprises:

if the sliding direction of the sliding signal remains the preset direction and a sliding distance of the sliding signal exceeds a second threshold, replacing the first sub-content in the first display region with the third sub-content of the second display content, or replacing the fourth sub-content in the second display region with the second sub-content of the first display content.

13. The method according to claim 1 , wherein the replacing the first sub-content in the first region with the third sub-content to display the second display content comprising the third sub-content and the fourth sub-content in the activated user interface comprises:

gradually cancelling display of the first sub-content in the first display region and gradually displaying the third sub-content in the first display region according to the slide of the sliding signal in the first direction; and

wherein the replacing the fourth sub-content in the second display region with the second sub-content to display the first display content comprising first sub-content and second sub-content in the activated user interface comprises:

gradually cancelling display of the fourth sub-content in the second display region and gradually displaying the second sub-content in the second display region according to the slide of the sliding signal in the second direction.

14. A non-transitory computer-readable storage medium, wherein the storage medium stores at least one program that when loaded and executed by a processor, implements the method for displaying user interface according to claim 1 .

15. A terminal, comprising:

a processor and a memory, and the memory stores at least one program, and the at least one program is loaded and executed by the processor to perform:

receiving a sliding signal;

displaying an activated user interface according to a slide of the sliding signal on a screen for displaying first display content comprising first sub-content and second sub-content or second display content comprising third sub-content and fourth sub-content; the activated user interface comprises a first display region and a second display region, wherein the first sub-content is displayed in the first display region and the fourth sub-content is displayed in the second display region;

if a sliding direction of the sliding signal is a first direction, replacing the first sub-content in the first region with the third sub-content to display the second display content comprising the third sub-content and the fourth sub-content in the activated user interface; and

if the sliding direction of the sliding signal is a second direction, replacing the fourth sub-content in the second display region with the second sub-content to display the first display content comprising first sub-content and second sub-content in the activated user interface.

16. The terminal according to claim 15 , wherein an initial sliding direction of the sliding signal is a preset direction;

wherein if the sliding direction of the sliding signal is the first direction, replacing the first sub-content in the first region with the third sub-content to display the second display content comprising the third sub-content and the fourth sub-content in the activated user interface comprises:

if the sliding direction of the sliding signal is changed from the preset direction to the first direction, replacing the first sub-content in the first display region with the third sub-content of the second display content; and

wherein if the sliding direction of the sliding signal is the second direction, replacing the fourth sub-content in the second display region with the second sub-content to display the first display content comprising first sub-content and second sub-content in the activated user interface comprises:

if the sliding direction of the sliding signal is changed from the preset direction to the second direction, replacing the fourth sub-content in the second display region with the second sub-content of the first display content.

17. The terminal according to claim 16 , wherein displaying the activated user interface according to the slide of the sliding signal on the screen comprises:

displaying the activated user interface on the screen according to the slide of the sliding signal in the preset direction.

18. The terminal according to claim 16 , wherein:

the first display region comprises a left half display region of the activated user interface, the first sub-content comprises a left half content of the first display content, and the third sub-content comprises a left half content of the second display content; and

the second display region comprises a right half display region of the activated user interface, the second sub-content comprises a right half content of the second display content, and the fourth sub-content comprises a right half content of the second display content.

19. The terminal according to claim 18 , wherein if the sliding direction of the sliding signal is changed from the preset direction to the first direction, replacing the first sub-content in the first display region with the third sub-content of the second display content comprises one of the following:

if the sliding direction of the sliding signal changes from a down direction to a left direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from a down direction to a right direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from an up direction to a left direction, replacing the first sub-content in the first display region with the third sub-content of the second display content;

if the sliding direction of the sliding signal changes from an up direction to a right direction, replacing the first sub-content in the first display region with the third sub-content of the second display content.

20. The terminal according to claim 15 , wherein replacing the first sub-content in the first region with the third sub-content to display the second display content comprising the third sub-content and the fourth sub-content in the activated user interface comprises:

gradually cancelling display of the first sub-content in the first display region and gradually displaying the third sub-content in the first display region according to the slide of the sliding signal in the first direction; and

wherein the replacing the fourth sub-content in the second display region with the second sub-content to display the first display content comprising first sub-content and second sub-content in the activated user interface comprises:

gradually cancelling display of the fourth sub-content in the second display region and gradually displaying the second sub-content in the second display region according to the slide of the sliding signal in the second direction.

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jul 22, 2020
From: YANG, SONG
To: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS CORP., LTD.
Reel/Frame 053280/0565 →
Priority Claims (1)
CN 201810055548.4 · Jan 19, 2018 · national
Continuity (2)
Continuation PCTCN2019071021 · Jan 9, 2019
Related Publication 20200363937A1 · Nov 19, 2020
Cited By (2)
US 12,399,605 US 12,399,606