Display method, electronic device and readable storage medium

By defining multiple display areas in a tri-fold device and responding to user gestures to switch application interfaces, the problem of convenient interface switching in multi-fold devices is solved, achieving flexible interface display and operation.

WO2025148753A9PCT designated stage Publication Date: 2026-07-23HUAWEI TECH CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Authority / Receiving Office
WO · WO
Patent Type
Applications
Current Assignee / Owner
HUAWEI TECH CO LTD
Filing Date
2024-12-31
Publication Date
2026-07-23

AI Technical Summary

Technical Problem

How to conveniently switch between multiple application interfaces in three-fold and four-fold devices, especially how to easily switch user interfaces when the device is unfolded.

Method used

By defining a first, second, and third display area in the display area of ​​an electronic device, and responding to user gestures to switch application interfaces between these areas, including single-finger swipe, drag, and two-finger swipe gestures, the system enables application interface switching and display style transformation, such as split-screen and floating windows.

Benefits of technology

It enables convenient switching between different or the same application interfaces on multi-foldable devices, supports multiple display modes such as split screen and floating window, and improves operational flexibility and convenience.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN2024144155_23072026_PF_FP_ABST
    Figure CN2024144155_23072026_PF_FP_ABST
Patent Text Reader

Abstract

The present application provides a display method, an electronic device and a readable storage medium. In the method, an electronic device comprises a first display area, a second display area and a third display area, the second display area being located between the first display area and the third display area. The electronic device displays a first application interface in the first display area, a second application interface in the second display area, and a third application interface in the third display area. In response to a first gesture of a user on the first application interface or the second application interface, the electronic device displays the second application interface in the first display area and the first application interface in the second display area. According to the present application, in tri-fold and quad-fold device or devices that can fold in even more sections, the user operates on either of two application interfaces to be switched of the electronic device, so that switching display of application interfaces can be realized, and the operation is simple and convenient.
Need to check novelty before this filing date? Find Prior Art

Description

Display methods, electronic devices, and readable storage media

[0001] This application claims priority to Chinese Patent Application No. 202410038322.9, filed on January 10, 2024, entitled “Display Method, Electronic Device and Readable Storage Medium”, the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of foldable screen device technology, and in particular to a display method, electronic device and readable storage medium. Background Technology

[0003] With the development of electronic devices, their displays have become increasingly larger, leading to the emergence of foldable screen devices for easier user operation. As dual-fold devices become more common, triple-fold, quadruple-fold, and even more foldable devices are also being developed and applied. Compared to dual-fold devices, triple-fold, quadruple-fold, and more foldable devices have larger screen sizes when unfolded, making it crucial to address how to enable convenient user operation. Summary of the Invention

[0004] This application provides a display method, an electronic device, and a readable storage medium. In three-fold, four-fold, or even more foldable devices, users can switch between two application interfaces by operating either one of them, making the operation simple.

[0005] Firstly, embodiments of this application provide a display method. The execution subject of this display method is an electronic device or a chip in an electronic device. The following description uses an electronic device as an example. In this method, the electronic device includes a first display area, a second display area, and a third display area, wherein the second display area is located between the first display area and the third display area.

[0006] The electronic device displays a first application interface in the first display area, a second application interface in the second display area, and a third application interface in the third display area. In response to a user's first gesture on either the first or second application interface, the electronic device can switch between displaying the first and second application interfaces; that is, the electronic device displays the second application interface in the first display area and the first application interface in the second display area.

[0007] In this application, in three-fold, four-fold, or even more foldable devices, users can switch between two application interfaces simply by operating either one of them, making the operation convenient.

[0008] In one possible implementation, the first gesture is: pressing a single finger at a preset position on the first application interface and sliding it toward the second application interface; or pressing a single finger at a preset position on the second application interface and sliding it toward the first application interface. Taking the first application interface as an example, the preset position of the application interface can be: the top, top, left, or right side of the first application interface, or a blank area of ​​the first application interface.

[0009] Alternatively, the first gesture can be: dragging the first application interface to the second display area, or dragging the second application interface to the first display area.

[0010] In one possible implementation, the first application interface, the second application interface, and the third application interface may belong to different applications. Alternatively, in one possible implementation, at least two of the first application interface, the second application interface, and the third application interface may belong to the same application.

[0011] In other words, the display method provided in this application embodiment can be applied to scenarios where the interfaces of different applications are switched, as well as scenarios where the interfaces of the same application are switched.

[0012] The example above illustrates the process of an electronic device switching between displaying two adjacent application interfaces. The following describes the process of an electronic device switching between displaying two non-adjacent application interfaces. For example, the two non-adjacent application interfaces are the first application interface and the third application interface.

[0013] An electronic device displays a first application interface in a first display area, a second application interface in a second display area, and a third application interface in a third display area, wherein, in response to a second gesture by the user onto the first application interface or the third application interface, the electronic device displays the third application interface in the first display area and the first application interface in the third display area, wherein the second gesture is different from the first gesture.

[0014] For example, the second gesture is: pressing a single finger at a preset position on the first application interface and sliding it away from the third application interface, or pressing a single finger at a preset position on the third application interface and sliding it away from the first application interface. Sliding away from the third application interface can be understood as sliding in a direction away from or away from the third application interface. Similarly, sliding away from the first application interface can be understood as sliding in a direction away from or away from the first application interface.

[0015] Alternatively, the second gesture can be: dragging the first application interface to the third display area, or dragging the third application interface to the first display area.

[0016] In this implementation, the electronic device can switch between displaying two non-adjacent application interfaces.

[0017] In addition, in this embodiment of the application, the electronic device can also switch between displaying the foreground application interface and the background application interface, as shown below:

[0018] Firstly, the electronic device displays a first application interface in the first display area, a second application interface in the second display area, and a third application interface in the third display area. In response to a third gesture by the user onto either the first or third application interface, the electronic device may display the second application interface in the first display area, the third application interface in the second display area, and a background application interface in the third display area.

[0019] In other words, in this example, the electronic device can switch between displaying a first application interface and a background application interface, specifically by displaying the background application interface in the display area where the third application interface was originally displayed.

[0020] For example, the third gesture is: pressing down with two fingers at a preset position on the first application interface and sliding away from the third application interface, or pressing down with two fingers at a preset position on the third application interface and sliding towards the first application interface.

[0021] The application to which the background application interface belongs is the application ranked first in the background task queue. In this application, the electronic device displays the second application interface in the first display area, displays the third application interface in the second display area, and after displaying the background application interface in the third display area, in response to the user's third gesture on the second application interface or the background application interface, displays the third application interface in the first display area, displays the background application interface in the second display area, and displays the interface of the background application ranked second in the background task queue in the third display area.

[0022] In other words, in this example, if the user continues to perform a third gesture, it can trigger the electronic device to display the interface of the second-ranked background application in the background task queue. In this example, the third gesture can be: pressing down with two fingers at a preset position on the second application interface and sliding away from the background application interface, or pressing down with two fingers at a preset position on the background application interface and sliding towards the second application interface.

[0023] Secondly, the electronic device displays a first application interface in the first display area, a second application interface in the second display area, and a third application interface in the third display area. In response to a third gesture by the user onto either the first or third application interface, the electronic device may display a background application interface in the first display area, the second application interface in the second display area, and the third application interface in the third display area.

[0024] In other words, in this example, the electronic device can switch between displaying a first application interface and a background application interface, specifically by displaying the background application interface in the display area of ​​the first application interface.

[0025] For example, the third gesture is: pressing a preset position on the third application interface with a single finger, and pressing down on a preset position on the first application interface while sliding away from the third application interface.

[0026] Third, the electronic device displays a first application interface in the first display area, a second application interface in the second display area, and a third application interface in the third display area. In response to the user's third gesture on the second application interface, the first application interface is displayed in the first display area, the electronic device can display a background application interface in the second display area, and the third application interface in the third display area.

[0027] For example, the third gesture is: pressing a single finger at a preset position on the second application interface and sliding it in a first direction, which is parallel to the split-screen line, and the split-screen line is the split-screen line between the second display area and the first display area.

[0028] In one possible implementation, the first application interface, the second application interface, and the third application interface are displayed in the following form: split-screen or floating window. The process of switching between displaying two floating windows and switching between displaying one split-screen and one floating window is described below:

[0029] Scenario 1: Switching between displaying two floating windows

[0030] When the first application interface and the second application interface are displayed as floating windows, the first application interface corresponds to the first floating window, and the second application interface corresponds to the second floating window. The first floating window is located in a first position on the display screen of the electronic device, or in other words, the first floating window is located in a first position in a first display area. The second floating window is located in a second position on the display screen, or in other words, the second floating window is located in a second position in a second display area. The size of the first floating window is a first size, and the size of the second floating window is a second size.

[0031] In some embodiments, in response to a user's fourth gesture toward the first or second floating window, the electronic device can display the second floating window of a second size at the first position and the first floating window of a first size at the second position. In other words, the user's fourth gesture can trigger the electronic device to switch between displaying the first and second floating windows. Specifically, the positions of the two floating windows are swapped, while the floating windows retain their original sizes. For example, the first floating window is displayed at the second position, and the second floating window is displayed at the first position.

[0032] In some embodiments, in response to a user's fourth gesture toward the first or second floating window, the electronic device can display the second floating window of a first size at the first position and the first floating window of a second size at the second position. In other words, the user's fourth gesture can trigger the electronic device to switch between displaying the first and second floating windows. Specifically, the positions and sizes of the two floating windows are swapped. For example, the first floating window is displayed at the second position with its size changed to the second size, and the second floating window is displayed at the first position with its size changed to the first size.

[0033] Scenario 2: Switching between displaying a floating window and split-screen

[0034] When the first application interface is displayed as a floating window and the second application interface is displayed in split screen mode, the first application interface corresponds to the first floating window, the first floating window is located in the first position of the display screen of the electronic device, and the size of the first floating window is the first size.

