Method and device for displaying two application interfaces in folded and unfolded states of the device
An application interface interaction method. The method includes in response to a first touch operation on a floating notification of a second application displayed on a first interface of a first application, when an electronic device is in an unfolded state, displaying the first interface of the first application and a second interface of the second application in a split-screen manner; and when the electronic device is in a folded state, switching the first interface of the first application to the second interface of the second application, or displaying, in full screen, the second interface of the second application and displaying the first application in a floating point manner or a floating ball manner.
1. An application interface interaction method implemented by an electronic device having a foldable display screen, wherein the application interface interaction method comprises:
running a first application on the electronic device in full screen;
displaying, on a first application interface of a first application, a floating notification indicating information received by the electronic device for a second application while running the first application;
detecting, on the floating notification, a first touch operation;
obtaining, in response to the first touch operation, an aspect ratio of a screen of the electronic device;
performing, in response to the first touch operation, and based on the aspect ratio, when the electronic device is in an unfolded state, either:
displaying, a second application interface of the second application in a floating window manner on the first application interface; or
displaying the first application interface and the second application interface in a split-screen manner, and selecting according to the aspect ratio whether to display the second application interface on the split-screen; and
further in response to the first touch operation, performing, when the electronic device is in a folded state, either:
switching the first application interface to the second application interface; or
displaying, in full screen, the second application interface and displaying the first application in a floating point manner or a floating ball manner.
2. The application interface interaction method of claim 1 , wherein the first touch operation is a click operation, and wherein the application interface interaction method further comprises further displaying, in response to the click operation in a target screen area of the foldable display screen of the electronic device, the second application interface on the first application interface in the target screen area in the floating window manner.
3. The application interface interaction method of claim 1 , wherein the first touch operation is a drag operation, wherein an end location of the drag operation is in a target screen area of the foldable display screen of the electronic device, and wherein the application interface interaction method further comprises:
further displaying, in response to the dragging operation, the first application interface and the second application interface in the split-screen manner, wherein the second application interface is located in the target screen area; or
further displaying, in response to the dragging operation, the second application interface on the first application interface in the floating window manner, wherein the second application interface is located in the target screen area.
4. The application interface interaction method of claim 1 , wherein the second application interface is displayed in the floating window manner, and wherein the application interface interaction method further comprises:
detecting a second touch operation on the second application interface; and
in response to the second touch operation:
hiding a floating window; and
displaying the second application in the floating point manner or the floating ball manner.
5. The application interface interaction method of claim 1 , wherein after displaying the first application interface and the second application interface in the split-screen manner, the application interface interaction method further comprises:
detecting, when the electronic device is in a split-screen display state, a second touch operation on the first application interface or the second application interface; and
exiting, in response to the second touch operation, the split-screen display state.
6. The application interface interaction method of claim 5 , wherein the second touch operation is a sliding operation, and wherein the application interface interaction method further comprises:
when the sliding operation is in a first screen coordinate range corresponding to the first application interface and a first movement track of the sliding operation is sliding from a first corner area of the first screen coordinate range to a center area:
displaying the second application interface in a full screen; and
displaying the first application in the floating point manner or the floating ball manner; and
when the sliding operation is in a second screen coordinate range corresponding to the second application interface and a second movement track of the sliding operation is sliding from a second corner area of the second screen coordinate range to the center area:
displaying the first application interface in the full screen; and
displaying the second application in the floating point manner or the floating ball manner.
7. The application interface interaction method of claim 1 , wherein after displaying the first application in the floating point manner or the floating ball manner, the application interface interaction method further comprises:
detecting a third touch operation performed on a floating point or a floating ball; and
in response to the third touch operation, either:
displaying the first application interface in a full screen and displaying the second application in the floating point manner or the floating ball manner; or
displaying the first application and the second application in the split-screen manner.
8. The application interface interaction method of claim 1 , wherein the split-screen manner comprises a left-right screen splitting manner or a top-down screen splitting manner.
9. The application interface interaction method of claim 1 , wherein displaying the second application in the floating window manner includes displaying the second application at a predetermined location on a screen using a virtual key in a preset shape, wherein displaying the first application in the floating point manner or the floating ball manner includes displaying the second application at a predetermined location on a screen using a virtual key in a preset shape, and wherein the application interface interaction method further comprises:
further displaying the second application interface on a current screen and displaying the first application in the floating point manner or the floating ball manner;
further displaying the second application interface in the first application interface in the floating window manner; or
further displaying the first application interface and the second application interface in the split-screen manner.
10. The application interface interaction method of claim 1 , wherein the first touch operation is a drag operation, wherein the split-screen manner is a vertical split-screen manner, and wherein performing displaying the first application interface and the second application interface in the split-screen manner comprises:
dividing a display area of the electronic device into two screen areas comprising an upper half screen and a lower half screen; and
selecting according to the aspect ratio whether to display the second application interface on the upper half screen and the first application interface on the lower half screen or to display the second application interface on the lower half screen and the first application interface on the upper half screen.
11. An electronic device comprising:
a foldable display screen; and
a processor coupled to the foldable display screen and configured to:
run a first application on the electronic device in full screen;
display, on a first application interface of a first application, a floating notification indicating information received by the electronic device for a second application while running the first application;
detect, on the floating notification, a first touch operation;
obtaining, in response to the first touch operation, an aspect ratio of a screen of the electronic device;
perform, in response to the first touch operation and based on the aspect ratio, when the foldable display screen is in an unfolded state, either:
displaying a second application interface of the second application in a floating window manner on the first application interface; or
displaying the first application interface and the second application interface in a split-screen manner, and selecting according to the aspect ratio whether to display the second application interface on the split-screen; and
further perform, in response to the first touch operation and based on the aspect ratio, when the foldable display screen is in a folded state, either:
switching the first application interface to the second application interface; or
displaying, in full screen, the second application interface and display the first application in a floating point manner or a floating ball manner.
12. The electronic device of claim 11 , wherein the foldable display screen comprises a target screen area, wherein the first touch operation is a click operation, and wherein the process r is further configured to further display, in response to the click operation in the target screen area, the second application interface on the first application interface in the target screen area in the floating window manner.
13. The electronic device of claim 11 , wherein the foldable display screen comprises a target screen area, wherein the first touch operation is a drag operation, wherein an end location of the drag operation is in the target screen area, and wherein the processor is further configured to:
further display, in response to the dragging operation, the first application interface and the second application interface in the split-screen manner, wherein the second application interface is located in the target screen area; or
further display, in response to the dragging operation, the second application interface on the first application interface in the floating window manner, wherein the second application interface is located in the target screen area.
14. The electronic device of claim 11 , wherein the second application interface is displayed in the floating window manner, and wherein the processor is further configured to:
detect a second touch operation on the second application interface; and
in response to the second touch operation:
hide a floating window; and
display the second application in the floating point manner or the floating ball manner.
15. The electronic device of claim 11 , wherein after displaying the first application interface and the second application interface in the split-screen manner, the processor is further configured to:
detect, when the electronic device is in a split-screen display state, a second touch operation on the first application interface or the second application interface; and
exit, in response to the second touch operation, the split-screen display state.
16. The electronic device of claim 15 , wherein the second touch operation is a sliding operation, and wherein the processor is further configured to:
when the sliding operation is in a first screen coordinate range corresponding to the first application interface and a first movement track of the sliding operation is sliding from a first corner area of the first screen coordinate range to a center area:
display the second application interface in a full screen; and
display the first application in the floating point manner or the floating ball manner; and
when the sliding operation is in a second screen coordinate range corresponding to the second application interface and a second movement track of the sliding operation is sliding from a second corner area of the second screen coordinate range to the center area:
display the first application interface in the full screen; and
display the second application in the floating point manner or the floating ball manner.
17. The electronic device of claim 11 , wherein after displaying the first application in the floating point manner or the floating ball manner, the processor is further configured to:
detect a third touch operation performed on a floating point or a floating ball; and
in response to the third touch operation, either:
display the first application interface in a full screen and displaying the second application in the floating point manner or the floating ball manner; or
display the first application and the second application in the split-screen manner.
18. The electronic device of claim 11 , wherein the split-screen manner comprises a left-right screen splitting manner or a top-down screen splitting manner.
19. The electronic device of claim 11 , wherein displaying the second application in the floating window manner includes displaying the second application at a predetermined location on a screen using a virtual key in a preset shape, wherein displaying the first application in the floating point manner or the floating ball manner includes displaying the second application at a predetermined location on a screen using a virtual key in a preset shape, and wherein the first application interface is configured to:
further display the second application interface on a current screen and displaying the first application in the floating point manner or the floating ball manner;
further display the second application interface in the first application interface in the floating window manner; or
further display the first application interface and the second application interface in the split-screen manner.
20. The electronic device of claim 11 , wherein the first touch operation is a drag operation, wherein the split-screen manner is a vertical split-screen manner, and wherein performing displaying the first application interface and the second application interface in the split-screen manner comprises:
dividing a display area of the electronic device into two screen areas comprising an upper half screen and a lower half screen; and
selecting according to the aspect ratio whether to display the second application interface on the upper half screen and the first application interface on the lower half screen or to display the second application interface on the lower half screen and the first application interface on the upper half screen.