Page display method and electronic device

Patent metadata

Field	Value
Publication number	US-12204602-B2
Application number	US-202218066860-A
Country	US
Kind code	B2
Filing date	Dec 15, 2022
Priority date	Jun 16, 2020
Publication date	Jan 21, 2025
Grant date	Jan 21, 2025

Abstract

A page display method and an electronic device are disclosed. The method includes: displaying at least one component on a page, the component is configured to display first content; and the first content has a mapping relationship with second content, and the second content is entire or part of page content covered by the component; and updating the first content or the second content in response to a position of the component being changed relative to the page.

First claim

What is claimed is:

1. A page displaying method, performed by a terminal, wherein the method comprises:
displaying at least one component on a page, wherein the component is configured to display first content, the first content has a mapping relationship with second content, and the second content is entire or part of page content covered by the component; and
updating the first content in response to a position of the component being changed relative to the page, comprising:
changing, in response to a third operation acting on an area of the page except for the component, the page without moving the component relative to a screen of the terminal;
determining updated second content based on changed page content covered by the component; and
updating, based on the updated second content, the first content displayed by the component.

2. The method as claimed in claim 1 , wherein the component comprises at least one of a control and a display box.

3. The method as claimed in claim 1 , wherein the mapping relationship comprises at least one selected from the group consisting of a mapping between texts, a mapping between text and an image, a mapping between images, a mapping between text and a video, a mapping between an image and a video, and a mapping between videos.

4. The method as claimed in claim 1 , wherein the mapping relationship comprises at least one selected from the group consisting of a mapping between a word and a translation of the word, a mapping between a noun and an image corresponding to the noun, a mapping between a name and an image corresponding to the name, a mapping between an image and another image associated with the image, a mapping between a character name and a video corresponding to the character name, a mapping between a program name and a video corresponding to the program name, a mapping between a character image and a video corresponding to the character image, and a mapping between a video and another video associated with the video.

5. The method as claimed in claim 1 , wherein the component is further configured to display the second content; and the method further comprises:
switching, in response to a switching operation, content displayed by the component between the first content and the second content.

6. A page displaying method, performed by a terminal, wherein the method comprises:
displaying at least one component on a page, wherein the component is configured to display first content, the first content is a translation of second content, and the second content is entire or part of page content covered by the component;
wherein the at least one component comprises a floating window, the floating window comprises a first area and a second area, the first area is configured to display at least one function virtual button, the second content is page content covered by the second area, and the second area is configured to display the first content, and
the method further comprises:
determining a display area required for completely displaying the first content with a same font size as a text in the second content; and
in response to the display area being greater than the second area, determining, according to a length of the first content, a target font size to thereby display the first content completely in the second area with the target font size.

7. The method as claimed in claim 6 , wherein the component is further configured to display the second content, and the method further comprises:
switching, in response to a switching operation, content displayed by the component between the first content and the second content.

8. The method as claimed in claim 7 , further comprising:
updating the first content or the second content in response to a position of the component being changed relative to the page.

9. The method as claimed in claim 8 , wherein the updating the first content or the second content in response to a position of the component being changed relative to the page, comprises:
moving, in response to a movement operation acting on the component, the component on the page and maintaining the page unchanged during the movement;
determining updated second content based on changed page content covered by the moved component; and
updating, based on the updated second content, the first content or the second content displayed by the component.

10. The method as claimed in claim 8 , wherein the updating the first content or the second content in response to a position of the component being changed relative to the page, comprises:
changing, in response to a changing operation acting on an area of the page except for the component, the page without moving the component relative to a screen of the terminal; and
determining updated second content based on changed page content covered by the component; and
updating, based on the updated second content, the first content or the second content displayed by the component.

11. The method as claimed in claim 8 , wherein the updating the first content or the second content, comprises:
when the component displays the first content, updating, based on changed page content covered by the component, the first content in response to the position of the component being changed relative to the page; or
when the component displays the second content, updating, based on changed page content covered by the component, the second content in response to the position of the component being changed relative to the page.

12. The method as claimed in claim 6 , wherein before the displaying at least one component on the page, the method further comprising:
displaying a control on the page in response to a displaying operation acting on the page; and
displaying the component in response to a touch operation acting on the control.

13. The method as claimed in claim 12 , wherein the component comprises a display box, the method further comprises:
displaying, in response to a click operation acting in the display box, the first content on the display box; and
setting, in response to another click operation acting on the display box, the display box to be in a transparent state, thereby displaying the second content in the display box.

14. The method as claimed in claim 6 , further comprising:
changing a size of the component in response to a drag operation acting on an edge of the component;
determining updated second content based on changed page content covered by the changed component; and
updating, based on the updated second content, the first content or the second content displayed by the component.

15. The method as claimed in claim 6 , wherein the second area is further configured to display at least one of first prompt information and second prompt information;
the first prompt information is configured to prompt the user to input a switching operation, wherein the switching operation is configured to switch the content displayed by the component between the first content and the second content; and
the second prompt information is configured to prompt the user that the translation is being loaded.

16. The method as claimed in claim 6 , wherein a first translation target language and a second translation target language are set, the first translation target language has a higher priority than the second translation target language, and the method further comprises:
in response to text to be translated of the second content not belonging to the first translation target language, taking the first translation target language as a translation language for the second content;
in

Assignees

• Guangdong Oppo Mobile Telecommunications Corp Ltd

Inventors

• Chen Xucheng
• Wang Yiding
• Qiu Yutong
• Yang Ran
• Pan Ying

Classifications

• G06F2203/04804

  Transparency, e.g. transparent or translucent windows · 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/0484

  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 · CPC title

• G06F3/0482 Primary

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