[0035] In some embodiments, in response to the user's fifth gesture on the first floating window or the second application interface, the electronic device can display the second application interface in a split-screen manner in the first display area and display a first floating window of a first size in the second display area, wherein the relative position of the first floating window in the second display area is the same as the relative position of the first position in the first display area.

[0036] In other words, in this example, when the electronic device switches between displaying a floating window and a split screen, it simply swaps the display areas of the two. For example, the second application interface is displayed in a split screen in the first display area, and the first floating window of the first size is displayed in the second display area. The display style remains unchanged. The display style can be split screen or floating window.

[0037] In some embodiments, in response to the user's fifth gesture on the first floating window or the second application interface, the electronic device may display a second floating window of a first size at the first position and display the first application interface in a split-screen manner in the second display area, wherein the second floating window corresponds to the second application interface.

[0038] In other words, in this example, when the electronic device switches between displaying a floating window and a split screen, it not only swaps the display areas of the two, but also swaps their display styles. For example, the second application interface can be displayed as a floating window, and the electronic device can display a second floating window of a first size in the first display area. Alternatively, the first floating window can be displayed in a split screen, and the electronic device can display the first application interface in a split screen in the second display area.

[0039] In this embodiment, the electronic device can support switching between two split-screen interfaces, two floating windows, or one floating window and one split-screen interface. Furthermore, when switching between displaying two application interfaces, this application provides multiple switching methods, offering wide applicability and high flexibility.

[0040] In one possible implementation, this application also provides a method for a user to select the display area of ​​the application interface, which can be described as follows:

[0041] The electronic device can display a first desktop interface in a first display area, a second desktop interface in a second display area, and a third desktop interface in a third display area. The first desktop interface includes an icon for a first application. In response to a sixth gesture by the user to the icon of the first application, the electronic device can display the interface of the first application in the second display area, wherein the sixth gesture is used to instruct the display of the interface of the first application in the second display area.

[0042] For example, the sixth gesture is: briefly pressing the icon of the first application and dragging the icon of the first application to the second display area. It should be noted that a brief press can be understood as: the duration of pressing the icon of the first application is less than a threshold. It should also be noted that the setting of the duration of pressing the icon of the first application in this embodiment is different from the setting of triggering the launch of the first application by clicking its icon.

[0043] For example, the sixth gesture is: swiping the icon of the first application in a first direction, and selecting the second display area in the area options. The swiping in the first direction triggers the electronic device to display the area options. The first direction is parallel to the split-screen line, which is the line between the second display area and the first display area. In other words, when the user swipes the icon of the first application in the first direction, the electronic device can display area options, and the user can select the second display area, allowing the electronic device to display the interface of the first application in the second display area.

[0044] Secondly, embodiments of this application provide an electronic device that may include a processor and a memory. The memory stores computer-executable program code, which includes instructions; when the processor executes the instructions, the instructions cause the electronic device to perform the method described in the first aspect.

[0045] Thirdly, embodiments of this application provide an electronic device that may include units, modules, or circuits for performing the methods provided in the first aspect above.

[0046] Fourthly, embodiments of this application provide a computer program product containing instructions that, when run on a computer, cause the computer to perform the method described in the first aspect above.

[0047] Fifthly, embodiments of this application provide a computer-readable storage medium storing instructions that, when executed on a computer, cause the computer to perform the method described in the first aspect.

[0048] The beneficial effects of the various possible implementations of the second to fifth aspects mentioned above can be found in the beneficial effects of the first aspect mentioned above, and will not be repeated here. Attached Figure Description

[0049] Figure 1 is an example diagram showing the changes in the physical form of the electronic device provided in the embodiments of this application;

[0050] Figure 2 is a schematic diagram of a physical form of an electronic device provided in an embodiment of this application;

[0051] Figure 3 is a schematic diagram of an interface of an electronic device provided in an embodiment of this application;

[0052] Figure 4 is a schematic diagram of another interface of the electronic device provided in the embodiment of this application;

[0053] Figure 5 is a schematic diagram of another interface of the electronic device provided in the embodiment of this application;

[0054] Figure 6 is a schematic diagram of an electronic device provided in an embodiment of this application;

[0055] Figure 7A is a schematic diagram of an interface change of an electronic device provided in an embodiment of this application;

[0056] Figure 7B(1) is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0057] Figure 7B(2) is a schematic diagram of an application interface switching process provided in an embodiment of this application;

[0058] Figure 7C(1) is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0059] Figure 7C(2) is another schematic diagram of the application interface switching process provided in the embodiments of this application;

[0060] Figure 7D(1) is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0061] Figure 7D(2) is another schematic diagram of the application interface switching process provided in the embodiment of this application;

[0062] Figure 7E(1) is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0063] Figure 7E(2) is another schematic diagram of the application interface switching process provided in the embodiment of this application;

[0064] Figure 7F is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0065] Figure 8A is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0066] Figure 8B is a schematic diagram of another application interface switching process provided in the embodiments of this application;

[0067] Figure 9 is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0068] Figure 10A is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0069] Figure 10B is a schematic diagram of another interface change of the electronic device provided in the embodiment of this application;

[0070] Figure 10C is a schematic diagram of an application startup process provided in an embodiment of this application;

[0071] Figure 11 is a schematic diagram of another structure of the electronic device provided in an embodiment of this application. Detailed Implementation

[0072] The electronic device in this application embodiment includes a display screen, which is a flexible screen with foldable characteristics. The electronic device in this application embodiment can be referred to as a foldable screen device or a foldable device. For example, the electronic device can be a mobile phone, a portable Android device (PAD), a personal digital assistant (PDA), a handheld device with wireless communication capabilities, a computing device, an in-vehicle device, or a wearable device; a virtual reality (VR) terminal device; an augmented reality (AR) terminal device; a wireless terminal in industrial control; a wireless terminal in a smart home; etc. This application embodiment does not specifically limit the form of the electronic device.

[0073] The foldable screen device in this application embodiment can be a three-fold device, a four-fold device, or more foldable devices. It should be understood that the display method provided in this application embodiment can also be applied to a two-fold device. For a three-fold device, the three-fold device can include two folding edges or folding axes. The three-fold device can be folded twice along the folding edges or folding axes. After two folds, the three-fold screen can form three screens. These three screens can be independent screens or a complete screen with an integrated structure, but folded into two parts. Similarly, a four-fold device or more foldable devices can be folded more times, and after being folded, more screens can be formed. The following embodiments use a three-fold device as an example for illustration.

[0074] Taking a tri-fold device as an example, a tri-fold device may include at least one integrated display screen. The folding method of the tri-fold device may include inward folding and / or outward folding; the embodiments of this application do not limit the folding method of the tri-fold device. The physical form of the tri-fold screen may include: folded state, unfolded state, and hovering state.

[0075] Referring to Figure 1a, when the tri-fold device is in the folded state, screen 1 can be lit up, and the user can use screen 1. During the unfolding process, the tri-fold device is in a hovering state, which can be any physical form between the folded and unfolded states. Referring to Figure 1b, when the tri-fold device is in the hovering state, a portion or all of screen 2 is lit up. If the user continues to unfold the tri-fold device to the unfolded state, as shown in Figure 1c, all of screen 2 can be lit up, and the user can use screen 2.

[0076] In some embodiments, depending on the configuration of the three-fold device, screen 1 may be part of screen 2, or screen 1 and screen 2 may be independently configured screens. It should be understood that Figure 1 illustrates the example of screen 1 being the rightmost screen of screen 2, while Figure 2 illustrates the example of screen 1 being independent of screen 2. It should also be understood that Figure 2 only shows the three-fold device in a hovering state.

[0077] The display method provided in this application embodiment can be applied to scenarios where a foldable screen device is in its unfolded state. Referring to Figure 3, when a tri-fold device is in its unfolded state, it can include three display areas: a first display area, a second display area, and a third display area. Combining Figure 1c and Figure 2, it can also be said that screen 2 can include a first display area, a second display area, and a third display area. The second display area is located between the first and third display areas. There is a folding edge or folding axis (or split line) between adjacent display areas. The tri-fold device can be folded along the folding edge or folding axis, which is represented by dashed lines in Figure 3. It should be understood that the user can adjust the size of the display area by operating the split line; this will not be elaborated upon in this application embodiment.

[0078] In some embodiments, each display area can display the interface of a different application, allowing users to see the interfaces of different applications simultaneously, facilitating multi-application operation. For example, a user can watch videos, take notes, and look up words at the same time. Specifically, the first display area can display the interface of a first application, the second display area can display the interface of a second application, and the third display area can display the interface of a third application; the first, second, and third applications are all different. For example, Figure 3 shows the interface of a phone application displayed in the first display area, the interface of a settings application displayed in the second display area, and the interface of a social networking application displayed in the third display area.

[0079] In some embodiments, at least two of the three display areas may display the interface of the same application. For example, the first display area may display the main interface of a social networking application, the second display area may display the settings interface of a social networking application, and the third display area may display the interface of a phone application.

[0080] It should be understood that in the following embodiments, the display method provided by the embodiments of this application is introduced by taking the three display areas of a three-fold device used to display interfaces of different applications as an example.

[0081] In some embodiments, when displaying an application's interface, the application's interface may occupy the entire or a portion of the display area. For example, Figure 3 illustrates this by showing each application's interface occupying the entire display area. In this example, the tri-fold device can also be described as being able to display multiple application interfaces in a split-screen manner.

[0082] Figure 4 illustrates an example where each application's interface occupies a portion of the display area. In this example, the three-fold device can also be described as displaying a floating window of the application within each display area. Figure 5 illustrates an example where some applications' interfaces occupy the entire display area, and the remaining applications' interfaces occupy a portion of the display area. This means that a portion of the display area can be used to display the application's interface in a split-screen manner, while the remaining portion can display the application's floating window.

