Display method and related apparatus

Patent metadata

Field	Value
Publication number	US-2025123734-A1
Application number	US-202419003076-A
Country	US
Kind code	A1
Filing date	Dec 27, 2024
Priority date	Jun 30, 2022
Publication date	Apr 17, 2025
Grant date	—

Abstract

This application discloses a display method and a related apparatus. An electronic device displays a portrait-mode page including a portrait-mode video play window, where a picture of a first video is displayed in the portrait-mode video play window. The electronic device may receive landscape/portrait mode switching input, and capture and display an image of the portrait-mode page in response to the input. The electronic device may display, on the image of the portrait-mode page, a switching animation of switching the picture of the first video from the portrait-mode video play window to a landscape-mode video play window through rotation, movement, and zoom-in. When playing of the switching animation ends, the electronic device may display a landscape-mode page including the landscape-mode video play window. In this way, the electronic device can provide a smooth and aesthetic landscape/portrait mode switching animation for an application that supports a video play function.

First claim

What is claimed is:

1 . A method, comprising:
displaying, by an electronic device, a first page, wherein a first window is displayed in a first region of the first page, and a picture corresponding to a first video is displayed in the first window; receiving, by the electronic device, a first input indicating to switch the electronic device from a portrait-mode display state to a landscape-mode display state; displaying, by the electronic device, a first background image layer after receiving the first input, wherein the first background image layer comprises a screenshot of the first page; displaying, by the electronic device, a first rotational image layer above the first background image layer in a floating manner, and switching the first rotational image layer from the first region to a second region of a second page for display, wherein the first window is displayed in the second region of the second page, a direction of the picture corresponding to the first video on the second page is different from a direction of the picture corresponding to the first video on the first page, the first rotational image layer comprises the picture corresponding to the first video, and a direction of the picture corresponding to the first video in a case in which the first rotational image layer is displayed in the second region is different from a direction of the picture corresponding to the first video in a case in which the first rotational image layer is displayed in the first region; and displaying, by the electronic device, the second page after the first rotational image layer is switched to the second region for display.

2 . The method according to claim 1 , wherein switching the first rotational image layer from the first region to a second region of a second page for display comprises:
performing rotation, translation, and zoom-in operations on the first rotational image layer to switch the first rotational image layer from the first region to the second region for display.

3 . The method according to claim 1 , wherein during displaying, by the electronic device, the first background image layer, the method further comprises:
displaying a first blocking image layer in a floating manner at a display location of the first window at the first background image layer, wherein the first blocking image layer and the first window have a same size, the first blocking image layer is a preset image, and the first blocking image layer is blocked by the first rotational image layer.

4 . The method according to claim 1 , wherein during displaying, by the electronic device, the first background image layer, the method further comprises:
drawing, by the electronic device, the second page; obtaining, by the electronic device, a size and a location of the first window on the first page based on image layer information of the first page and image layer information of the second page, wherein the size of the first window on the first page is the same as a size of the first region, and the location of the first window on the first page is the same as a location of the first region; and performing, by the electronic device, rotation, translation, and zoom-out transformation on the second page to obtain a transformed second page having a size and a location that are the same as the size and the location of the first region and in which a direction of the picture corresponding to the first video is the same as a direction of the picture corresponding to the first video in the first window on the first page, wherein the first rotational image layer is the transformed second page; or obtaining, by the electronic device, an image of the first window in the screenshot of the first page based on the size and the location of the first window on the first page, wherein the first rotational image layer is the image of the first window on the first page.

5 . The method according to claim 4 , wherein obtaining, by the electronic device, a size and a location of the first window on the first page based on image layer information of the first page and image layer information of the second page comprises:
obtaining the image layer information of the first page, wherein the image layer information of the first page comprises view information of one or more views on the first page, the one or more views on the first page comprise the first window, and the view information of the one or more views on the first page comprises a view name, a parent-level view name, a view region parameter, and a view level; obtaining the image layer information of the second page, wherein the image layer information of the second page comprises view information of one or more views on the second page, the one or more views on the second page comprise the first window, and the view information of the one or more views of the second page comprises a view name, a parent-level view name, a view region parameter, and a view level; and determining the first window on the first page and the first window on the second page based on the image layer information of the first page and the image layer information of the second page, wherein a view region parameter of the first window on the first page comprises the location and the size of the first window, the first window on the first page and the first window on the second page have a same view name and a same parent-level view name, the first window on the first page has a highest view level of the first page, and the first window on the second page has a highest view level of the second page.

6 . The method according to claim 1 , wherein after displaying, by the electronic device, the second page, the method further comprises:
receiving, by the electronic device, a second input of a user indicating to switch the electronic device from the landscape-mode display state to the portrait-mode display state; in response to the second input, displaying, by the electronic device, a second background image layer, and displaying a second rotational image layer in a floating manner at a display location of the second background image layer, wherein the second background image layer comprises a third page, the first window is displayed in a third region of the third page, and the third region matches the first region; switching, by the electronic device, the second rotational image layer from the second region to the third region for display, wherein the second rotational image layer comprises the picture corresponding to the first video, and a direction of the picture corresponding to the first video in a case in which the second rotational image layer is displayed in the third region is different from a direction of the picture corresponding to the first video in a case in which the second rotational image layer is displayed in the second region; and displaying, by the electronic device, the third page after the second rotational image layer is switched to the third region for display.

7 . The method according to claim 6 , wherein switching, by the electronic device, the second rotational image layer from the second region to the third region for display comprises:
performing rotation, translation, and zoom-out operations on the second rotational image layer to switch the second rotational image layer from the second region to the third region for display.

8 . The method according to claim 6 , wherein displaying, by the electronic device, the second background image layer, and displaying the second rotational image layer in the floating manner at the display location of the second background image layer comprises:
capturing and displaying an image of the second page in response to the second input; and displaying the image of the second page above the s

Assignees

• Huawei Tech Co Ltd

Inventors

• Ji Ting
• Qiu Bo

Classifications

• G09G2340/10

  Mixing of images, i.e. displayed pixel being the result of an operation, e.g. adding, on the corresponding input pixels · CPC title

• G06F3/147

  using display panels · CPC title

• G09G5/397

  Arrangements specially adapted for transferring the contents of two or more bit-mapped memories to the screen simultaneously, e.g. for mixing or overlay (G09G5/02 takes precedence) · CPC title

• G09G5/14

  Display of multiple viewports · CPC title

• G09G2340/0492

  Change of orientation of the displayed image, e.g. upside-down, mirrored · CPC title