Interface display method, electronic device, and storage medium
Embodiments of this application relate to the field of terminal technologies, and in particular, to an interface display method, an electronic device, and a storage medium. The method includes: displaying an interface of a first application on a first screen at a first time point; then displaying a two-dimensional code of a second application on a second screen at a second time point in response to a preset target operation; and then controlling, at a third time point in response to an event for ending display on the second screen, the second screen to be turned off. Between the second time point and the third time point, a container node of the second screen is above a container node of the first screen. When the second screen is turned off, the container node of the first screen may be adjusted to be above the container node of the second screen.
1 . An interface display method, wherein the method is applied to an electronic device, the electronic device comprises a display screen, a display area of the display screen comprises a first screen and a second screen, the display screen is in a folded state, display directions of the first screen and the second screen are opposite to each other, and the method comprises:
displaying an interface of a first application on the first screen at a first time point;
displaying an interface of a second application on the second screen at a second time point in response to a target operation, wherein the second time point is later than the first time point, wherein
between the first time point and the second time point, the second screen is in a screen-off state, and a container node of the first screen is above a container node of the second screen; and the container node of the first screen and the container node of the second screen are mounted to a root node; and
controlling, at a third time point in response to an event for ending display on the second screen, the second screen to be turned off, wherein the third time point is later than the second time point, wherein
between the second time point and the third time point, the container node of the second screen is above the container node of the first screen, and an interface of the first application is displayed on the first screen; and
after the third time point, an interface of the first application is displayed on the first screen, and the container node of the first screen is above the container node of the second screen.
2 . The method according to claim 1 , wherein the method further comprises:
adjusting the container node of the second screen to a bottom based on the event for ending display on the second screen.
3 . The method according to claim 2 , wherein between the second time point and the third time point, a window node corresponding to a display task is mounted to the container node of the second screen; and
the adjusting the container node of the second screen to a bottom comprises:
removing the display task; and
adjusting the container node of the second screen to the bottom.
4 . The method according to claim 1 , wherein between the first time point and the second time point, a focused window is a window node mounted to the container node of the first screen; and between the second time point and the third time point, the focused window is a window node mounted to the container node of the second screen; and
the method further comprises:
setting, as the focused window at the third time point based on the container node of the first screen being above the container node of the second screen and an update determining condition of the focused window being met, the window node mounted to the container node of the first screen.
5 . The method according to claim 4 , wherein the method further comprises:
after the third time point, in response to a back operation, switching, based on the focused window being the window node mounted to the container node of the first screen, the interface that is of the first application and that is displayed on the first screen.
6 . The method according to claim 4 , wherein the electronic device further comprises a volume button, the interface of the first application is an e-book display interface of an e-book application, and the e-book display interface comprises a current page of an e-book; and the method further comprises:
after the third time point, in response to an operation of triggering the volume button, turning, based on the focused window being the window node mounted to the container node of the first screen, the current page that is of the e-book and that is displayed on the first screen.
7 . The method according to claim 1 , wherein the method further comprises:
adjusting the container node of the first screen to a top based on the event for ending display on the second screen.
8 . The method according to claim 1 , wherein the interface of the second application comprises a two-dimensional code of the second application; and the displaying an interface of a second application on the second screen in response to a target operation comprises:
in response to the target operation, displaying the two-dimensional code of the second application on the second screen, and displaying a second screen display control on the first screen; and
the controlling, at a third time point in response to an event for ending display on the second screen, the second screen to be turned off comprises:
controlling, at the third time point based on a removal operation for the second screen display control, the second screen to be turned off, wherein after the third time point, the second screen display control is not displayed on the first screen.
9 . The method according to claim 1 , wherein the interface of the second application comprises a two-dimensional code of the second application; and the controlling, in response to an event for ending display on the second screen, the second screen to be turned off comprises:
controlling, based on scanning of the two-dimensional code of the second application being completed, the second screen to be turned off; or
controlling, based on duration of displaying the two-dimensional code of the second application on the second screen exceeding preset duration, the second screen to be turned off.
10 . The method according to claim 1 , wherein the target operation comprises a tap operation performed from a rear of the first screen to a front of the first screen.
11 . An interface display method, wherein the method is applied to an electronic device, the electronic device comprises a display screen, a display area of the display screen comprises a first screen and a second screen, the display screen is in a folded state, display directions of the first screen and the second screen are opposite to each other, and the method comprises: displaying an interface of a third application on the first screen at a fourth time point which is later than a first time point or a second time point or a third time point, wherein at the fourth time point, a container node of the first screen is mounted to a root node; displaying an interface of a fourth application on the second screen at a fifth time point in response to a target operation, and creating a container node that is of the second screen and that is mounted to the root node, wherein the fifth time point is later than the fourth time point; and controlling, at a sixth time point in response to an event for ending display on the second screen, the second screen to be turned off, wherein the sixth time point is later than the fifth time point, wherein between the fifth time point and the sixth time point, the container node of the second screen is above the container node of the first screen, and an interface of the third application is displayed on the first screen; and after the sixth time point, an interface of the third application is displayed on the first screen.
12 . The method according to claim 11 , wherein the method further comprises:
removing the container node of the second screen based on the event for ending display on the second screen.
13 . The method according to claim 12 , wherein between the fifth time point and the sixth time point, a window node corresponding to a display task is mounted to the container node of the second screen; and
the removing the container node of the second screen comprises:
removing the container node that is of the second screen and to which the window node corresponding to the display task is mounted.
14 . An electronic device, wherein the electronic device comprises:
a memory and a processor, the memory is coupled to the processor, the memory stores computer program code, the computer program code comprises computer instructions;
and when the computer instructions are executed by the processor, the electronic device is enabled to perform an interface display method, the electronic device comprising a display screen, a display area of the display screen comprising a first screen and a second screen, the display screen being in a folded state, display directions of the first screen and the second screen being opposite to each other, and the method comprising:
displaying an interface of a first application on the first screen at a first time point;
displaying an interface of a second application on the second screen at a second time point in response to a target operation, wherein the second time point is later than the first time point, wherein
between the first time point and the second time point, the second screen is in a screen-off state, and a container node of the first screen is above a container node of the second screen; and the container node of the first screen and the container node of the second screen are mounted to a root node; and
controlling, at a third time point in response to an event for ending display on the second screen, the second screen to be turned off, wherein the third time point is later than the second time point, wherein
between the second time point and the third time point, the container node of the second screen is above the container node of the first screen, and an interface of the first application is displayed on the first screen; and
after the third time point, an interface of the first application is displayed on the first screen, and the container node of the first screen is above the container node of the second screen.
15 . The electronic device according to claim 14 , wherein the method further comprises:
adjusting the container node of the second screen to a bottom based on the event for ending display on the second screen.
16 . The electronic device according to claim 15 , wherein between the second time point and the third time point, a window node corresponding to a display task is mounted to the container node of the second screen; and
the adjusting the container node of the second screen to a bottom comprises:
removing the display task; and
adjusting the container node of the second screen to the bottom.
17 . The electronic device according to claim 14 , wherein between the first time point and the second time point, a focused window is a window node mounted to the container node of the first screen; and between the second time point and the third time point, the focused window is a window node mounted to the container node of the second screen; and
the method further comprises:
setting, as the focused window at the third time point based on the container node of the first screen being above the container node of the second screen and an update determining condition of the focused window being met, the window node mounted to the container node of the first screen.
18 . The electronic device according to claim 17 , wherein the method further comprises:
after the third time point, in response to a back operation, switching, based on the focused window being the window node mounted to the container node of the first screen, the interface that is of the first application and that is displayed on the first screen.
19 . The electronic device according to claim 17 , wherein the electronic device further comprises a volume button, the interface of the first application is an e-book display interface of an e-book application, and the e-book display interface comprises a current page of an e-book; and the method further comprises:
after the third time point, in response to an operation of triggering the volume button, turning, based on the focused window being the window node mounted to the container node of the first screen, the current page that is of the e-book and that is displayed on the first screen.
20 . The electronic device according to claim 14 , wherein the method further comprises:
adjusting the container node of the first screen to a top based on the event for ending display on the second screen.