[0083] In summary, tri-fold devices can display application interfaces in different styles on each display area. In practical applications, users need to switch application interfaces, which may include changing the display position of the application interface or bringing a background application to the foreground. Given this need for switching application interfaces, and considering the large screen size of tri-fold, quad-fold, and even more foldable devices in their unfolded state, enabling convenient user operation to meet user needs is a pressing issue that needs to be addressed.

[0084] This application provides a display method that allows users to operate on a multi-folding device and switch application interfaces to meet user needs. The multi-folding device may include a tri-fold device, a quad-fold device, or even more folding devices; in some embodiments, the multi-folding device may include a bi-fold device.

[0085] Before introducing the display method provided in the embodiments of this application, the structure of the electronic device will be introduced first.

[0086] Figure 6 is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. The software system of the electronic device can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. A layered architecture divides the software system of the electronic device into several layers, each with a clear role and division of labor, and the layers communicate with each other through software interfaces.

[0087] In some embodiments, an electronic device may include: an application layer, an application framework layer, a system service layer, and a kernel layer. This application does not limit the layering of the software structure of the electronic device. The modules included in each layer in the following embodiments are the modules involved in the embodiments of this application. The modules included in each layer do not constitute a limitation on the structure of the electronic device, nor do the layering of module deployment (illustrated examples) constitute a limitation on the structure of the electronic device.

[0088] The application layer can include a series of applications. The application layer runs applications by calling the application programming interface (API) provided by the application framework layer.

[0089] In some embodiments, the application layer may include system applications and third-party applications. For example, system applications may include settings applications, phone applications, gallery applications, and messaging applications. Third-party applications may include audio applications, video applications, social applications, etc. It should be understood that Figure 6 shows only a portion of the applications.

[0090] The application framework layer provides APIs and programming frameworks for applications within the application layer. The application framework layer includes some predefined functions. Referring to Figure 6, the application framework layer can include the application's user interface (UI) system and the desktop UI system. The application UI system assists the electronic device in displaying the application's interface, while the desktop UI system assists the electronic device in displaying the desktop interface.

[0091] Referring to Figure 6, in some embodiments, the application UI system may include: a basic control module, a mounted control module, a layout management module, and an event dispatch module.

[0092] The application's UI is divided into several modules: The Basic Controls module manages the basic controls, including but not limited to images, buttons, text, input boxes, progress bars, scroll bars, and joysticks. The Mounted Controls module manages mounted controls, including but not limited to root controls, screen controls, and window controls. The Layout Management module manages the layout of controls within the application's UI. The Event Dispatch module distributes input events so the application can respond promptly. Input events include but are not limited to touch events, swipe events, and long-press events.

[0093] The desktop UI system is responsible for providing different types of containers and animation effects. Before the application interface is displayed on the desktop, the desktop UI system can create the corresponding containers, and containers of different types can be converted to each other. In addition, during the opening and switching of windows, the desktop UI system can provide animation effects to make the process smoother and more fluid.

[0094] Referring to Figure 6, in some embodiments, the desktop UI system may include: at least one type of container, and an animation effect module. The at least one type of container may include, but is not limited to: split-screen container, floating window container, picture-in-picture container, etc.

[0095] A split-screen container is used to store the split-screen interfaces displayed on the desktop interface. For example, referring to the example in Figure 3, the desktop interface displays three split-screen interfaces: the interface of the phone application displayed in the first display area, the interface of the settings application displayed in the second display area, and the interface of the social application displayed in the third display area. Referring to the example in Figure 5, the desktop interface displays one split-screen interface, which is the interface of the phone application displayed in the first display area.

[0096] Figure 6 illustrates an example of a split-screen container including a main split-screen, a secondary split-screen, and a split-screen line. The split-screen line separates the two split-screens; for example, a split-screen line can be included between the main split-screen and the secondary split-screen.

[0097] A floating window container is used to store floating windows displayed on the desktop interface. For example, referring to the example in Figure 4, three floating windows are displayed on the desktop interface: a floating window for the phone application displayed in the first display area, a floating window for the settings application displayed in the second display area, and a floating window for the social application displayed in the third display area. Referring to the example in Figure 5, two floating windows are displayed on the desktop interface: a floating window for the settings application displayed in the second display area, and a floating window for the social application displayed in the third display area.

[0098] Figure 6 shows an example of a floating window container including floating window 1 and floating window 2.

[0099] A picture-in-picture container is used to store the picture-in-picture interface displayed on the desktop interface. A picture-in-picture interface can be understood as a floating window superimposed on a split-screen interface. For example, the first display area displays the interface of a phone application in a split-screen format, and a floating window of a social application, such as a video call interface, is displayed on top of the phone application interface. This application does not separately show the picture-in-picture interface. In some embodiments, the picture-in-picture interface can be considered a split-screen interface, except that a floating window is superimposed on the split-screen interface. The method for switching the picture-in-picture interface can be referred to the description of switching split-screen interfaces in the following embodiments.

[0100] Figure 6 illustrates an example where a picture-in-picture container includes a main screen and a secondary screen. For instance, a floating window of a social media application is displayed on the interface of a phone application. The phone application interface can be considered the main screen, and the floating window of the social media application can be considered the secondary screen.

[0101] The animation effects module is used to display animation effects during application interface switching. Animation effects may include, but are not limited to, bounce effects, full-screen effects, spring effects, and hide effects. This application embodiment does not limit the animation effects for switching application interfaces.

[0102] The system service layer provides various types of system services for electronic devices. System services may include, but are not limited to, audio services, video services, network services, and desktop services. It should be understood that Figure 6 illustrates the desktop services involved in an embodiment of this application.

[0103] Referring to Figure 6, desktop services may include: session creation service, session management service, window management service, and desktop layout refresh service, etc.

[0104] The session creation service is used to create sessions. Whenever an application starts and enters a container, the session creation service creates a separate session for the application. For example, sessions can include, but are not limited to, split-screen sessions, floating window sessions, and picture-in-picture sessions. It should be understood that, for example, the session creation service can create a split-screen session when an electronic device is about to display the application's interface in a split-screen manner on the display area. For example, the session creation service can create a split-screen session when an electronic device is about to display a floating window of the application's interface on the display area.

[0105] Figure 6 shows examples of split-screen sessions, floating window sessions, and picture-in-picture sessions created by the session creation service.

[0106] The session management service manages sessions created by the session creation service. For example, the session management service can store session information for each application's interface, as well as destroy sessions. Session information may include, but is not limited to, the application's interface's position parameters and size parameters. Position parameters indicate the application's interface's location on the electronic device's screen, and size parameters indicate the application interface's size, shape, etc. (split-screen, floating window, picture-in-picture, etc.).

[0107] In some embodiments, the session management service may include a window session management service and a screen session management service. The window session management service manages window-related sessions created by the session creation service; for example, it can manage split-screen sessions, floating window sessions, and picture-in-picture sessions. The screen session management service manages desktop-related sessions; for example, it can manage desktop interface sessions.

[0108] The window management service is used to manage the windows displayed on the desktop interface. Different windows can host the interfaces of the same or different applications. For example, referring to the example in Figure 3, the interface of the phone application can be hosted in one window (such as window 1), and the interface of the settings application can be hosted in another window (such as window 2).

[0109] In some embodiments, the window management service may include: a multitasking management service, a window size management service, a window control management service, and a window swapping service.

[0110] The multi-task management service manages the applications running on electronic devices. These applications include background applications, and the multi-task management service manages the background task queue, which contains applications running in the background.

[0111] The window size management service manages the size of windows. Windows can be used to host split-screen displays, floating windows, and picture-in-picture displays. The window control management service manages the controls within windows. Controls within windows can include, but are not limited to, the bar at the top of the window.

[0112] A window swapping service can be used to obtain information about windows to be swapped and to switch that information. For example, the window information may include, but is not limited to, window position parameters and size parameters. For instance, if the windows to be swapped are split-screen interface 1 displayed in display area 1 and split-screen interface 2 displayed in display area 2, then the window information to be swapped may include: the position parameters of split-screen interface 1 and the position parameters of split-screen interface 2. Specifically, the position parameters of split-screen interface 1 may include: the coordinates 1 of the top-left corner of split-screen interface 1 in the coordinate system of the electronic device's display screen, and the position parameters of split-screen interface 2 may include: the coordinates 2 of the top-left corner of split-screen interface 2 in the coordinate system of the electronic device's display screen.

[0113] The window swapping service can swap the position parameters of split-screen interface 1 and split-screen interface 2. For example, the window swapping service can modify the position parameter of split-screen interface 1 to coordinate 2 and the position parameter of split-screen interface 2 to coordinate 1. The window swapping service is also used to send the information of the switched windows to the desktop layout refresh service. For example, the information of the switched windows includes: the position parameter of split-screen interface 1 (coordinate 2) and the position parameter of split-screen interface 2 (coordinate 1). In some embodiments, the information of the switched windows can also be referred to as the updated window parameters.

[0114] The desktop layout refresh service is used to rearrange the desktop based on updated window parameters. For example, the desktop layout refresh service can determine whether to display split-screen interface 2 in display area 1 and split-screen interface 1 in display area 2 based on the position parameters (coordinate 2) of split-screen interface 1 and the position parameters (coordinate 1) of split-screen interface 2.

[0115] Referring to Figure 6, in some embodiments, the kernel layer may include a rendering service and a basic management service. The rendering service can be used to render windows so that the electronic device can display the content of the windows in the display area. The basic management service can be used to manage the lifecycle of processes, the lifecycle of components, etc. The functions of the basic management service will not be elaborated further in this embodiment.

[0116] In some embodiments, the desktop layout refresh service is further configured to send information about the re-laid-out desktop to the rendering service. The rendering service is configured to re-render the desktop based on this information, so that the electronic device displays the split-screen interface 2 in display area 1 and the split-screen interface 1 in display area 2. In some embodiments, the information about the re-laid-out desktop may be referred to as the updated desktop layout parameters.

[0117] It is understood that the structure shown in Figure 6 does not constitute a specific limitation on the electronic device. In other embodiments of this application, the electronic device may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0118] The display method provided by the embodiments of this application will be described below with reference to specific examples. These embodiments can be combined with each other, and the same or similar concepts or processes may not be described again in some embodiments. It should be understood that the display method provided by the embodiments of this application is described in sequence according to the switching scenarios of the application interface.

[0119] Scenario 1: Switching between split-screen interfaces

[0120] Taking a tri-fold device as an example, when the tri-fold device is in its unfolded state, it can include a first display area, a second display area, and a third display area. These three display areas are adjacent to each other; for example, the first display area is adjacent to the second display area, the second display area is adjacent to the third display area, and the second display area is located between the first and third display areas. It should be understood that in this embodiment, the first, second, and third display areas are arranged left, center, and right as an example. However, they can also be arranged top, center, and bottom. This embodiment does not limit the arrangement of the display areas.

[0121] In this embodiment, the first display area can display a first application interface, the second display area can display a second application interface, and the third display area can display a third application interface. The first, second, and third application interfaces can belong to the same application or different applications. This embodiment uses the example of the first, second, and third application interfaces belonging to different applications for illustration. Referring to Figure 7A, the first application interface can be the interface of a telephone application, the second application interface can be the interface of a settings application, and the third application interface can be the interface of a social application. It should be understood that Figure 7A shows the application interfaces displayed in a split-screen manner. In some embodiments, the application interface of each display area shown in Figure 7A can be referred to as a split-screen interface.

[0122] Figure 7A shows several examples of switching between split-screen interfaces, as follows:

[0123] Example 1: Gesture 1 is used to trigger switching between the first and second application interfaces. For example, when the user performs gesture 1, the second display area can display the first application interface, and the first display area can display the second application interface.

[0124] Example 2: Gesture 2 is used to trigger switching between the second and third application interfaces. For example, when the user performs gesture 2, the third display area can display the second application interface, and the second display area can display the third application interface.

[0125] Example 3: Gesture 3 is used to trigger switching between the first and third application interfaces. For example, when the user performs gesture 3, the third display area can display the first application interface, and the first display area can display the third application interface.

[0126] Example 4: Gesture 4 is used to trigger switching between the first application interface and the background application interface. For example, when the user performs gesture 4, the first display area can show the background application interface, and the first application interface will not be displayed. Alternatively, for example, when the user performs gesture 4, the first display area can show the second application interface, the second display area can show the third application interface, and the third display area can show the background application interface.

[0127] It should be understood that the background application interface is the interface of the application running in the background. When the first display area displays the first application interface, the second display area displays the second application interface, and the third display area displays the third application interface, the first application interface, the second application interface, and the third application interface can be regarded as the interface of the application running in the foreground.

[0128] Example 5: Gesture 5 is used to trigger switching between the third application interface and the background application interface. For example, when the user performs gesture 5, the third display area can show the background application interface, and the third application interface will not be displayed. Alternatively, for example, when the user performs gesture 4, the third display area can show the second application interface, the second display area can show the first application interface, and the first display area can show the background application interface.

[0129] Example 6: Gesture 6 is used to trigger switching between the second application interface and the background application interface. For example, when the user performs gesture 6, the second display area can show the background application interface and not the second application interface.

[0130] In summary, switching between split-screen interfaces can include switching between foreground split-screen interfaces and switching between foreground split-screen interfaces and background application interfaces. The following describes the switching process between split-screen interfaces based on these two scenarios.

[0131] Scenario 1-1: Switching between split-screen interfaces in the foreground

[0132] Switching between split-screen interfaces in the foreground can include switching between two adjacent split-screen interfaces, as well as switching between two non-adjacent split-screen interfaces.

[0133] Taking a tri-fold device as an example, Figure 7B(1) shows the switching process between two adjacent split-screen interfaces. Referring to a in Figure 7B(1), the first display area displays the interface of the phone application, the second display area displays the interface of the settings application, and the third display area displays the interface of the social application. The two adjacent split-screen interfaces may include: the first application interface (the interface of the phone application) and the second application interface (the interface of the settings application), as well as the second application interface (the interface of the settings application) and the third application interface (the interface of the social application).

[0134] Taking switching between a first application interface and a second application interface as an example, a user can perform a first gesture on the first application interface to trigger the switching between the first and second application interfaces. The purpose of the first gesture is to instruct the user to switch between the first and second application interfaces. In some embodiments, the first gesture can be a gesture that touches the first application interface, or it can be a gesture that does not touch the first application interface, such as an air gesture.

[0135] For example, taking the first gesture as a gesture that touches the first application interface, the first gesture can be: the user presses a single finger at a preset position on the first application interface and slides it towards the second application interface. Specifically, performing the first gesture on the first application interface can indicate one application interface, and sliding it towards the second application interface can indicate another application interface. The preset position can be the bottom, top, left, or right side of the first application interface, etc.

[0136] In some embodiments, the swipe toward the second application interface may or may not exceed the first display area. The accompanying drawings of the following examples illustrate the swipe operation not exceeding the first display area.

[0137] Referring to Figure 7B(1)a, since the second application interface is located to the right of the first application interface, the user can trigger the electronic device to switch between the first and second application interfaces by pressing down at the bottom of the first application interface with a single finger and sliding to the right. Referring to Figure 7B(1)b, the first display area displays the second application interface, and the second display area displays the first application interface.

[0138] In some embodiments, when the preset position is the top of the first application interface, the preset position may specifically be the horizontal bar at the top of the first application interface.

[0139] In some embodiments, the first gesture may also be, for example, dragging the first application interface to the second display area, or operating the first application interface at a preset position to trigger the electronic device to display an interface selection box. The user can then select a second application interface from the selection box to trigger the electronic device to switch between the first and second application interfaces. It should be understood that the interface selection box may include an identifier of the application running in the foreground, or it may also include an identifier of the application running in the background.

[0140] The application interface switching shown in Figure 7B(1) can be applied to the following scenarios: users can see three application interfaces at the same time, and users can put the application interface currently being processed in the middle for quick processing.

[0141] Referring to the description in Figure 7B(1), the user can also perform a first gesture on the second application interface to trigger switching between the first and second application interfaces. For example, the user can press a single finger on a preset position on the second application interface and slide it toward the first application interface to trigger the electronic device to switch between the first and second application interfaces. The first gesture can also refer to the description in the above example.

[0142] Understandably, after the electronic device switches between the first application interface and the second application interface, the user can trigger the electronic device to switch between the first application interface and the second application interface again by pressing down at the bottom of the first application interface with a single finger and swiping to the left. The first display area can display the interface of the first application, and the second display area can display the interface of the second application.

[0143] Similarly, users can trigger the electronic device to switch between adjacent second and third application interfaces in the same way, which will not be elaborated here.

[0144] The following section, in conjunction with Figure 7B(2), describes the process of switching between the first and second application interfaces of an electronic device from the perspective of the interaction between internal modules:

[0145] When a split-screen container (such as the container of the first application interface) detects a user's gesture on the first application interface, it checks whether the gesture satisfies a switching gesture (such as the first gesture). Specifically, when the split-screen container determines that the user's gesture satisfies the first gesture, it invokes a window swapping service. The window swapping service accesses the session of the first application interface to determine its position parameters (e.g., coordinate 1), and it also accesses the session of the second application interface to determine its position parameters (e.g., coordinate 2). After the position parameters of the first and second application interfaces are returned to the window swapping service, the service swaps these parameters to obtain updated window parameters. The updated window parameters may include, for example, the position parameters of the first application interface (e.g., coordinate 2) and the position parameters of the second application interface (e.g., coordinate 1).

[0146] The window swapping service can send updated window parameters to the desktop layout refresh service. The desktop layout refresh service can then rearrange the desktop based on these updated window parameters, obtaining the updated desktop layout parameters. The desktop layout refresh service can also send the updated desktop layout parameters to the rendering service. The rendering service can then render the desktop based on these updated desktop layout parameters, allowing the electronic device to display the first application interface in the second display area and the second application interface in the first display area. Understandably, to achieve smooth switching between the two application interfaces and improve user experience, the animation effects module can render the animation effects for switching between the two application interfaces, and the electronic device can then display these animation effects.

[0147] It should be understood that when the split-screen container determines that the user's gesture does not meet the first gesture, the split-screen container will not call the window swapping service.

[0148] The following describes the process of switching between two non-adjacent split-screen interfaces on an electronic device:

[0149] Taking a three-fold device as an example, Figure 7C(1) shows the switching process between two non-adjacent split-screen interfaces. The a in Figure 7C(1) can be described with reference to the a in Figure 7B(1). Referring to the a in Figure 7C(1), the two non-adjacent split-screen interfaces can include a first application interface (the interface of the telephone application) and a third application interface (the interface of the social application).

[0150] Users can perform a second gesture on either the first or third application interface to trigger the electronic device to switch between the first and third application interfaces. In some embodiments, the second gesture can be a gesture that touches the first application interface, or a gesture that does not touch the first application interface, such as an air gesture.

[0151] For example, taking the second gesture as a gesture that touches the first application interface, the second gesture can be: the user presses a preset position on the first application interface with a single finger and slides away from the third application interface. "Slide away from the third application interface" can be understood as: sliding in a direction away from (or away from) the third application interface. The purpose of this embodiment is that: since the second application interface is located between the first and third application interfaces, if the gesture is towards the third application interface, the second gesture is also towards the second application interface, which will trigger the electronic device to switch between the first and second application interfaces. In order to accurately trigger the switching between the first and third application interfaces, the arrangement of the three application interfaces can be regarded as end to end, with the third application interface located to the left of the first application interface and the first application interface located to the right of the third application interface.

[0152] Referring to Figure 7C(1)a, when a user presses down with a single finger at the bottom of the first application interface and slides to the left, the electronic device can switch between the first and third application interfaces. The first display area can display the third application interface, and the third display area can display the first application interface, as shown in Figure 7C(1)b. Similarly, when a user presses down with a single finger at the bottom of the third application interface and slides to the right, the electronic device can switch between the first and third application interfaces. The first display area can display the third application interface, and the third display area can display the first application interface.

[0153] In some embodiments, the second gesture may also be dragging the first application interface to the third display area, or dragging the third application interface to the first display area. Alternatively, the second gesture may also be operating a preset position on the first application interface to trigger the electronic device to display an interface selection box, so that the user can select the third application interface in the interface selection box to trigger the electronic device to switch between the first application interface and the third application interface. The interface selection box can be referred to the description in the above examples.

[0154] The application interface shown in Figure 7C(1) can be applied to the following scenarios: User 1 is operating the first application interface, and User 2 is located to the right of User 1. User 1 can perform a second gesture to enable the third display area to display the first application interface, so as to quickly share the first application interface with User 2. Alternatively, User 1 is operating the first application interface, and User 2 is operating the third application interface. User 2 is located to the right of User 1. User 1 can perform a second gesture to trigger the electronic device to switch between the first and third application interfaces, so that User 1 and User 2 can exchange views of the application interface that the other is processing.

[0155] In a three-fold device, two non-adjacent split-screen interfaces can be considered as two split-screen interfaces located at both ends of the electronic device. Referring to the method in Figure 7C(1), when the user performs a second gesture, the electronic device can be triggered to switch between the two split-screen interfaces located at both ends of the electronic device. The two ends can be understood as the top and bottom of the electronic device, or the left and right sides. Similarly, the method in Figure 7C(1) can also be applied to two split-screen interfaces located at both ends of the electronic device in four-fold and more foldable devices. However, in four-fold and more foldable devices, two non-adjacent split-screen interfaces can also include two split-screen interfaces that are not located at both ends of the electronic device.

[0156] Taking a four-fold device as an example, when the four-fold device is in the unfolded state, it includes four display areas, which are arranged from left to right as the first display area, the second display area, the third display area, and the fourth display area. The switching method between the non-adjacent first and fourth display areas can be found in Figure 7C(1). The non-adjacent display areas also include the first and third display areas, and the second and fourth display areas. For this type of non-adjacent display area, for example, the switching method can be as follows: taking the switching between the first and third display areas as an example, the user can press the first display area with one finger 1 and press the third display area with one finger 2. The user's finger 1 can slide towards the third display area, and the user's finger 2 can slide towards the first display area. This can trigger the electronic device to switch between the first and third display areas.

[0157] The following section, in conjunction with Figure 7C(2), describes the process of switching between the first and third application interfaces of an electronic device from the perspective of the interaction between internal modules:

[0158] When a split-screen container (such as the container of the first application interface) detects a user gesture on the first application interface, it checks whether the user's gesture meets the switching gesture (such as the second gesture). Specifically, when the split-screen container determines that the user's gesture meets the second gesture, it calls the window swapping service. The window swapping service accesses the session of the first application interface to determine its position parameters (e.g., coordinate 1), and it also accesses the session of the third application interface to determine its position parameters (e.g., coordinate 3). After the position parameters of the first and third application interfaces are sent back to the window swapping service, the service swaps these parameters to obtain updated window parameters. The updated window parameters may include, for example, the position parameters of the first application interface (e.g., coordinate 3) and the position parameters of the third application interface (e.g., coordinate 1).

[0159] The window swapping service can send updated window parameters to the desktop layout refresh service. The desktop layout refresh service can then rearrange the desktop based on these updated parameters, obtaining the updated desktop layout parameters. The desktop layout refresh service can also send these updated desktop layout parameters to the rendering service. The rendering service can then render the desktop based on these updated parameters, allowing the electronic device to display the first application interface in the third display area and the third application interface in the first display area. Understandably, to achieve smooth switching between the two application interfaces and improve user experience, the animation effects module can render the animation effects for switching between the two application interfaces, and the electronic device can then display these animation effects.

[0160] It should be understood that when the split-screen container determines that the user's gesture does not meet the second gesture, the split-screen container will not call the window swapping service.

[0161] In this embodiment of the application, the user can perform a first gesture to trigger the electronic device to switch between two adjacent application interfaces, and the user can also perform a second gesture to trigger the electronic device to switch between two non-adjacent application interfaces.

[0162] Scenario 1-2: Switching between the foreground split-screen interface and the background application interface

[0163] Switching between the foreground split-screen interface and the background application interface can include: switching between application interfaces located at both ends of the electronic device (split-screen interface) and the background application interface, and switching between application interfaces not located at either end of the electronic device (split-screen interface) and the background application interface. Application interfaces not located at either end of the electronic device can also be understood as application interfaces located in the middle of the electronic device.

[0164] Taking a three-fold electronic device as an example, Figure 7D(1) shows the switching process between the application interface and the background application interface located at both ends of the electronic device. The a in Figure 7D(1) can be compared with the description in a in Figure 7B(1). Referring to a in Figure 7D(1), the application interfaces located at both ends of the electronic device are the first application interface and the third application interface, respectively. The first application interface is located on the left side of the electronic device, and the second application interface is located on the right side of the electronic device.

[0165] Taking the switching between a first application interface and a background application interface as an example, a user can perform a third gesture on either application interface located at both ends of the electronic device to trigger the switching between the first application interface and the background application interface. In some embodiments, either application interface located at both ends of the electronic device can be referred to as the target application interface, for example, the target application interface can be the first application interface or the third application interface. The third gesture can be a gesture that touches the target application interface, or a gesture that does not touch the target application interface, such as an air gesture.

[0166] For example, taking the third gesture as a gesture to touch the target application interface, the third gesture can be: the user presses down with two fingers at a preset position on the first application interface and slides away from the third application interface, or the user presses down with two fingers at a preset position on the third application interface and slides towards the first application interface.

[0167] Referring to Figure 7D(1)a, a user can trigger the electronic device to switch between the first application interface and the background application interface by pressing down and sliding left at the bottom of the first application interface with two fingers, or by pressing down and sliding left at the bottom of the third application interface with two fingers. Referring to Figure 7D(1)b, the first display area can display the second application interface, the second display area can display the third application interface, and the third display area can display the background application interface. In other words, when the user performs the third gesture, the application interface can be moved to the left, and the background application interface will be displayed in the rightmost display area, while the electronic device will not display the first application interface. It should be understood that Figure 7D(1)b uses the memo application as an example of the background application interface.

[0168] It should be understood that electronic devices can maintain a background task queue, in which applications running in the background can be sorted according to a specific order. The background application interface that switches between the primary application interface and the primary application interface is the interface of the background application that is listed first in the queue.

[0169] In some embodiments, the specific order can be: sorted in order of the time the device switched to the background from latest to earliest, or sorted in order of the frequency of user use (or the duration of use) from highest to lowest, etc. Here, sorting in order of the time the device switched to the background from latest to earliest can be understood as: the closer the time of switching to the background is to the current time, the later the time of switching to the background is.

[0170] It should be understood that, referring to b in Figure 7D(1), if the user continues to press the preset position on the second application interface with two fingers and performs a left swipe operation, the electronic device can be triggered to switch between the second application interface and the background application interface ranked second. Specifically, the first display area can display the third application interface, the second display area can display the interface of the background application ranked first, and the third display area can display the background application interface ranked second.

[0171] In some embodiments, the third gesture may also be, for example, dragging the first application interface to the left outside the first display area. Or,

[0172] The third gesture could also be: the user operates on a preset position on the first application interface to trigger the electronic device to display an interface selection box. The user can then select a background application interface from the selection box, triggering the electronic device to switch between the first and background application interfaces. In this example, the selection box can display the identifier of the background application (such as its name, icon, or number). When there are many background applications, if the user needs to see the interface of the third-ranked background application, the previous two-finger press and slide method would require multiple swipes to reach it. Compared to this method, the selection method using the selection box directly triggers the electronic device to display the interface of the third-ranked background application, making the operation much simpler.

[0173] The application interface shown in Figure 7D(1) can be applied to the following scenarios: For example, when a user switches a translation application to the background and watches a video in the third display area, and the user needs to translate the lines in the video, the user can perform a third gesture in the first or third application interface to trigger the electronic device to display the video in the second display area and the translation application in the third display area. In this way, the user can watch the video and use the translation application to translate the lines at the same time.

[0174] Similarly, users can trigger the switching between third-party application interfaces and background application interfaces on electronic devices in the same way, which will not be elaborated here.

[0175] In summary, when an electronic device switches between application interfaces located at both ends of the device and background application interfaces, the third gesture can be summarized as follows: the user presses two fingers at a preset position on the first target application interface and slides away from the second target application interface; or, the user presses two fingers at a preset position on the second target application interface and slides towards the second application interface. Here, the first target application interface is the foreground application interface to be switched to, and the second target application interface is the target application interface located on the other end of the electronic device, excluding the first target application interface. For example, the first target application interface is the first application interface, and the second target application interface is the third application interface. It should be understood that "sliding away from the second target application interface" can be interpreted as sliding in a direction away from (or away from) the second target application interface.

[0176] The following section, in conjunction with Figure 7D(2), describes the process of switching between the first application interface and the background application interface of an electronic device from the perspective of the interaction between internal modules:

[0177] When a split-screen container (such as the container of the first application interface) detects a user's gesture, it checks whether the gesture meets the switching gesture (such as the third gesture). Specifically, when the split-screen container determines that the user's gesture meets the third gesture, it calls the multi-task management service. The multi-task management service checks whether the background task queue is empty. An empty background task queue indicates that no background application exists; a non-empty background task queue indicates that a background application exists.

[0178] When the background queue is not empty, the multitasking management service can retrieve the information of the application ranked first in the background task queue. The multitasking management service can then send this information to the session management service (such as the window session management service), which can then create a session for that application based on this information. The window management service can then create a window corresponding to this ranked application to host its user interface.

[0179] A window management service (such as a window control management service) can access the session of a first application interface to determine its position parameters (e.g., coordinate 1), access the session of a second application interface to determine its position parameters (e.g., coordinate 2), and access the session of a third application interface to determine its position parameters (e.g., coordinate 3). After the position parameters of the first, second, and third application interfaces are returned to the window management service, the service will swap the position parameters of the application interfaces to obtain updated window parameters. The updated window parameters may include, for example, the position parameters of the second application interface (e.g., coordinate 1), the position parameters of the third application interface (e.g., coordinate 2), and the position parameters of the background application interface (coordinate 3). In some embodiments, the session management service can destroy the window hosting the first application interface.

[0180] The window management service can send updated window parameters to the desktop layout refresh service. The desktop layout refresh service can then rearrange the desktop based on these updated parameters, obtaining the updated desktop layout parameters. The desktop layout refresh service can also send the updated desktop layout parameters to the rendering service. The rendering service can then render the desktop based on these updated parameters, allowing the electronic device to display a second application interface in the first display area, a third application interface in the second display area, and a background application interface in the third display area. Understandably, to achieve smooth switching between the two application interfaces and improve user experience, the animation effects module can render the animation effects for switching between the two application interfaces, and the electronic device can then display these animation effects.

[0181] It should be understood that when the split-screen container determines that the user's gesture does not meet the third gesture requirement, the split-screen container will not call the multitasking management service.

[0182] In some embodiments, when the electronic device switches between the application interface and the background application interface located at both ends of the electronic device, the third gesture may be, for example, the user pressing a preset position on the first target application interface with a single finger, and pressing a preset position on the second target application interface and sliding away from the second target application interface; or, the user pressing a preset position on the second target application interface with a single finger, and pressing a preset position on the first target application interface and sliding toward the second target application interface.

[0183] For example, taking the switching between the first application interface and the background application interface as an example, if the first target application interface is the first application interface and the second target application interface is the third application interface, referring to a in Figure 7E(1), the user can press down at the bottom of the third application interface with a single finger and slide to the left at the bottom of the first application interface to trigger the electronic device to switch between the first application interface and the background application interface. Referring to b in Figure 7E(1), the first display area can display the background application interface, the second display area can display the second application interface, and the third display area can display the third application interface.

[0184] The following section, in conjunction with Figure 7E(2), describes the process of switching between the first application interface and the background application interface of an electronic device from the perspective of the interaction between internal modules:

[0185] When a split-screen container (such as the container of the first application interface) detects a user's gesture, it checks whether the gesture meets the switching gesture (such as the third gesture). Specifically, when the split-screen container determines that the user's gesture meets the third gesture, it calls the multi-task management service. The multi-task management service checks whether the background task queue is empty. An empty background task queue indicates that no background application exists; a non-empty background task queue indicates that a background application exists.

[0186] When the background queue is not empty, the multitasking management service can retrieve the information of the application ranked first in the background task queue. The multitasking management service can then send this information to the session management service (such as the window session management service), which can then create a session for that application based on this information. The window management service can then create a window corresponding to this ranked application to host its user interface.

[0187] A window management service (such as a window control management service) can access the session of the first application interface to determine the position parameters (e.g., coordinate 1) of the first application interface. After the position parameters of the first application interface are sent back to the window management service, the window management service will swap the position parameters of the application interfaces to obtain updated window parameters. The updated window parameters may, for example, include the position parameters (coordinate 1) of the background application interface. In some embodiments, the session management service can destroy the window hosting the first application interface.

[0188] The window management service can send updated window parameters to the desktop layout refresh service. The desktop layout refresh service can then rearrange the desktop based on these updated parameters, obtaining the updated desktop layout parameters. The desktop layout refresh service can also send the updated desktop layout parameters to the rendering service. The rendering service can then render the desktop based on these updated parameters, allowing the electronic device to display the background application interface in the first display area, the second application interface in the second display area, and the third application interface in the third display area. Understandably, to achieve smooth switching between the two application interfaces and improve user experience, the animation effects module can render the animation effects for switching between the two application interfaces, and the electronic device can then display these animation effects.

[0189] Understandably, when the split-screen container determines that the user's operation does not meet the requirements of the third gesture, the split-screen container will not call the multi-task management service.

[0190] The above describes how to switch between application interfaces and background application interfaces located at both ends of an electronic device. The following describes how to switch between application interfaces and background application interfaces not located at both ends of an electronic device.

[0191] Taking a three-fold electronic device as an example, Figure 7F shows the switching process between the application interface located in the middle of the electronic device and the background application interface. Figure 7F's a can be compared with the description of a in Figure 7B(1). Referring to Figure 7F's a, the application interface located in the middle of the electronic device is the second application interface. Because the second application interface is located between the first and third application interfaces, the third gesture can be the user pressing a preset position on the second application interface with a single finger and performing an upward or downward swipe.

[0192] Referring to Figure 7Fa, a user can switch between the second application interface and the background application interface by pressing down at the bottom of the second application interface and swiping upwards with a single finger. Referring to Figure 7Fb, the first display area can display the first application interface, the second display area can display the background application interface, and the third display area can display the third application interface.

[0193] In this example, when the electronic device switches between an application interface not located at either end of the electronic device and a background application interface, the third gesture can be: pressing a single finger at a preset position on the application interface and performing a slide parallel to the folding edge or folding axis (or split screen line). In some embodiments, the third gesture can be described as: pressing a single finger at a preset position on the application interface and performing a slide in a first direction, which is parallel to the folding edge or folding axis (or split screen line).

[0194] For example, referring to Figure 7Fa, the folded edge is parallel to the left and right borders of the electronic device. When a user presses a preset position on the second application interface with a single finger and performs an upward or downward swipe, this upward or downward swipe can be considered a sliding operation parallel to the folded edge or folding axis (or split-screen line). The aforementioned parallelism allows for some degree of error; the angle between the sliding operation and the folded edge or folding axis is not necessarily 0°. For example, the angle between the sliding operation and the folded edge or folding axis can be 0° to 10°. For example, it can be 0°, 1°, 2°, 3°, 4°, 5°, 6°, 7°, 8°, 9°, or 10°. The descriptions of parallelism elsewhere in the text follow the same logic.

[0195] It is understandable that when an electronic device switches between an application interface not located at either end of the electronic device and a background application interface, the interaction process of the internal modules of the electronic device can be described in Figure 7E(2).

[0196] Scenario 2: Switching between floating windows

[0197] Taking a three-fold electronic device as an example, Figure 8A illustrates the switching process between floating windows. Referring to a in Figure 8A, the electronic device displays the application interface in the form of floating windows in the first display area, the second display area, and the third display area, respectively. In other words, the first display area displays the first floating window, the second display area displays the second floating window, and the third display area displays the third floating window. The first floating window corresponds to the first application interface, the second floating window corresponds to the second application interface, and the third floating window corresponds to the third application interface.

[0198] In some embodiments, the positions and sizes of the first floating window, the second floating window, and the third floating window may be different, all the same, or at least partially the same. Figure 8Aa illustrates an example where the positions and sizes of the first floating window, the second floating window, and the third floating window are different.

[0199] In some embodiments, the position of the floating window can be represented by the coordinates of its upper left corner in the coordinate system of the electronic device's display screen. This application embodiment does not limit the setting of the coordinate system of the electronic device's display screen. For example, referring to a in Figure 8A, the position of the first floating window can be (X1, Y1), and the size of the first floating window is a first size; the position of the second floating window can be (X2, Y2), and the size of the second floating window is a second size; the position of the third floating window can be (X3, Y3), and the size of the third floating window is a third size.

[0200] Taking switching between a first floating window and a second floating window on an electronic device as an example, the user can perform a fourth gesture on either the first or second floating window to trigger the electronic device to switch between the first and second floating windows. This fourth gesture can be a gesture that touches the first or second floating window, or a gesture that does not touch the first or second floating window, such as an air gesture.

[0201] For example, taking the fourth gesture as a gesture of touching the first or second floating window, the fourth gesture can be: the user presses down on a preset position of the first floating window with one finger and slides towards the second floating window, or the user presses down on a preset position of the second floating window with two fingers and slides towards the first floating window. The preset position can be referred to the description in Scenario 1 above.

[0202] Referring to Figure 8Aa, a user can trigger the electronic device to switch between the first and second floating windows by pressing and sliding a single finger across the top of the first floating window (e.g., the top horizontal bar) or sliding a single finger across the top of the second floating window (e.g., the top horizontal bar). Referring to Figure 8Ab, a first display area can display the second floating window, a second display area can display the first floating window, and a third display area can display the third floating window.

[0203] In some embodiments, when switching between the first floating window and the second floating window, the electronic device may only exchange the position parameters of the floating window, without exchanging the size parameters. For example, referring to Figure 8Ab, when the electronic device switches between the first floating window and the second floating window, the first display area may display the second floating window at position (X1, Y1) and the size of the second floating window is a first size, and the second display area may display the first floating window at position (X2, Y2) and the size of the first floating window is a second size.

[0204] In some embodiments, when switching between the first floating window and the second floating window, the electronic device can exchange the position parameters and size parameters of the floating window. For example, referring to Figure 8Ac, when the electronic device switches between the first floating window and the second floating window, the first display area can display the second floating window at position (X1, Y1) and the size of the second floating window is a second size, and the second display area can display the first floating window at position (X2, Y2) and the size of the first floating window is a first size.

[0205] In some embodiments, the fourth gesture may also be dragging the first floating window to the right to the second display area, or dragging the second floating window to the left to the first display area.

[0206] Alternatively, the fourth gesture could be: the user operates on a preset position of the first floating window to trigger the electronic device to display an interface selection box. The user can then select a second floating window from the selection box, thus switching between the first and second floating windows. In this example, the selection box can display the identifier of the application running in the foreground (such as its name, icon, or number). This allows the user to directly select the floating window to switch from when there is a large display area, eliminating the need for extensive dragging and simplifying the operation.

[0207] Similarly, users can trigger the electronic device to switch between the second and third floating windows, as well as the first and third floating windows, in the same way.

[0208] Referring to Figure 8B, the process of switching between the first and second floating windows of an electronic device is described from the perspective of the interaction between internal modules:

[0209] When the floating window container detects a user's gesture, it checks if the gesture matches a switching gesture (such as the fourth gesture). Specifically, when the floating window container determines that the user's gesture matches the fourth gesture, it invokes the window swapping service. The window swapping service accesses the session of the first floating window to determine its position parameters (e.g., coordinate 1), and it also accesses the session of the second floating window to determine its position parameters (e.g., coordinate 2). After the position parameters of the first and second floating windows are returned to the window swapping service, the service swaps these parameters to obtain updated window parameters. The updated window parameters may include, for example, the position parameters of the first floating window (e.g., coordinate 2) and the position parameters of the second floating window (e.g., coordinate 1).

[0210] The window swapping service can send updated window parameters to the desktop layout refresh service. The desktop layout refresh service can then rearrange the desktop based on these updated parameters, obtaining the updated desktop layout parameters. The desktop layout refresh service can also send these updated desktop layout parameters to the rendering service. The rendering service can then render the desktop based on these updated parameters, allowing the electronic device to display the first floating window in the second display area and the second floating window in the first display area. Understandably, to achieve smooth switching between the two floating windows and improve user experience, the animation effects module can render the animation effects for switching between the two floating windows, and the electronic device can then display these animation effects.

[0211] It should be understood that when the floating window container determines that the direction and distance of the finger swipe on the screen do not meet the requirements of the second gesture, the floating window container will not call the window swapping service.

[0212] In some embodiments, when an electronic device switches between a first floating window and a second floating window, and exchanges the position and size parameters of the floating windows, the window swapping service accesses the session of the first floating window to determine the position parameters (e.g., coordinate 1) and size parameters (first size) of the first floating window, and the window swapping service accesses the session of the second floating window to determine the position parameters (e.g., coordinate 2) and size parameters (second size) of the second floating window. Accordingly, the updated window parameters may include, for example, the position parameters (e.g., coordinate 2) and size parameters (first size) of the first floating window, and the position parameters (e.g., coordinate 1) and size parameters (second size) of the second floating window. Thus, according to the updated window parameters, the electronic device can display a second floating window of the second size at coordinate 1 in the first display area, and the electronic device can display a first floating window of the first size at coordinate 2 in the second display area.

[0213] Scenario 3: Switching between split-screen interface and floating window

[0214] The switching method between the split-screen interface and the floating window can be referred to the descriptions in Scenario 1 and Scenario 2 above. In some embodiments, taking a three-fold device as an example, Figure 9 illustrates the switching process between the split-screen interface and the floating window. Referring to a in Figure 9, the first display area displays the first floating window, the second display area displays the second application interface (which is the split-screen interface), and the third display area displays the third floating window. The first floating window corresponds to the first application interface, and the third floating window corresponds to the third application interface. For example, referring to a in Figure 9, the position of the first floating window is (X1, Y1), and the size of the first floating window is the first size; the position of the third floating window is (X3, Y3), and the size of the third floating window is the third size.

[0215] Taking the switching between the first floating window and the second application interface as an example, the user can perform a fifth gesture on either the first floating window or the second application interface to trigger the switching between the two interfaces. The third gesture can be a gesture that touches the first floating window or the second application interface, or it can be a gesture that does not touch the first floating window or the second application interface, such as an air gesture.

[0216] For example, taking the fifth gesture as a gesture to touch the first or second floating window, the fifth gesture can be: the user presses a single finger at a preset position on the first floating window and slides it toward the second application interface, or the user presses a single finger at a preset position on the second application interface and slides it toward the first floating window. The preset position can be referred to the description in Scenario 1 above.

[0217] Referring to Figure 9a, a user can trigger the electronic device to switch between the first floating window and the second application interface by pressing and swiping to the right with a single finger at the top of the first floating window (e.g., the top bar) or by pressing and swiping to the left with a single finger at the bottom of the second application interface. Referring to Figure 9b, the first display area can display the second application interface, the second display area can display the first floating window, and the third display area can display the third floating window.

[0218] In some embodiments, when switching between the first floating window and the second application interface, the electronic device can exchange the position parameters and size parameters of the floating window. For example, referring to Figure 9b, when the electronic device switches between the first floating window and the second application interface, the first display area can display the second application interface in a split-screen manner. The electronic device displays the first floating window at position (X2, Y2), and the size of the first floating window is a first size. It should be understood that the relative position of (X2, Y2) in the second display area is the same as the relative position of (X1, Y1) in the first display area.

[0219] Alternatively, in some embodiments, the electronic device switches between a first floating window and a second application interface. The first display area can display the second floating window, which corresponds to the second application interface. The position of the second floating window is (X1, Y1), and the size of the second floating window is the first size. The electronic device displays the first application interface in a split-screen manner in the second display area, with the first floating window corresponding to the first application interface.

[0220] In some embodiments, the fifth gesture may also be dragging the first floating window to the right to the second display area, or dragging the second application interface to the left to the first display area.

[0221] Alternatively, the fifth gesture could be: the user operates the preset position of the first floating window to trigger the electronic device to display an interface selection box, so that the user can select a second application interface in the interface selection box to trigger the electronic device to switch between the first floating window and the second application interface.

[0222] Similarly, users can trigger the switching between the second application interface and the third floating window on their electronic devices in the same way.

[0223] It is understood that when an electronic device switches between a split-screen interface and a floating window, the interaction process of the internal modules of the electronic device can refer to the description of the electronic device switching between split-screen interfaces or the description of the electronic device switching between floating windows in the above embodiments.

[0224] It is understandable that electronic devices can also switch between picture-in-picture and picture-in-picture, picture-in-picture and floating window, and picture-in-picture and split-screen interface. The process of switching between picture-in-picture and picture-in-picture can be referred to the description in Scenario 1-1, and the process of switching between picture-in-picture and floating window, and between picture-in-picture and split-screen interface can be referred to the descriptions in Scenario 2 and Scenario 3.

[0225] Scenario 4: Display area when the application starts

[0226] Taking a tri-fold device as an example, the three display areas of the tri-fold device can display desktop interfaces. Referring to Figure 10Aa, the first display area can display a first desktop interface, the second display area can display a second desktop interface, and the third display area can display a third desktop interface. Each desktop interface can display an icon of at least one application, and the user can interact with the application icon to trigger the electronic device to launch the application.

[0227] Taking the user's operation of the application 1 icon on the second desktop interface as an example, in some embodiments, for instance, when the user clicks the application icon 1 on the second desktop interface, the second display area can display the interface of application 1. In some embodiments, application 1 can be regarded as the first application.

[0228] In some embodiments, users can perform a sixth gesture on the icon of the first application to select the display area of ​​the application interface.

[0229] For example, a user can short-press an application icon and drag it to the corresponding display area to display the application's interface. Referring to Figure 10A(a), a user can short-press the icon of application 1 and drag it to the first display area, where the interface of application 1 can be displayed. It should be understood that Figure 10A(b) illustrates the example of displaying the launch screen of application 1 in the first display area. The user's action of short-pressing the icon of application 1 and dragging it to a preset position in the second display area can be considered a sixth gesture.

[0230] In some embodiments, a user can short-press the icon of application 1 and drag it to a preset position in the second display area. The electronic device can then display the interface of application 1 in full screen. Full-screen display of the application 1 interface means that the interface of application 1 is displayed in the first display area, the second display area, and the third display area. The user's action of short-pressing the icon of application 1 and dragging it to the preset position in the second display area can be considered a sixth gesture.

[0231] For example, a user can swipe up or down on an application icon a certain distance, triggering the electronic device's display area options. The user can then select a corresponding display area to display the application's interface. Referring to Figure 10B(a), a user can swipe up on the application 1 icon a certain distance, and the second display area can display area option 11. Referring to Figure 10B(b), area option 11 includes identifiers for each display area of ​​the electronic device, such as first display area 111, second display area 112, third display area 113, and full-screen display 114. When the user selects first display area 111, the first display area can display the application 1's interface, as shown in Figure 10B(c). It should be understood that when the user selects full-screen display 114, the electronic device can display the application 1's interface in the first, second, and third display areas. The user's swipe up or down on the application icon a certain distance can be considered a sixth gesture, and the distance can be considered a preset distance.

[0232] In this embodiment of the application, when launching the application, the user can select the display area of ​​the application interface, which allows the user to choose according to their needs and improves the user experience.

[0233] Referring to Figure 10C, the process of the electronic device displaying the interface of application 1 in the first display area is described below from the perspective of the interaction between internal modules of the electronic device:

[0234] When the split-screen container detects a user's gesture, it checks whether the gesture meets the criteria for triggering application launch (such as the sixth gesture). Specifically, when the split-screen container determines that the user's action meets the criteria for triggering application launch, it invokes the session management service. The session management service (such as the window session management service) can create a session for the window hosting the interface of application 1, and the screen session management service caches information about application 1.

[0235] Additionally, window management services (such as window control management services) can set parameters for the window hosting application 1, such as position parameters. The window management service can send these parameters to the desktop layout refresh service, which can then use these parameters to layout the desktop and obtain updated desktop layout parameters. These updated desktop layout parameters are used to indicate when the interface of application 1 is displayed in the first display area.

[0236] The desktop layout refresh service can send updated desktop layout parameters to the rendering service. The rendering service can then render the desktop based on these updated parameters, allowing the electronic device to display the interface of application 1 in the first display area. Understandably, to ensure a smooth application launch screen and improve user experience, the animation effects module can render the launch animation effects for application 1, which the electronic device can then display.

[0237] It should be noted that the user data involved in this application (including but not limited to data used for analysis, stored data, and displayed data) are all information and data authorized by the user or fully authorized by all parties. Furthermore, the collection, use, and processing of such data must comply with the relevant laws, regulations, and standards of the relevant countries and regions, and corresponding operation entry points are provided for users to choose to authorize or refuse.

[0238] In one embodiment, this application also provides an electronic device. Referring to FIG11, the electronic device may include: a processor 1101 (e.g., a CPU) and a memory 1102. The memory 1102 may include high-speed random-access memory (RAM) and may also include non-volatile memory (NVM), such as at least one disk storage device. The memory 1102 may store various instructions for performing various processing functions and implementing the method steps of this application.

[0239] Optionally, the electronic device involved in this application may further include: a power supply 1103, a communication bus 1104, and a communication port 1105. The aforementioned communication port 1105 is used to enable communication between the electronic device and other peripherals. In this embodiment, the memory 1102 is used to store computer-executable program code, which includes instructions; when the processor 1101 executes the instructions, the instructions cause the processor 1101 of the electronic device to perform the actions described in the above method embodiment. The implementation principle and technical effects are similar and will not be repeated here.

[0240] Optionally, the electronic device involved in this application may further include a display screen 1106. The display screen 1106 can display the interface of the electronic device. For example, taking the electronic device as a three-fold device, the display screen 1106 may include a first display area, a second display area, and a third display area.

[0241] It should be noted that the modules or components described in the above embodiments can be one or more integrated circuits configured to implement the above methods, such as one or more application-specific integrated circuits (ASICs), one or more digital signal processors (DSPs), or one or more field-programmable gate arrays (FPGAs), etc. Furthermore, when a module is implemented through processing element scheduler code, the processing element can be a general-purpose processor, such as a central processing unit (CPU) or other processors capable of calling program code, such as a controller. Additionally, these modules can be integrated together to implement a system-on-a-chip (SOC).

[0242] In the above embodiments, implementation can be achieved, in whole or in part, through software, hardware, firmware, or any combination thereof. When implemented in software, it can be implemented, in whole or in part, as a computer program product. A computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the flow or function according to the embodiments of this application is generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., a solid-state disk (SSD)).

[0243] The term "multiple" in this document refers to two or more. The term "and / or" is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, or B alone. Furthermore, the character " / " in this document generally indicates an "or" relationship between the preceding and following related objects; in formulas, " / " indicates a "division" relationship. Additionally, it should be understood that in the description of this application, words such as "first" and "second" are used only for descriptive purposes and should not be construed as indicating or implying relative importance or order.

[0244] It is understood that the various numerical designations used in the embodiments of this application are merely for descriptive convenience and are not intended to limit the scope of the embodiments of this application.

[0245] It is understood that, in the embodiments of this application, the order of the above-mentioned process numbers does not imply the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of this application.

Claims

1. A display method, characterized in that, Applied to an electronic device, the electronic device including a first display area, a second display area, and a third display area, wherein the second display area is located between the first display area and the third display area, the method includes: The first application interface is displayed in the first display area, the second application interface is displayed in the second display area, and the third application interface is displayed in the third display area; In response to a user's first gesture on the first application interface or the second application interface, the second application interface is displayed in the first display area, and the first application interface is displayed in the second display area.

2. The method according to claim 1, characterized in that, The first gesture is: pressing a single finger at a preset position on the first application interface and sliding it toward the second application interface, or pressing a single finger at a preset position on the second application interface and sliding it toward the first application interface; or, The first gesture is: dragging the first application interface to the second display area, or dragging the second application interface to the first display area.

3. The method according to claim 1 or 2, characterized in that, The first application interface, the second application interface, and the third application interface belong to different applications.

4. The method according to any one of claims 1-3, characterized in that, After displaying the first application interface in the first display area, the second application interface in the second display area, and the third application interface in the third display area, the method further includes: In response to a second gesture by the user onto the first application interface or the third application interface, the third application interface is displayed in the first display area, and the first application interface is displayed in the third display area, wherein the second gesture is different from the first gesture.

5. The method according to claim 4, characterized in that, The second gesture is: pressing down with a single finger at a preset position on the first application interface and sliding away from the third application interface, or pressing down with a single finger at a preset position on the third application interface and sliding away from the first application interface. or, The second gesture is: dragging the first application interface to the third display area, or dragging the third application interface to the first display area.

6. The method according to any one of claims 1-5, characterized in that, After displaying the first application interface in the first display area, the second application interface in the second display area, and the third application interface in the third display area, the method further includes: In response to a third gesture by the user to the first application interface or the third application interface, the second application interface is displayed in the first display area, the third application interface is displayed in the second display area, and a background application interface is displayed in the third display area.

7. The method according to claim 6, characterized in that, The application to which the background application interface belongs is the application ranked first in the background task queue. After displaying the second application interface in the first display area, displaying the third application interface in the second display area, and displaying the background application interface in the third display area, the process further includes: In response to a third gesture by the user to the second application interface or the background application interface, the third application interface is displayed in the first display area, the background application interface is displayed in the second display area, and the interface of the second background application in the background task queue is displayed in the third display area.

8. The method according to claim 6, characterized in that, The third gesture is: pressing down with two fingers at a preset position on the first application interface and sliding away from the third application interface, or pressing down with two fingers at a preset position on the third application interface and sliding towards the first application interface.

9. The method according to any one of claims 1-5, characterized in that, After displaying the first application interface in the first display area, the second application interface in the second display area, and the third application interface in the third display area, the method further includes: In response to a third gesture by the user to the first application interface or the third application interface, the background application interface is displayed in the first display area, the second application interface is displayed in the second display area, and the third application interface is displayed in the third display area.

10. The method according to claim 9, characterized in that, The third gesture is: pressing a single finger on a preset position on the third application interface, and pressing down on a preset position on the first application interface while sliding away from the third application interface.

11. The method according to any one of claims 1-5, characterized in that, After displaying the first application interface in the first display area, the second application interface in the second display area, and the third application interface in the third display area, the method further includes: In response to the user's third gesture on the second application interface, the first application interface is displayed in the first display area, the background application interface is displayed in the second display area, and the third application interface is displayed in the third display area.

12. The method according to claim 11, characterized in that, The third gesture is: pressing a single finger at a preset position on the second application interface and sliding it in a first direction, which is parallel to the split-screen line, and the split-screen line is the split-screen line between the second display area and the first display area.

13. The method according to any one of claims 1-12, characterized in that, The first application interface, the second application interface, and the third application interface are displayed in the following form: split screen or floating window.

14. The method according to claim 13, characterized in that, When the first application interface and the second application interface are displayed as floating windows, the first application interface corresponds to the first floating window, and the second application interface corresponds to the second floating window. The first floating window is located at the first position of the display screen of the electronic device, and the second floating window is located at the second position of the display screen. The size of the first floating window is a first size, and the size of the second floating window is a second size. The step of displaying the second application interface in the first display area and displaying the first application interface in the second display area in response to a user's first gesture on the first application interface or the second application interface includes: In response to the user's fourth gesture on the first floating window or the second floating window, the second floating window of a second size is displayed at the first position, and the first floating window of a first size is displayed at the second position; or, In response to a fourth gesture by the user to the first floating window or the second floating window, the second floating window of a first size is displayed at the first position, and the first floating window of a second size is displayed at the second position.

15. The method according to claim 13, characterized in that, When the first application interface is displayed as a floating window and the second application interface is displayed in split screen mode, the first application interface corresponds to the first floating window, the first floating window is located at the first position of the display screen of the electronic device, and the size of the first floating window is the first size; The step of displaying the second application interface in the first display area and displaying the first application interface in the second display area in response to a user's first gesture on the first application interface or the second application interface includes: In response to the user's fifth gesture on the first floating window or the second application interface, the second application interface is displayed in a split-screen manner in the first display area, and a first floating window of a first size is displayed in the second display area. The relative position of the first floating window in the second display area is the same as the relative position of the first position in the first display area; or... In response to the user's fifth gesture on the first floating window or the second application interface, a second floating window of a first size is displayed at the first position, and the first application interface is displayed in a split screen in the second display area, wherein the second floating window corresponds to the second application interface.

16. The method according to any one of claims 1-15, characterized in that, The method further includes: A first desktop interface is displayed in the first display area, a second desktop interface is displayed in the second display area, and a third desktop interface is displayed in the third display area. The first desktop interface includes an icon of a first application. In response to a sixth gesture by the user to the icon of the first application, the interface of the first application is displayed in the second display area, the sixth gesture being used to instruct the display of the interface of the first application in the second display area.

17. The method according to claim 16, characterized in that, The sixth gesture is: briefly pressing the icon of the first application and dragging the icon of the first application to the second display area; or, The sixth gesture is: swiping the icon of the first application in a first direction and selecting the second display area in the area options. The swiping in the first direction is used to trigger the electronic device to display the area options. The first direction is parallel to the split-screen line, which is the split-screen line between the second display area and the first display area.

18. An electronic device, characterized in that, include: Processor and memory; The memory stores computer-executed instructions; The processor executes computer execution instructions stored in the memory, causing the processor to perform the method as described in any one of claims 1-17.

19. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program or instructions that, when executed, implement the method as described in any one of claims 1-17.