Interface switching method, electronic equipment and related device

Abstract

The invention provides an interface switching method, electronic equipment and a related device, which are applied to the electronic equipment. In the method, in a first interface, a first electronic device receives a first operation, the electronic device responds to the first operation and displays a first switching animation, when the first switching animation is displayed, a desktop application is set to run in a foreground, and after the first switching animation is finished, the electronic device displays a second interface, therefore, the purpose of switching from the first interface to the second interface can be achieved. When the second interface is displayed, the desktop application is operated in the foreground, the second interface comprises the floating window of the application and the desktop background, the display area of the floating window of the second application is smaller than the display area of the display screen, and the desktop background can complete the display area of the display screen, so that the switched second interface can provide a good visual effect for a user, and the user experience is improved. And the use experience of the user in the switching process is improved.

Description

Technical Field

[0001] The present application relates to the field of electronic technology, and in particular to an interface switching method, electronic equipment and related devices. Background Art

[0002] Application display technology is being used more and more widely in electronic devices. Electronic devices can display the application interface of an application (APP) in a variety of display formats according to user needs. For example, an electronic device can display the application interface in a full-screen display format, which can be called a full-screen display interface; an electronic device can also display the application interface in a floating window format, which can be called a floating window.

[0003] Usually, multiple applications can be installed in an electronic device, and when a user operates different applications, he needs to switch between the different applications. However, the current switching user experience is not good. Summary of the invention

[0004] An interface switching method, electronic device and related device provided in the embodiments of the present application can realize switching to a floating window and improve the user experience.

[0005] In a first aspect, the present application provides an interface switching method, applied to an electronic device, the method comprising:

[0006] At a first moment, displaying a first interface, wherein the first interface includes a window of a first application, and when the first interface is displayed, a desktop application is run in the background;

[0007] After the first moment, in response to a first operation, displaying a first switching animation, wherein during the display of the first switching animation, the desktop application is run in the foreground;

[0008] After displaying the first switching animation, at a second moment, a second interface is displayed, wherein the second interface includes a floating window of a second application and a desktop wallpaper, wherein, in the process of displaying the second interface, the desktop application is run in the foreground, and a display area of ​​the floating window of the second application is smaller than a display area of ​​the display screen.

[0009] Exemplarily, the first operation includes an operation for implementing a quick switching of applications. Optionally, the first operation includes a sliding operation along the bottom edge of the screen.

[0010] In the above method, the electronic device can provide a function of quickly switching applications. Exemplarily, when the electronic device displays the first interface, the desktop application is running in the background. When the electronic device receives the first operation, the first switching animation can be displayed. At this time, the desktop application is set to run in the foreground from the background. Optionally, the first switching animation is drawn and rendered by the desktop application. After displaying the first switching animation, the electronic device displays the second interface, thereby achieving the purpose of switching from the first interface (including the window of the first application) to displaying the second interface (including the floating window of the second application). It can be understood that the display area of ​​the floating window of the second application is smaller than the display area of ​​the display screen. Since the desktop application is running in the foreground, the electronic device can display the desktop background through the desktop application, and the desktop background can cover the display area of ​​the display screen. Optionally, the floating window of the second application can be displayed on the upper layer of the desktop background, so that the second interface after switching can present a better visual effect, thereby improving the user experience during the quick switching process.

[0011] In a possible implementation of the first aspect, the method further includes:

[0012] Before displaying the first switching animation, based on the first operation, the desktop application is set to run in the foreground.

[0013] In the above method, before the electronic device receives the first operation, the desktop application is set to run in the background. After the electronic device receives the first operation, in response to the first operation, the desktop application is set to run in the foreground, and the first switching animation can be displayed through the desktop application.

[0014] In a possible implementation of the first aspect, the first switching animation includes a first window and a second window, and the desktop wallpaper can be displayed through a first area, wherein the first area includes an area in the display area of ​​the display screen that is not covered by the first window and the second window.

[0015] In the above method, the desktop application draws the fast switching animation of the fast switching process. Optionally, the desktop application can also provide a desktop background for the fast switching process, so that the fast switching animation is displayed on the upper layer of the desktop background, so that the user can see the desktop background through the first area during the fast switching process, providing the user with a good visual experience during the fast switching process.

[0016] In a possible implementation of the first aspect, before displaying the first interface, the method further includes:

[0017] Displaying a third interface, wherein the third interface includes a first function icon in a first state;

[0018] After operating the first function icon in the first state, displaying a fourth interface, wherein the fourth interface includes an icon of at least one application and the first function icon in the second state;

[0019] In response to a click operation on the second application of the fourth interface, the second interface is displayed.

[0020] In the above method, the electronic device may provide a function icon, and in response to the operation of the function icon, the electronic device may enter another working mode, thereby displaying the fourth interface. Optionally, the working mode of the electronic device when displaying the third interface is different from the working mode when displaying the fourth interface. In an embodiment of the present application, different working modes are provided to users, so that users can use the corresponding working modes based on their needs and improve the user experience. Exemplarily, in the working mode after clicking the first function icon in the first state, the user clicks on an application icon (for example, the icon of the second application), and the electronic device responds to the operation to display the floating window of the application. It can be seen that in this working mode, the floating window of the application can be quickly started / opened, thereby improving the efficiency of the user using the floating window.

[0021] In a possible implementation of the first aspect, the method further includes:

[0022] Based on operating the first function icon in the first state, the electronic device switches from the first mode to the second mode;

[0023] After displaying the first switching animation, based on the electronic device being in the second mode, the desktop application is not set to run in the background.

[0024] In the above method, before the first function icon of the first state is operated, the electronic device is in the first mode, and when the first function icon of the first state is operated, the electronic device switches from the first mode to the second mode. It can be understood that based on the settings in the second mode, the electronic device does not set the desktop application to run in the background, but runs the desktop application in the foreground, so as to draw the desktop wallpaper through the desktop application, and then the second interface can include the floating window of the second application and the desktop wallpaper, providing the user with a good visual effect during the switching process.

[0025] In a possible implementation of the first aspect, the third interface includes a first taskbar, the first taskbar includes the first function icon in the first state; the fourth interface includes a second taskbar, the second taskbar includes the first function icon in the second state.

[0026] In the above method, the electronic device may provide a taskbar, and the taskbar includes one or more application icons, such as the first icon. Optionally, the first function icon may also be displayed in a pull-down notification bar, a sidebar, and the like. The embodiment of the present application does not impose any restrictions on the location of the function icon. Optionally, the electronic device is in a first mode when displaying the third interface, and the electronic device is in a second mode when displaying the fourth interface. The function icon in the first mode is different from the function icon in the second mode, and the difference includes a different state of the function icon, and the different state can be reflected in the different icon color, etc. This distinction can help the user distinguish between the first mode and the second mode, so that the user can quickly identify whether it is currently in the first mode or the second mode, thereby improving the user's experience.

[0027] In a possible implementation of the first aspect, in the fourth interface, the icon of the at least one application includes at least one first-category icon and at least one second-category icon;

[0028] The second interface includes an icon of at least one application, and the icon of the at least one application in the second interface includes at least one icon of the second category and does not include at least one icon of the first category.

[0029] In the above method, before the floating window of the application is started / displayed, the icons of the application displayed in the interface of the electronic device include at least one first-category icon and at least one second-category icon; when the floating window of the application is started / displayed, the electronic device does not display the first-category icons in the displayed application interface, but displays the second-category icons. Optionally, in the second mode, the electronic device can adjust the category of the application icon based on whether the floating window of the application is started / displayed, thereby providing different visual effects to the user and improving the user's experience of the mode.

[0030] In a possible implementation of the first aspect, after displaying the second interface, the method further includes:

[0031] Based on a drag operation on the icon of the third application on the second taskbar, a fifth interface is displayed, wherein the fifth interface includes a floating window of the second application and a floating window of the third application.

[0032] In the above method, in the second mode, on the basis of displaying the floating window of the second application, the user can also achieve the purpose of starting / displaying the floating window of the application by dragging the application icon. It can be seen that in the second mode, the electronic device can provide multiple ways to start / display the floating window of the application, including but not limited to clicking the application icon, dragging the application icon, etc., thereby providing the user with multiple ways to start / display the floating window of the application, facilitating the user to quickly start / display the floating window of the application according to actual needs, and improving the user's experience in starting / displaying the floating window of the application.

[0033] In a possible implementation of the first aspect, after displaying the fourth interface, the method further includes:

[0034] In response to the operation of the first function icon in the second state, a seventh interface is displayed, wherein the seventh interface includes a window of the second application, the seventh interface does not include the desktop wallpaper, and during the display of the seventh interface, the desktop application is run in the background.

[0035] In the above method, in the second mode, the user can switch from the first mode to the first mode by clicking the first function icon in the second state. The switching method is simple and convenient, and the switching can be completed quickly based on user needs, thereby improving the user experience.

[0036] In a possible implementation of the first aspect, the method further includes:

[0037] After displaying the seventh interface, in response to a second operation, displaying a second switching animation, wherein during the display of the second switching animation, the desktop application is run in the foreground;

[0038] After displaying the second switching animation, an eighth interface is displayed, wherein the eighth interface includes a window of a fourth application, and during the display of the eighth interface, the desktop application is run in the background.

[0039] Exemplarily, the second operation includes an operation for implementing a quick switching of applications. Optionally, the second operation includes a sliding operation along the bottom edge of the screen.

[0040] In the above method, after switching from the second mode to the first mode, in the first mode, the user can also achieve the purpose of quickly switching applications by performing a quick switching operation (such as the second operation). It can be seen that the second operation is basically similar to the first operation, and both are used to trigger the electronic device to switch from one interface to another interface, that is, whether in the first mode or the second mode, the user can achieve the purpose of quickly switching applications through the quick switching gesture, reducing unnecessary gestures of the user and improving the user experience.

[0041] In a possible implementation of the first aspect, the method further includes:

[0042] Based on operating the first function icon in the second state, the electronic device switches from the second mode to the first mode;

[0043] Before displaying the second switching animation, based on the second operation, setting the desktop application to run in the foreground;

[0044] After displaying the second switching animation, based on the electronic device being in the first mode, the desktop application is set to run in the background.

[0045] In the above method, in the second mode, after the first switching animation is displayed, the desktop application is set to run in the foreground; in the first mode, after the second switching animation is displayed, the desktop application is set to run in the background. It can be seen that in the embodiment of the present application, different modes have different functional characteristics. For example, in the second mode, clicking the application icon displays the floating window of the application, and in the first mode, clicking the application icon displays the full-screen interface of the application. The desktop application can be set differently based on the functional characteristics corresponding to the different modes, which can reduce power consumption while meeting functional requirements. For example, setting the desktop application to run in the background in the second mode can reduce power consumption.

[0046] In a possible implementation of the first aspect, the fourth interface further includes a second function icon, and the method further includes:

[0047] After operating the second function icon, displaying a layout window in the fourth interface, wherein the layout window layout includes a thumbnail of at least one layout;

[0048] In response to a click operation on the thumbnail of the first layout, a ninth interface is displayed, wherein the ninth interface includes at least one task area corresponding to the first layout, and the first layout is one of the at least one layout.

[0049] In the above method, in the second mode, the electronic device can provide different layout windows to facilitate users to select corresponding layout windows according to their needs, thereby achieving the purpose of displaying floating windows of multiple applications in corresponding layout windows.

[0050] In a possible implementation of the first aspect, the method further includes:

[0051] In response to a click operation on a fourth application in the ninth interface, a floating window of the fourth application is displayed in a first task area in the ninth interface, wherein the first task area is one of the at least one task area.

[0052] In the above method, after determining the layout window, the floating window of the application can be displayed in the task area of ​​the layout window by clicking the application / application icon, helping the user to quickly layout the floating window of the application. Optionally, the floating window of the application displayed in the task area has a size similar to that of the task area, so the task area corresponding to the layout window can help to quickly adjust the size of the floating window.

[0053] In a possible implementation of the first aspect, the method further includes:

[0054] In response to a drag operation on the fifth application in the ninth interface, a floating window of the fifth application is displayed in a second task area in the ninth interface, wherein a position of the second task area in the display screen includes a position corresponding to the drag operation.

[0055] In the above method, after the layout window is determined, the floating window of the application can be displayed in the task area of ​​the layout window by dragging the application / application icon, so as to help the user quickly layout the floating window of the application.

[0056] In a possible implementation of the first aspect, the method further includes:

[0057] Displaying a tenth interface, wherein the tenth interface includes a second function icon and a floating window of at least one application;

[0058] After operating the second function icon, displaying a layout window in the tenth interface, wherein the layout window includes a thumbnail of at least one layout;

[0059] In response to a click operation on a thumbnail of a second layout in the at least one layout, when the number of task areas corresponding to the second layout is less than the number of floating windows of the at least one application, an eleventh interface is displayed, wherein the eleventh interface includes cards of first-category applications and floating windows of second-category applications, the cards of the first-category applications are displayed in a first task area, the floating windows of the second-category applications are displayed in other task areas except the first task area, one of the other task areas includes a floating window of the second-category application, and the first-category applications and the second-category applications belong to the at least one application.

[0060] Exemplarily, the tenth interface includes floating windows of N applications, the task area corresponding to the second layout includes M task areas, the first category of applications includes M-N+1 applications, and the second category of applications includes M-1 applications. Optionally, the M-N+1 applications are different from the M-1 applications, wherein N and M are positive integers and N is greater than M.

[0061] Optionally, the card of the first category application includes a window of the floating window of the first category application and a thumbnail of the floating window of the first category application.

[0062] Optionally, the first category of applications may be referred to as applications to be determined, and the second category of applications may be referred to as determined applications.

[0063] In the above method, after the floating windows of N applications are displayed, the electronic device determines the layout window in response to the user's operation, and the layout window corresponds to M task areas. It can be understood that when M is less than N, the M task areas are not enough to satisfy that each task area includes a floating window of an application, so floating windows of applications that cannot be displayed in the task area may appear, so that the electronic device can display cards of the first category of applications in the first task area, and the first category of applications includes applications that may not be displayed in the task area and applications that will be displayed in the task area. It can be understood that if the electronic device does not receive an operation for changing the state of the first category of applications (for example, clicking on the card of an application in the first category of applications), the first task area remains as an area to be determined.

[0064] In a possible implementation of the first aspect, the method further includes:

[0065] In the eleventh interface, after receiving the third operation, the interface is not switched and the eleventh interface is displayed.

[0066] Exemplarily, the third operation includes an operation for implementing a quick switching of applications. Optionally, the second operation includes a sliding operation along the bottom edge of the screen.

[0067] In the above method, when the interface displayed by the electronic device includes the area / interface to be determined, if the user performs a quick switch gesture (a gesture corresponding to the third operation), the electronic device does not perform the switch after receiving the operation, and continues to display the interface including the area / interface to be determined.

[0068] In a possible implementation of the first aspect, the fourth interface further includes a first folder, the first folder includes an icon of at least one application, and the method further includes:

[0069] In response to an operation of clicking the first folder, a display window of the first folder is displayed, wherein in the display window of the first folder, the icons of the at least one application include the first category icons.

[0070] In the embodiment of the present application, in the second mode, the interface displayed by the electronic device may include a folder, and the folder includes the application icon in the main interface. In this way, in the second mode, the user can display the corresponding floating window by, for example, clicking the application icon in the folder.

[0071] In a possible implementation of the first aspect, in the first switching animation, the first window includes a thumbnail or a card of a window of the first application, and the second window includes a thumbnail of a floating window of the second application.

[0072] In an embodiment of the present application, the electronic device may display the content of the current interface and the content of the interface after the switch in the switching animation in response to an operation for switching interfaces, thereby providing the user with a better switching visual effect.

[0073] In a possible implementation of the first aspect, the electronic device includes a system user interface, a window management service, and an input module, and after the first moment, in response to the first operation, displaying the first switching animation includes:

[0074] After the first moment, in response to the first operation, the input module acquires a press event and a move event;

[0075] The input module transmits the press event and the move event to the window management service;

[0076] The window management service transmits the press event and the move event to the desktop application;

[0077] After receiving the press event and the move event, the desktop application draws the first switching animation in response to the press event and the move event being executed in the foreground.

[0078] In the above method, after monitoring the press event and the move event, it can be determined whether the press event and the move event are used to trigger a quick switch. During the switching process, the desktop application can be set to run in the foreground, thereby drawing a quick switch animation by the desktop application.

[0079] In a possible implementation of the first aspect, after displaying the first switching animation, displaying the second interface at a second moment includes:

[0080] The input module obtains a lift event;

[0081] The input module transmits the lift event to the window management service;

[0082] The window management service transmits the lift event to the desktop application;

[0083] The desktop application draws the first switching animation according to one or more of the pressing event, the moving event and the lifting event;

[0084] After displaying the second animation, setting the second application to run in the foreground;

[0085] The desktop application sends a first display request to the system user interface;

[0086] The system user interface, in response to the first display request, sets the desktop application to run in the foreground according to a preset judgment condition;

[0087] At the second moment, the system user interface displays a second interface.

[0088] It should be noted that the desktop application draws a switching animation, and after the switching animation is displayed, the existing logic is to directly retreat the desktop application to the background to run. In the embodiment of the present application, it can be determined according to the preset judgment conditions whether to continue to run the desktop application in the foreground for the current switching scenario. If it is determined that the desktop application continues to run in the foreground, the desktop application is run in the foreground, and the floating window application is set to run in the foreground, so that the interface after switching can include the floating window of the application and the desktop background, so that the "black screen" problem will not occur.

[0089] In a possible implementation of the first aspect, the system user interface sets the desktop application to run in the foreground according to the first display request, including:

[0090] When the system user interface determines, according to the first display request, that the floating window of the second application is of the first type, the system user interface determines whether the electronic device is in the second mode, wherein the first type includes a type displayed on the top layer;

[0091] When it is determined that the electronic device is in the second mode, the system user interface sets the desktop application to run in the foreground.

[0092] In the embodiment of the present application, the preset conditions include determining whether it belongs to the first type and determining whether it is a multi-task scheduling mode. Through different judgment conditions, the logic of switching to the floating window can be added on the basis of applying the existing switching logic, which has strong versatility.

[0093] In a second aspect, an embodiment of the present application provides an electronic device, the electronic device comprising: one or more processors; a memory; wherein the memory is coupled to the one or more processors, the memory is used to store computer program code, the computer program code comprises computer instructions, and the one or more processors call the computer instructions to enable the electronic device to execute the interface switching method described in the first aspect or any possible implementation of the first aspect.

[0094] In a third aspect, the present application provides a chip or a chip system, which includes at least one processor and a communication interface, wherein the communication interface and the at least one processor are interconnected through a line, and the at least one processor is used to run a computer program or instruction to execute the interface switching method described in the first aspect or any possible implementation of the first aspect. The communication interface in the chip can be an input / output interface, a pin or a circuit, etc.

[0095] In a possible implementation, the chip or chip system described above in the embodiment of the present application further includes at least one memory, in which instructions are stored. The memory may be a storage unit inside the chip, such as a register, a cache, etc., or may be a storage unit of the chip (e.g., a read-only memory, a random access memory, etc.).

[0096] In a fourth aspect, an embodiment of the present application provides a computer storage medium, which stores a computer program. When the computer program is executed by a processor, the computer executes the interface switching method described in the first aspect or any possible implementation of the first aspect.

[0097] In a fifth aspect, an embodiment of the present application provides a computer program product, which, when executed on a communication device, enables the communication device to execute an interface switching method as described in the first aspect or any possible implementation of the first aspect.

[0098] It should be understood that the description of technical features, technical solutions, beneficial effects or similar language in this application does not imply that all features and advantages can be realized in any single embodiment. On the contrary, it is understood that the description of features or beneficial effects means that specific technical features, technical solutions or beneficial effects are included in at least one embodiment. Therefore, the description of technical features, technical solutions or beneficial effects in this specification does not necessarily refer to the same embodiment. Furthermore, the technical features, technical solutions and beneficial effects described in the present embodiment can also be combined in any appropriate manner. Those skilled in the art will understand that the embodiment can be realized without one or more specific technical features, technical solutions or beneficial effects of a specific embodiment. In other embodiments, additional technical features and beneficial effects can also be identified in a specific embodiment that does not embody all embodiments. BRIEF DESCRIPTION OF THE DRAWINGS

[0099] The following is an introduction to the drawings used in the embodiments of the present application.

[0100] Figure 1 is a schematic diagram of an electronic device in different display states provided by an embodiment of the present application;

[0101] FIG. 2A to FIG. 2D is a schematic diagram of an interface of the electronic device 100 in a non-multitasking mode provided by an embodiment of the present application;

[0102] FIG. 3A to FIG. 3F This is a schematic diagram of an interface for quickly switching applications in a non-multitasking scheduling mode provided by an embodiment of the present application;

[0103] 4A to 4F is a schematic diagram of an interface of an electronic device 100 in a multi-task scheduling mode provided by an embodiment of the present application;

[0104] Figure 4G is a schematic diagram of a switching effect provided in an embodiment of the present application;

[0105] Figure 4H is a schematic diagram of a black screen of an electronic device provided in an embodiment of the present application;

[0106] FIG. 5A to FIG. 5F is a schematic diagram of an interface of another electronic device 100 in a multi-task scheduling mode provided by an embodiment of the present application;

[0107] FIG. 6A to FIG. 6D This is another interface schematic diagram in a multi-task scheduling mode provided by an embodiment of the present application;

[0108] FIG. 7A to FIG. 7G This is a schematic diagram of an interface for quickly switching applications in a multi-tasking scheduling mode provided by an embodiment of the present application;

[0109] Figure 8 A schematic diagram of a software architecture of an electronic device 100 is exemplarily shown;

[0110] Fig. 9 A schematic diagram of timing interaction of an interface switching method provided in an embodiment of the present application is shown;

[0111] Fig.10 This is a flow chart of an interface switching method provided by an embodiment of the present application;

[0112] Fig.11 A schematic diagram of the hardware structure of an electronic device 100 provided in an embodiment of the present application is shown. DETAILED DESCRIPTION

[0113] The terms used in the following embodiments of the present application are only for the purpose of describing specific embodiments, and are not intended to be used as limitations to the present application. As used in the specification and appended claims of the present application, the singular expressions "one", "a kind of", "said", "above", "the" and "this" are intended to also include plural expressions, unless there is a clear indication to the contrary in the context. It should also be understood that the term "and / or" used in the present application refers to and includes any or all possible combinations of one or more listed items.

[0114] In the following, the terms "first" and "second" are used for descriptive purposes only and are not to be understood as suggesting or implying relative importance or implicitly indicating the number of the indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features, and in the description of the embodiments of the present application, unless otherwise specified, "plurality" means two or more.

[0115] The term "user interface (UI)" in the specification, claims and drawings of this application refers to the medium interface for interaction and information exchange between an application or operating system and a user. It realizes the conversion between the internal form of information and the form acceptable to the user. The user interface can also be called an interface. The user interface of an application is source code written in a specific computer language such as Java and extensible markup language (XML). The interface source code is parsed and rendered on the terminal device, and finally presented as content that the user can recognize, such as pictures, text, buttons and other controls. A control, also called a widget, is a basic element of a user interface. Typical controls include a toolbar, menu bar, text box, button, scrollbar, picture and text. The properties and contents of controls in the interface are defined by tags or nodes, such as XML through <textview> 、 <imgview> 、 <videoview>The controls contained in the interface are specified by nodes such as <head> and <body>. A node corresponds to a control or attribute in the interface. After being parsed and rendered, the node is presented as user-visible content. In addition, many applications, such as hybrid applications, usually also include web pages in their interfaces. A web page, also known as a page, can be understood as a special control embedded in the application interface. A web page is source code written in a specific computer language, such as hypertext markup language (HTML), cascading style sheets (CSS), JavaScript (JS), etc. The web page source code can be loaded and displayed as user-recognizable content by a browser or a web page display component with similar functions to a browser. The specific content contained in a web page is also defined by tags or nodes in the web page source code. For example, HTML is defined by <body> tags or nodes in the web page source code. 、 、 <video> 、 <canvas>To define the elements and attributes of a web page.

[0116] The most common form of user interface is graphical user interface (GUI), which refers to a user interface related to computer operation that is displayed in a graphical manner. It can be an icon, window, control or other interface element displayed on the display screen of an electronic device, where a control can include icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets and other visual interface elements.

[0117] In order to clearly describe the technical solutions of the embodiments of the present application, some terms and technologies involved in the embodiments of the present application are briefly introduced below:

[0118] 1. Touch events

[0119] For example, when the operating object touches the display screen, the electronic device receives the touch operation and generates a touch event in response to the touch operation. Optionally, the electronic device can receive the touch operation through the touch screen. The touch object refers to the object that performs the operation on the display screen, such as a finger. The touch screen can be a display screen that can detect touch operations. In the following embodiments, the display screen is mainly used as an example. It can be understood that in the following embodiments, the display screen can be considered as a touch screen that can detect touch operations.

[0120] Optionally, a touch event may also be referred to as a touch control event, and a touch operation may also be referred to as a touch control operation.

[0121] Exemplarily, a touch event includes at least one of a down event, a move event, and an up event. The touch event includes a touch event type and touch coordinates. The touch coordinates include the coordinates corresponding to the contact point on the display screen where the touch operation occurs and the timestamp of collecting the coordinates.

[0122] The touch operation of the display screen in this application includes at least one of: a single-click operation, a double-click operation, a long press operation, a single-finger long press operation, a multi-finger long press operation, a single-finger sliding operation, a multi-finger sliding operation, and a knuckle sliding operation. In one embodiment, the electronic device generates a touch event in response to a touch operation acting on a first position. The first position may be located on the display screen (also referred to as a screen) of the electronic device, such as the position where a control such as an icon is located or the edge of the display screen, or the first position may also be located at other positions such as the side or back of the electronic device. Among them, the first position may be a preset position of the electronic device, or the first position may be a position determined by the electronic device in response to a user operation. Optionally, a touch operation in the form of sliding may be referred to as a sliding operation, and the sliding operation may be, for example but not limited to, a left-right sliding operation, an up-and-down sliding operation, a sliding to a preset position, etc. The present application does not limit the trajectory of the sliding operation.

[0123] 2. Press event

[0124] For example, when the operation object changes from not touching the display screen to touching the display screen, the electronic device generates a press event in response to the touch operation. Exemplarily, the press event includes a touch event type down and a first touch coordinate, and the first touch coordinate includes the coordinates corresponding to the contact operation on the display screen when the operation object changes from not touching the display screen to touching the display screen and the timestamp of the press event collecting the coordinates.

[0125] 3. Mobile events

[0126] For example, after the operating object touches the display screen of the electronic device, when the operating object does not leave the display screen, the electronic device responds to the touch operation and collects the event generated by the second touch coordinates at a preset sampling frequency. Exemplarily, the move event includes the touch event type move and the second touch coordinates, and the second touch coordinates include the coordinates corresponding to the touch operation on the display screen collected by the electronic device at a preset sampling frequency when the operating object does not leave the display screen, and the timestamp of collecting the coordinates.

[0127] It is understandable that after the operating object touches the display screen, the operating object long presses the display screen or the operating object moves on the display screen, the electronic device can continuously generate and transmit movement events at a preset sampling frequency in response to the touch operation.

[0128] Exemplarily, in the process of the operating object long pressing the display screen, the event processing framework of the electronic device generates a press event and a move event in response to the touch operation, and transmits the press event and the move event to other modules. After receiving the move event, other modules can, optionally, determine whether it is a long press operation based on a first threshold and a first distance between the current touch position and the pressed touch position. When the first distance is less than or equal to the first threshold and the duration of the move event exceeds a preset time, the operation of the operating object on the display screen is a long press operation. Optionally, other modules determine whether it is a move operation based on the first threshold and the first distance between the current touch position and the pressed touch position. When the first distance is greater than the first threshold, the operation of the operating object on the display screen is a move operation.

[0129] The moving operation in this application belongs to the touch operation. The moving operation acting on / targeting a certain control can be an operation of keeping touching the control and moving it, such as but not limited to at least one of a single-finger drag operation, a multi-finger drag operation, and a knuckle drag operation. Similar to the touch operation, the moving operation is, for example, but not limited to, a left-right drag operation, an up-and-down drag operation, and a drag operation. This application does not limit the trajectory of the moving operation.

[0130] 4. Raise event

[0131] For example, when the operating object is lifted from the display screen of the electronic device, that is, when the operating object leaves the display screen, the electronic device generates an event in response to the touch operation. Exemplarily, the lift event includes a touch event type up and a third touch coordinate. The third touch coordinate includes the coordinates corresponding to the touch operation not collected by the electronic device after the touch object is lifted from the display screen and the timestamp of collecting the coordinate point. Among them, the touch coordinates in the lift event may be the coordinates of the last moving event before the operating object is lifted. The touch in the lift event may indicate the position where the operating object is lifted.

[0132] 5. Applications running in the foreground and in the background

[0133] The application running in the foreground may be an application visible on the user interface, for example, if the electronic device displays the user interface of the application, the application may be considered as the application running in the foreground. Optionally, the user may interact with the electronic device through the interface of the application running in the foreground.

[0134] An application running in the background may be an application running without displaying a user interface. For example, if the electronic device changes the application interface of application D from a visible state to an invisible state in response to a user operation, application D may be considered to be an application running in the background. Optionally, the user may not interact with the electronic device through the interface of the application running in the background.

[0135] 6. Quickly switch applications

[0136] The electronic device provides a function of quickly switching applications. For example, in response to a sliding operation along the bottom edge of the screen, the electronic device switches the application interface of application A to the application interface of application B. The present application does not limit the triggering operation of the function of quickly switching applications, and it can also be other interactive operations. Before using this function, in the system navigation mode interface, click More Settings to ensure that the switch control corresponding to the function is in the turned-on state. Exemplarily, the electronic device runs multiple applications, including an application running in the foreground and one or more applications running in the background. In response to a sliding operation along the bottom edge of the screen, the electronic device can switch the main window from the application interface of one application to the application interface of another application. Furthermore, the electronic device can continuously control the main window to switch to display the application interfaces of different applications in response to a continuous sliding operation along the bottom edge of the screen, for example, switching the application interface of application A to the application interface of application B, and then switching from the application interface of application B to the application interface of application C.

[0137] It should be noted that, in the embodiment of the present application, "sliding operation along the bottom edge of the screen" refers to a sliding operation along the extension direction of the straight line where the bottom of the screen is located. Optionally, the bottom of the screen described in the embodiment of the present application refers to the bottom in the display direction. Usually, the status bar is displayed at the top of the screen, and the bottom of the screen may refer to the area away from the status bar. Optionally, "sliding operation along the bottom edge of the screen" may be a sliding operation to the left or a sliding operation to the right. Optionally, it is not limited to a standard horizontal sliding operation, and may refer to a sliding operation tilted within a certain angle.

[0138] For example, see Figure 1 , Figure 1 is a schematic diagram of an electronic device in different display states provided by an embodiment of the present application. Figure 1 (a) and Figure 1 (b) is a schematic diagram of an electronic device 100 displaying a horizontal screen interface in a horizontal screen state provided by an embodiment of the present application, Figure 1 (c) and Figure 1 (d) is a schematic diagram of an electronic device 100 displaying a horizontal screen interface in a vertical screen state provided by an embodiment of the present application.

[0139] like Figure 1 As shown in (a), the XOY plane in the spatial coordinate system XYZ is parallel to the ground, and when the first angle between the long sides (such as sides AB and CD) of the display screen of the electronic device 100 and the XOY plane in the spatial coordinate system XYZ is less than or equal to the first threshold, the electronic device 100 is in the horizontal screen state. The electronic device 100 can obtain the first angle through sensors such as gyroscope sensors, and the first threshold can be configured by the electronic device system. The first threshold includes at least one of 10°, 20°, 30°, etc., which is not limited here.

[0140] For example, in Figure 1 In the horizontal screen state shown in (a), the electronic device 100 displays a horizontal screen interface 11, and the horizontal screen interface 11 has a first display direction 12, and the first display direction 12 includes the direction from point A to point C or the direction from point B to point D, and the first display direction 12 points to the top of the screen. Exemplarily, the horizontal screen interface 11 includes, but is not limited to: a status bar 211 and a first pattern 13. Optionally, the status bar 211 is displayed at the top of the screen of the electronic device 100, and optionally, the status bar 211 is displayed on the side where the side CD of the electronic device 100 is located, and the side CD is located in the positive direction of the Z axis in the spatial coordinate system XYZ. Optionally, the first pattern 13 includes a first opening direction, and the first opening direction is consistent with the first display direction 12, and the first opening direction is toward the side where the status bar 211 is located. Optionally, the first opening direction is toward the side where the side CD of the electronic device 100 is located.

[0141] Optionally, the electronic device 100 is located in the positive direction of the XOZ plane in the spatial coordinate system XYZ. Figure 1 The long side AB of the display screen of the electronic device 100 shown in (a) is located on the side close to the coordinate origin O in the Z-axis direction, and the long side CD is located on the side far from the coordinate origin O in the Z-axis direction. Optionally, when the electronic device 100 faces the user, Figure 1 The side where the long side AB shown in (a) is located is considered to be the lower side of the electronic device 100. Figure 1 The side where the long side CD shown in (a) is located is considered to be the upper side of the electronic device 100.

[0142] In the embodiment of the present application, Figure 1 In the horizontal screen state shown in (a), the sliding operation 14 along the bottom edge of the screen refers to a sliding operation along the extension direction of the straight line where the bottom edge (for example, edge AB) of the first display direction 12 is located. Optionally, the bottom edge of the first display direction 12 may refer to an area away from the side of the status bar 211. Optionally, when the display screen of the electronic device 100 is opposite to the user, the edge AB located at the bottom side of the electronic device 100 may be considered as the bottom edge of the screen, and the "sliding operation along the bottom edge of the screen" includes Figure 1 The sliding operation to the right along the bottom edge of the screen or the sliding operation to the left along the bottom edge of the screen shown in (a) Figure 1 (a) not shown).

[0143] In one implementation, Figure 1 In the horizontal screen state shown in (a), the electronic device 100 receives a first rotation operation. For example, the first rotation operation includes: when the electronic device 100 faces the user, the electronic device 100 is rotated 180 degrees or 180 degrees + 180 degrees to the left side of the user. Figure 1 When the horizontal screen interface 11 shown in (a) is turned on, the direction lock is turned on, and the electronic device 100 responds to the first rotation operation and can display Figure 1 Schematic diagram shown in (b).

[0144] For example, in Figure 1 In the horizontal screen state shown in (b), due to the display Figure 1 When the horizontal screen interface 11 is shown in (a), the lock direction of the electronic device 100 is opened, and the electronic device 100 displays Figure 1 The horizontal screen interface 11 shown in (b) and Figure 1 The horizontal screen interface 11 shown in (a) is consistent with Figure 1 The description of the horizontal screen interface 11 shown in (b) can be found in Figure 1 Optionally, when the electronic device 100 faces the user, the user will not be described in detail. Figure 1 (a) to Figure 1 (b), the content displayed by the electronic device 100 in the horizontal screen interface 11 is rotated 180 degrees.

[0145] Optionally, the electronic device 100 is located in the positive direction of the XOZ plane in the spatial coordinate system XYZ. Figure 1 The long side AB of the display screen of the electronic device 100 shown in (b) is located on the side away from the coordinate origin O in the Z-axis direction, and the long side CD is located on the side close to the coordinate origin O in the Z-axis direction. Optionally, when the electronic device 100 faces the user, Figure 1 The side where the long side AB shown in (b) is located is considered to be the upper side of the electronic device 100. Figure 1 The side where the long side CD shown in (b) is located is considered to be the lower side of the electronic device 100.

[0146] In the embodiment of the present application, Figure 1 In the horizontal screen state shown in (b), the sliding operation 15 along the bottom edge of the screen refers to the sliding operation along the extension direction of the straight line where the bottom edge (for example, edge AB) of the first display direction 12 is located. Optionally, the bottom edge of the first display direction 12 may refer to the area away from the side of the status bar 211. Optionally, when the display screen of the electronic device 100 is opposite to the user, the edge AB located on the upper side of the electronic device 100 may be considered as the bottom edge of the screen, and the "sliding operation along the bottom edge of the screen" includes Figure 1 The sliding operation to the right along the bottom edge of the screen or the sliding operation to the left along the bottom edge of the screen shown in (b) Figure 1 (b) not shown).

[0147] Optionally, when the electronic device 100 faces the user, the schematic diagram after the electronic device 100 is rotated 180 degrees to the right of the user is the same as Figure 1 The procedure is similar to (b) and will not be described again here.

[0148] In one implementation, Figure 1 In the horizontal screen state shown in (a), the electronic device receives a second rotation operation, for example, the second rotation operation includes: when the electronic device 100 faces the user, the electronic device 100 is rotated 90 degrees or 180 degrees + 90 degrees to the right side of the user. Figure 1 When the horizontal screen interface 11 shown in (a) is turned on, the direction lock is turned on, and the electronic device 100 responds to the second rotation operation and can display Figure 1 Schematic diagram shown in (c).

[0149] like Figure 1 As shown in (c), the XOY plane in the spatial coordinate system XYZ is parallel to the ground, and when the second angle between the short side (for example, side AC and side BD) of the display screen of the electronic device 100 and the XOY plane in the spatial coordinate system XYZ is less than or equal to the first threshold, the electronic device 100 is in the portrait state. The electronic device 100 can obtain the second angle through a sensor such as a gyroscope sensor, and the first threshold can be configured by the electronic device system. The first threshold includes at least one of 10°, 20°, 30°, etc., which is not limited here.

[0150] For example, in Figure 1 In the vertical screen state shown in (c), due to the display Figure 1 When the horizontal screen interface 11 is shown in (a), the lock direction of the electronic device 100 is opened, and the electronic device 100 displays Figure 1 The horizontal screen interface 11 shown in (c) and Figure 1 The horizontal screen interface 11 shown in (a) is consistent with Figure 1 For a description of the horizontal screen interface 11 shown in (c), see Figure 1 Optionally, when the electronic device 100 faces the user, the user will not be described in detail. Figure 1 (a) to Figure 1 In (c), the content displayed by the electronic device 100 in the horizontal screen interface 11 is rotated 90 degrees to the right.

[0151] Optionally, the electronic device 100 is located in the positive direction of the XOZ plane in the spatial coordinate system XYZ. Figure 1 The long side AB of the display screen of the electronic device 100 shown in (c) is located on the side close to the coordinate origin O in the X-axis direction, and the long side CD is located on the side far from the coordinate origin O in the X-axis direction. Optionally, when the electronic device 100 faces the user, Figure 1 The side where the long side AB shown in (c) is located is considered to be the left side of the electronic device 100. Figure 1 The side where the long side CD shown in (c) is located is considered to be the right side of the electronic device 100.

[0152] In the embodiment of the present application, Figure 1 In the vertical screen state shown in (c), the sliding operation 16 along the bottom edge of the screen refers to a sliding operation along the extension direction of the straight line where the bottom edge (for example, edge AB) of the first display direction 12 is located. Optionally, the bottom edge of the first display direction 12 may refer to an area away from the side of the status bar 211. Optionally, when the display screen of the electronic device 100 is opposite to the user, the edge AB on the left side of the electronic device 100 may be considered as the bottom edge of the screen, and the "sliding operation along the bottom edge of the screen" includes Figure 1 The sliding operation to the right along the bottom edge of the screen or the sliding operation to the left along the bottom edge of the screen shown in (c) Figure 1 (c) not shown).

[0153] In one implementation, Figure 1 In the horizontal screen state shown in (a), the electronic device receives a third rotation operation, for example, the third rotation operation includes: when the electronic device 100 faces the user, the electronic device 100 is rotated 90 degrees or 180 degrees + 90 degrees to the left side of the user. Figure 1 When the horizontal screen interface 11 shown in (a) is turned on, the direction lock is turned on, and the electronic device 100 responds to the third rotation operation and can display Figure 1 Schematic diagram shown in (d).

[0154] like Figure 1 As shown in (d), the XOY plane in the spatial coordinate system XYZ is parallel to the ground, and when the second angle between the short sides (for example, sides AC and BD) of the display screen of the electronic device 100 and the XOY plane in the spatial coordinate system XYZ is less than or equal to the first threshold, the electronic device 100 is in the portrait state. The electronic device 100 can obtain the second angle through sensors such as gyroscope sensors, and the first threshold can be configured by the electronic device system. The first threshold includes at least one of 10°, 20°, 30°, etc., which is not limited here.

[0155] For example, in Figure 1 In the vertical screen state shown in (d), due to the display Figure 1 When the horizontal screen interface 11 is shown in (a), the lock direction of the electronic device 100 is opened, and the electronic device 100 displays Figure 1 The horizontal screen interface 11 shown in (d) is Figure 1 The horizontal screen interface 11 shown in (a) is consistent with Figure 1 For a description of the horizontal screen interface 11 shown in (d), see Figure 1 Optionally, when the electronic device 100 faces the user, the user will not be described in detail. Figure 1 (a) to Figure 1 In (d), the content displayed by the electronic device 100 in the horizontal screen interface 11 is rotated 90 degrees to the left.

[0156] Optionally, the electronic device 100 is located in the positive direction of the XOZ plane in the spatial coordinate system XYZ. Figure 1 The long side AB of the display screen of the electronic device 100 shown in (d) is located on the side far from the coordinate origin O in the X-axis direction, and the long side CD is located on the side close to the coordinate origin O in the X-axis direction. Optionally, when the electronic device 100 faces the user, Figure 1 The side where the long side AB shown in (d) is located is considered to be the right side of the electronic device 100. Figure 1 The side where the long side CD shown in (d) is located is considered to be the left side of the electronic device 100.

[0157] In the embodiment of the present application, Figure 1 In the vertical screen state shown in (d), the sliding operation 17 along the bottom edge of the screen refers to the sliding operation along the extension direction of the straight line where the bottom edge (for example, edge AB) of the first display direction 12 is located. Optionally, the bottom edge of the first display direction 12 may refer to the area away from the side of the status bar 211. Optionally, when the display screen of the electronic device 100 is opposite to the user, the edge AB on the right side of the electronic device 100 may be considered as the bottom edge of the screen, and the "sliding operation along the bottom edge of the screen" includes Figure 1 The sliding operation to the right along the bottom edge of the screen or the sliding operation to the left along the bottom edge of the screen shown in (d) Figure 1 (d) not shown).

[0158] For more information about "Displaying the vertical screen interface in the vertical screen state" and "Displaying the vertical screen interface in the horizontal screen state", see Figure 1 The relevant description of this embodiment of the present application will not be repeated here.

[0159] The following examples are Figure 1 Taking the horizontal screen interface displayed in the horizontal screen state shown in (a) as an example, the modes of the electronic device 100 provided in the embodiment of the present application are introduced, including the first mode and the second mode. Optionally, the first mode can be a non-multitasking scheduling mode, and the second mode can be a multitasking scheduling mode. For the description of "non-multitasking scheduling mode", please refer to the following FIG. 2A to FIG. 2D , FIG. 3A to FIG. 3F For the description of "multi-task scheduling mode", please refer to the following 4A to 4F In the embodiment of the present application, the multi-tasking scheduling mode is also referred to as a free screen, and the non-multi-tasking mode is also referred to as a non-free screen.

[0160] See also FIG. 2A to FIG. 2D , FIG. 2A to FIG. 2D It is a schematic diagram of the interface of the electronic device 100 in the non-multitasking mode provided in an embodiment of the present application.

[0161] Figure 2A The user interface 200 of the electronic device 100 is shown as an example. Figure 2A As shown, the user interface 200 includes but is not limited to: a first interface 230, a status bar 211 and a first task bar 231, and the first interface 230 includes but is not limited to: a desktop background, a search box 221, multiple application icons, folders, etc. In the embodiment of the present application, the first interface 230 can be the main interface of the system in a non-multitasking scheduling mode, and the main interface can be called a desktop. In the embodiment of the present application, the desktop background can also be called a desktop wallpaper, wallpaper, screen pattern, background image, etc.

[0162] The status bar 211 may include a wireless fidelity (Wi-Fi) signal strength indicator, a battery status indicator, a time indicator, etc. In some scenarios, the status bar 211 may also include one or more signal strength indicators ( Figure 2A not shown).

[0163] The search box 221 can be used to provide a function of searching for applications in multiple pages carrying multiple applications. In some scenarios, the search box 221 can be replaced by a page indicator, which can be used to indicate which page of the multiple pages carrying multiple applications the user is currently browsing. The user can browse other pages by sliding left and right.

[0164] Exemplarily, the first task bar 231 includes, but is not limited to: a plurality of application icons and / or folder shortcuts, providing an entry for the user to access these applications and files. Optionally, the application icons displayed by the electronic device 100 in the first task bar 231 may be icons of applications that have been started more than or equal to a preset number of times, and applications that have been started more than or equal to a preset number of times may be referred to as frequently used applications. Optionally, the task bar may also be referred to as a Dock bar.

[0165] In one implementation, the electronic device 100 may display the first task bar 231 at the bottom of the screen of the display screen. In another implementation, the electronic device 100 displays the first task bar 231 at the bottom of the screen in response to the user sliding upward from the bottom area of ​​the display screen. Optionally, the electronic device 100 may also display the first task bar 231 on the side of the display screen, and the present application does not impose any restrictions on the display position of the first task bar 231.

[0166] For example, Figure 2A As shown, the first task bar 231 may include a first sub-bar 2311 and a second sub-bar 2312. Optionally, when the electronic device 100 faces the user, taking the user's perspective as an example, the electronic device 100 may display the first sub-bar 2311 and the second sub-bar 2312 in parallel from left to right. Optionally, the horizontal length of the first sub-bar 2311 is greater than the horizontal length of the second sub-bar 2312.

[0167] In one implementation, the first sub-bar 2311 includes application icons that are not displayed on the page (for example, the main interface or other pages), for example, a multi-task scheduling icon 231A in the first state, a video application icon, a music application icon, a reading application icon, a browser application icon, a camera application icon, a gallery application icon, etc. The second sub-bar 2312 includes application icons that are displayed on the page (for example, the main interface or other pages), for example, a setting application icon, a note application icon, an alarm application icon 231B, etc.

[0168] Optionally, the electronic device 100 may delete the application icon displayed in the first task bar 231 in response to the delete operation. Optionally, the electronic device 100 may replace the application icon displayed in the first task bar 231 in response to the replace operation. Optionally, the electronic device 100 may add an application icon to be displayed in the first task bar in response to the add operation. Exemplarily, the horizontal length of the first task bar 231 is less than or equal to the horizontal length of the display screen, and as the number of application icons displayed in the first task bar 231 increases, the horizontal length of the first task bar 231 may gradually increase to occupy the length of the display screen.

[0169] Exemplarily, the first interface 230 may also include multiple application icons (e.g., a memo application icon, a file application icon, a note application icon, a setting application icon, etc.). The first interface 230 may also include cards (e.g., a weather application card, a date application card, a combination application card, etc.). Among them, the card can display part of the functional information of the specified application, and the part of the functional information can be used to trigger the electronic device 100 to display the specified page of the specified application. The card can be displayed on the desktop or other specified shortcut interfaces (e.g., the negative one screen, the service center, etc.), and the card can be added or deleted by the user. Some cards can be called widgets.

[0170] In the embodiments of the present application, Figure 2A The user interface 200 shown includes at least one application icon, for example, the application icon included in the first interface 230 and / or the application icon included in the first taskbar 231. Optionally, in the user interface 200, the at least one application icon includes at least one first-category icon and at least one second-category icon. Optionally, the application icon displayed in the system main interface (for example, the first interface 230) may be referred to as the first-category icon. Optionally, the application icon displayed in the taskbar (for example, the first interface 230) may be referred to as the second-category icon. Figure 2A Alternatively, in the user interface 200, the application icons displayed in the task bar are called second-category icons, and in the user interface 200, the application icons displayed outside the task bar are called first-category icons.

[0171] For example, if Figure 2A As shown, the note application icons include first-category icons and second-category icons. For example, the note application displayed in the first interface 230 may be referred to as the first-category icon, and the note application displayed in the first taskbar 231 may be referred to as the second-category icon. It should be noted that the types of the first-category icons and the second-category icons include, but are not limited to, application icons, folders, application cards, and the like.

[0172] Figure 2A The multi-task scheduling icon 231A in the first state displayed in the first task bar 231 shown in the figure can provide an entry to the multi-task scheduling mode. For the relevant description of the “multi-task scheduling mode”, please refer to the following 4A to 4D , I will not go into details here. Figure 2A In the user interface 200 shown, the electronic device 100 is in a normal mode, that is, in a non-multitasking scheduling mode.

[0173] In one implementation, in the non-multitasking scheduling mode, the electronic device 100 receives a click Figure 2A In response to the operation, the alarm clock application icon 231B is displayed. Figure 2A The user interface 200 shown switches to display Figure 2B The user interface 201 shown as an example includes an application interface 2011, a first taskbar 231, and a status bar. Optionally, the application interface 2011 is a full-screen display interface of the alarm clock application, and the display area of ​​the application interface 2011 fills the entire display screen. It is understandable that the user can also click on the alarm clock application icon located in other areas of the first interface 230, and this application does not impose any restrictions on this. Optionally, in the user interface 201, the electronic device 100 can display the first taskbar 231 at the bottom of the screen, and display the first taskbar on the application interface (for example, Figure 3A The upper layer of the application interface 2011) shown.

[0174] In one implementation, in non-multitasking scheduling mode, after the operation object is long pressed and moved Figure 2A When the alarm clock application icon 231B in the user interface 200 shown in FIG. 2 (for example, the alarm clock application icon 231B displayed in the first task bar 231), the electronic device 100 may display the alarm clock application icon 231B at the position where the operation object is moved in response to the user operation 210. Optionally, the electronic device 100 no longer displays the alarm clock application icon 231B in the first task bar 231 in response to the user operation 210.

[0175] For example, if Figure 2C As shown, the electronic device 100 receives the Figure 2A The user operation 210 of long pressing and moving the alarm clock application icon 231B shown in FIG. Figure 2C The first interface 230 shown shows the moved alarm clock application icon 231B. For example, the user operation 210 can trigger the movement of the alarm clock application icon 231B. It can be understood that the "long press and move operation" refers to the long press. Figure 2A The alarm clock application icon 231B shown in the figure is not lifted within the preset time and the finger is continued to drag the alarm clock application icon 231B to move. Figure 2C It can be seen that the electronic device 100 responds to the first part of the user operation 210 on the alarm application icon 231B (for example, long pressing and holding for a preset time), selects the alarm application icon 231B, and then responds to the second part of the long user operation 210 (for example, not lifting and moving), the electronic device 100 can move the alarm application icon 231B according to the second part of the user operation 210, so that the alarm application icon 231B can be displayed at the moved position. Optionally, the electronic device 100 responds to the second part of the user operation 210, does not display the alarm application icon 231B in the first task bar 231, and displays the alarm application icon 231B at the position corresponding to the second part of the user operation 210.

[0176] See also Figure 2D , Figure 2D This is a schematic diagram of an interface for displaying a floating window in a non-multitasking scheduling mode provided in an embodiment of the present application. Figure 2D The user interface 203 shown includes but is not limited to: a first interface 230, a floating window 213 of a note application, a first task bar 231, and a status bar 211. Optionally, the description of the "first interface 230" and the "first task bar 231" can be referred to. Figure 2A , I will not repeat it this time. Figure 2D It can be seen that in the non-multitasking scheduling mode, when a floating window (such as the floating window 213 of the note application) is started / displayed in the system interface (such as the first interface 230), the electronic device 100 can continue to display the first category of icons.

[0177] Combination FIG. 2A to FIG. 2D It can be seen that in the non-multitasking scheduling mode, the electronic device 100 can display the full-screen display interface of the application in response to the operation of clicking the application icon; the electronic device 100 can move the application icon to any position on the display screen in response to the operation of long pressing and moving the application icon.

[0178] With the vigorous development of various applications (applications, APPs), many things can be operated through software on electronic devices (such as mobile phones, tablets, folding screen phones, etc.), and there are more and more applications that people use in daily life. In general, the applications that users are using are in full-screen display state by default. In an embodiment of the present application, an application in full-screen display state can be referred to as a full-screen display application, and a user interface in full-screen display form can be referred to as a full-screen display interface. The electronic device can provide an interface switching function, that is, the electronic device switches from the currently displayed user interface to other user interfaces (such as the last displayed user interface) in response to user operations (such as swiping up in the bottom area, sliding horizontally in the bottom area, etc.). Generally speaking, the existing "interface switching" refers to switching from a full-screen user interface to another full-screen user interface.

[0179] See also FIG. 3A to FIG. 3F , FIG. 3A to FIG. 3F This is a schematic diagram of an interface for quickly switching applications in a non-multitasking scheduling mode provided in an embodiment of the present application.

[0180] See also Figure 3A , Figure 3A 201 is a schematic diagram of a user interface 201 provided in an embodiment of the present application. For example, in a non-multitasking scheduling mode, the electronic device 100 clicks the alarm application icon to display Figure 3A The user interface 201 shown in FIG. 1 includes, but is not limited to, an application interface 2011, which is a full-screen display interface of the alarm clock application. For a detailed description of the user interface 201, please refer to Figure 2B , I will not go into details this time.

[0181] Exemplarily, in response to the sliding operation 1101 along the bottom edge of the screen, the electronic device 100 may display the following Figure 3B User interface 102 is shown. Figure 3B is a schematic diagram of a window display interface provided by an embodiment of the present application, such as Figure 3B As shown, the user interface 102 includes but is not limited to: a desktop background, a switching animation 122, a first taskbar 231 and a status bar. Exemplarily, the switching animation 122 is displayed on the upper layer of the desktop background, and the upper layer may mean that the content of the upper layer will cover the content of the lower layer. Optionally, the switching animation 122 includes but is not limited to: a first window 1121 and a second window 1122. Optionally, the display areas respectively corresponding to the first window 1121 and the second window 1122 do not completely cover the display area of ​​the display screen, and there is a gap between the first window 1121 and the second window 1122. Optionally, the desktop background can be displayed through the gap, or the user can see the desktop background through the gap.

[0182] For example, Figure 3B As shown, the first window 1121 includes Figure 3A The second window 1122 includes a thumbnail of the second interface, and the second interface includes a full-screen display interface of the gallery application running in the background. Optionally, the electronic device 100 responds to the sliding operation 1101 along the bottom edge of the screen to display the switching effect 122 of the first window 1121 exiting the display area and the second window 1122 entering the display area. Exemplarily, the switching effect 122 includes but is not limited to Figure 3A The application interface 2011 shown is reduced to a first window 1121, which exits the display area to the right with an exit effect, and displays a second window 1122, which displays an entry effect of the application interface in the display area to the right.

[0183] In the embodiment of the present application, the motion effect can be called an animation. For example, the switching motion effect can also be a switching animation, the exit motion effect can also be an exit animation, and the entry motion effect can also be an entry animation.

[0184] In one implementation, the electronic device 100 sets the desktop application to run in the foreground in response to the sliding operation 1101 along the bottom edge of the screen, and the desktop application draws and renders the switching animation 122. Optionally, after the lifting operation after the sliding operation 1101 along the bottom edge of the screen, the electronic device 100 sets the gallery application to run in the foreground, and sets the desktop application running in the foreground to run in the background, and displays Figure 3C User interface 101 is shown. Figure 3C is a schematic diagram of a user interface 101 provided in an embodiment of the present application, wherein: Figure 3C The user interface 101 shown includes, but is not limited to: a full-screen display interface 1011 of the gallery application and a first task bar 231 .

[0185] Since only one full-screen application can be running in the foreground at the same time, it cannot meet the user's need to view multiple applications (i.e., it cannot meet the need for multiple applications to run in the foreground). In order to obtain a better user experience, the electronic device can enable the small window display function of certain applications based on the user's operation. The small window occupies a part of the entire display screen of the electronic device, which can be called a floating window.

[0186] See also Figure 3D , Figure 3D 1 is a schematic diagram of a user interface 102 provided in an embodiment of the present application. Figure 3D As shown, the user interface 102 includes a full-screen display interface 1011 of the gallery application, a floating window 1021 of the note application, a first task bar 231, and a status bar. Exemplarily, the floating window 1021 of the note application is displayed on the upper layer of the full-screen display interface 1011 of the gallery application, and may cover part of the content in the full-screen display interface 1011. Optionally, the gallery application and the note application are set to run in the foreground.

[0187] In one implementation, the electronic device 100 responds to Figure 3D The sliding operation 120 along the bottom edge of the screen can reduce the floating window of the note application to a floating ball, showing Figure 3E The user interface 103 shown. Figure 3E As shown, the user interface 103 includes but is not limited to: a full screen display interface 1011 of the gallery application, a floating ball 1031 of the note application, a first task bar 231 and a status bar. Figure 3D and Figure 3E It can be seen that after the electronic device responds to the sliding operation 120 along the bottom edge of the screen, it does not process the full-screen display interface 1011 of the gallery application.

[0188] Exemplarily, the floating window 1021 of the note application is displayed on the upper layer of the full screen display interface 1011 of the gallery application. Optionally, the gallery application and the note application are set to run in the foreground, and compared with the gallery application and the note application, the gallery application is considered to be the application currently running in the foreground.

[0189] In one implementation, the electronic device 100 responds to Figure 3E The sliding operation 130 along the bottom edge of the screen can switch from the user interface 103 to the display Figure 3F The user interface 104 is shown. Figure 3F As shown, the user interface 104 includes but is not limited to: a full screen display interface 1041 of the alarm clock application, a floating ball 1031 of the note application, a first task bar 231 and a status bar. Figure 3D The floating ball shown corresponds to the application that was launched before the note application.

[0190] comprehensive FIG. 3A to FIG. 3F It can be seen that in the non-multitasking scheduling mode, in one implementation, when the user interface displayed by the electronic device 100 is a full-screen display interface of an application, the electronic device switches from one full-screen display interface to another full-screen display interface in response to a sliding operation along the bottom edge of the screen. In one implementation, when the user interface displayed by the electronic device 100 includes a full-screen display interface of an application and a floating window, the electronic device can shrink the floating window to a floating ball in response to a sliding operation along the bottom edge of the screen, and does not process the currently displayed full-screen display interface, that is, does not switch from one full-screen display interface to another full-screen display interface. In one implementation, when the user interface displayed by the electronic device 100 includes a full-screen display interface of an application and a floating ball, the electronic device can switch from the currently displayed user interface to the application interface of the last application launched before launching the application corresponding to the floating ball in response to a sliding operation along the bottom edge of the screen.

[0191] In an embodiment of the present application, an application in a floating window display state may be referred to as a floating window display application, and a user interface in the form of a floating window display may be referred to as a floating window. Optionally, if multiple applications are running in the foreground, the electronic device displays a full-screen display interface and at least one floating window. If it is not necessary to display the floating window in the foreground, the electronic device may shrink the floating window to be invisible in response to the user's operation of the reduction control on the floating window, thereby switching the floating window display application from foreground operation to background operation. If it is necessary to display the floating window in full screen in the foreground, the electronic device may enlarge the floating window to a full-screen display interface in response to the user's operation of the enlargement control on the floating window, at which time the previous full-screen display interface is invisible, and the corresponding full-screen display application switches from foreground operation to background operation.

[0192] The present application finds that the existing method of starting / displaying a floating window is cumbersome, inconvenient for user operation, and reduces the user experience. The present application provides an exemplary multi-task scheduling mode / function (see the following 4A to 4F , 4A to 4F 1 is a schematic diagram of an interface of an electronic device 100 in a multi-task scheduling mode provided in an embodiment of the present application. Based on the multi-task scheduling mode / function, a user can quickly start / display a floating window. In the embodiment of the present application, the multi-task scheduling mode / function may also be referred to as a free screen mode / function, and there is no restriction on the name of the mode / function.

[0193] In a possible implementation, the electronic device 100 receives a click Figure 2A The multi-task scheduling icon 231A in the first state in the first task bar 231 in the user interface 200 shown in FIG. Figure 4A The user interface 300 shown. Figure 4A As shown, the user interface 300 includes but is not limited to: a desktop background and a multi-task scheduling animation 310, and the multi-task scheduling animation 310 can indicate that the electronic device 100 is starting / entering a multi-task scheduling mode. Exemplarily, the multi-task scheduling animation 310 is displayed above the desktop background. Optionally, the style and shape of the multi-task scheduling animation 310 are similar to Figure 2A The multi-task scheduling icon 231A shown has the same style and shape but different style and size, and the style of the multi-task scheduling animation 310 can present a gradient effect. Figure 4A After the multi-task scheduling animation 310 shown ends, it can be displayed Figure 4B User interface 301 is shown.

[0194] like Figure 4B As shown, exemplarily, the user interface 301 is an interface in the multi-task scheduling mode, and the user interface 301 includes but is not limited to: the second interface 311, the status bar 211 and the second task bar 232, and the second interface 311 includes but is not limited to: the desktop background, multiple application icons and the prompt pop-up window 222, and the prompt pop-up window 222 includes the prompt information: "The multi-task scheduling mode has been entered". Optionally, the second interface 311 can be the system main interface in the multi-task scheduling mode, and the display area of ​​the second interface 311 includes the area of ​​the display area of ​​the display screen except the status bar and the second task bar 232.

[0195] Combination Figure 2A and Figure 4B It can be seen that, for example, the system main interface in the multi-tasking scheduling mode (for example Figure 4B The second interface 311 shown in FIG. 3 includes one or more of the application icons, folders, and application cards, which are different in quantity and display form from the main system interface (for example, the main system interface 311 in the non-multitasking scheduling mode) in the system main interface 311 in the non-multitasking scheduling mode. Figure 2A Optionally, Figure 2A The search box 221 displayed in the non-multitasking scheduling mode shown can be replaced by Figure 4B Optionally, in the multi-task scheduling mode, the electronic device 100 may display the prompt pop-up window 222 for a preset time and then change to display the search box ( Figure 4B not shown).

[0196] For example, Figure 4B The second task bar 232 in the multi-tasking scheduling mode shown in FIG. Figure 2A For the first task bar 231 in the non-multitasking scheduling mode shown in FIG. 1 , the number of application icons and the display style of the multitasking scheduling icon 231A have changed. Figure 4B It can be seen that the second task bar 232 in the user interface 301 includes a first sub-bar 2321 and a second sub-bar 2322. Exemplarily, in the multi-task scheduling mode, Figure 4B The first sub-item 2321 shown includes a second-state multitasking scheduling icon 231A, a quick layout icon 231C, a video application icon, a music application icon, a reading application icon, a browser application icon, a camera application icon, a gallery application icon, and the like. Optionally, in a non-multitasking scheduling mode, the multitasking scheduling icon 231A in the first state is displayed as a first style, and in a multitasking scheduling mode, the multitasking scheduling icon 231A in the second state is displayed as a second style. Optionally, the first style and the second style are different in color, for example, the first style is light and the second style is dark. Optionally, the quick layout icon 231C is a function icon that is newly displayed in the multitasking scheduling mode. Exemplarily, Figure 4B The second sub-bar 2322 shown includes a setting application icon, a note application icon, an alarm application icon 231B, a folder 231D, etc. Optionally, the folder 231D is a newly added folder in the multi-task scheduling mode. Exemplarily, the folder 231D includes multiple application icons. Optionally, the electronic device 100 can display 9 application icons in the folder 231D. Optionally, the multiple application icons included in the folder 231D belong to the application icons displayed in the second interface 311, such as the first category icons and / or the second category icons.

[0197] Optionally, in an embodiment of the present application, function icons (for example, the first function icon and / or the second function icon) may be displayed in a pull-down notification bar, a sidebar, or other areas.

[0198] In the embodiments of the present application, Figure 4B The user interface 301 shown includes at least one application icon, for example, the application icon included in the second interface 311 and / or the application icon included in the second taskbar 232. Optionally, in the user interface 301, the at least one application icon includes at least one first category icon and at least one second category icon. Figure 4B The application icons in the second interface 311 shown in FIG. 3 are called first-class icons. Optionally, the application icons displayed in the task bar (for example, Figure 4B The application icons in the second task bar 2312 shown in FIG. 2 are called second-category icons. Figure 4B As shown, the note application icons include first-category icons and second-category icons. Exemplarily, the note application displayed in the first interface 230 is a first-category icon, and the note application displayed in the first taskbar 231 is a second-category icon.

[0199] In one implementation, the electronic device 100 may display a Figure 2A User interface 200 is shown.

[0200] In one implementation, the electronic device 100 displays a Figure 4B The application window 321 of the folder 231D is shown. For example, Figure 4B The user interface 301 shown includes but is not limited to the second interface 311 and the application window 321. Optionally, the application window 321 includes multiple application icons and page indicators, and the multiple application icons can be displayed in the application window 321 in pages, and are not necessarily fully displayed in one page of the application window 321. Exemplarily, the page indicator can be used to indicate that the currently browsed page is the page that carries multiple pages of multiple applications. Optionally, the electronic device 100 can switch from the current page to display other pages in response to a sliding operation acting in the application window 321.

[0201] In one implementation, in the multi-tasking scheduling mode, the electronic device 100 responds to the operation object acting on the application icon (for example, Figure 4B or Figure 4C The application icon displayed in the second interface 311 or the application icon displayed in the second task bar 232, or Figure 4C By clicking an application icon displayed in the application window 321 of the folder 231D shown in the figure, a floating window of the application can be displayed at a preset position (for example, the middle area of ​​the display screen).

[0202] For example, in the multi-tasking scheduling mode, the electronic device 100 receives an operation of the operation object clicking the alarm application icon 231B, and in response to the clicking operation, the alarm application icon 231B may be displayed. Figure 4E The user interface 303 shown, the user interface 303 includes but is not limited to a floating window 3141 of an alarm clock application. About " Figure 4E For a description of the user interface 303 shown, please refer to the following content.

[0203] In one implementation, in the multi-tasking scheduling mode, the electronic device 100 responds to the operation object acting on the application icon (for example, Figure 4B or Figure 4C The application icon displayed in the second interface 311 or the application icon displayed in the second task bar 232, or Figure 4C The electronic device 100 may display a floating window of the application by long pressing and moving the application icon displayed in the application window 321 of the folder 231D shown in the figure, and displaying the drag window of the application at the moved position. When the operating object performs a lift gesture, the electronic device 100 may display a floating window of the application.

[0204] For example, in the multi-tasking scheduling mode, the electronic device 100 receives an operation of moving the alarm clock application icon 231B after long pressing the operation object, and in response to the operation, the alarm clock application icon 231B may be displayed. Figure 4D The user interface 302 shown includes but is not limited to the drag window 315 of the alarm clock application. In one implementation, the electronic device 100 can display the Figure 4E The user interface 303 shown includes a floating window 3141 of an alarm clock application. About " Figure 4E For a description of the user interface 303 shown, please refer to the following content.

[0205] For example, from Figure 4D It can be seen that the electronic device 100 responds to the first part of the operation 320 of long pressing and moving the alarm application icon 231B (for example, long pressing and holding for a preset time), and after selecting the alarm application icon 231B, the second display style of the alarm application icon 231B can be displayed. Figure 4B As shown in the alarm clock application icon 231B, the electronic device 100 displays Figure 4B The second display style of the alarm clock application icon 231B shown. Exemplarily, the second display style is different from the first display style. For example, the first display style is in a selectable state, and the second display style is in a non-selectable state. Exemplarily, compared with the first display style, the second display style of the alarm clock application icon 231B sets a higher transparency or adds a shadow. To the user, the alarm clock application icon 231B in the second display style looks like it is covered with a layer of shadow, presenting a blurred effect.

[0206] For example, from Figure 4D It can be seen that the electronic device 100 can display the drag window 315 in response to the second part of the long press and move operation 320 (for example, not lifting and moving). Optionally, the drag window 315 can be moved to a specified position following the second part of the long press and move operation, and the electronic device 100 can display the drag window 315 of the alarm application icon 231B at the moved position. Exemplarily, the drag window 315 includes the first display style of the alarm application icon. Optionally, the size of the drag window 315 is the size of the floating window reduced in proportion.

[0207] For example, from Figure 4D It can be seen that the electronic device responds to the second part of the long press and move operation 320 to move the drag window 315 to any position in the second interface 311. When the operation object is lifted, the electronic device 100 responds to the third part of the long press and move operation 320 (for example, the lift operation) to display Figure 4E The user interface 303 shown. Exemplarily, the user interface 303 includes but is not limited to a floating window 3141 of an alarm clock application, and the floating window 3141 of the alarm clock application is displayed at a position corresponding to the lifting operation.

[0208] In the embodiments of the present application, Figure 4E As shown, the user interface 303 includes but is not limited to: the status bar 211, the second task bar 232 and the multi-task scheduling interface 314. Optionally, the multi-task scheduling interface 314 includes a floating window 3141 of the alarm clock application and a desktop background, but does not include the first category of icons. Exemplarily, in the multi-task scheduling mode, the electronic device 100 displays the floating window of the alarm clock application, the desktop background and the second category of icons in response to the operation of clicking the alarm clock application icon, and does not display the first category of icons. Multi-task scheduling interface. Optionally, the floating window 3141 is displayed in a floating manner on the desktop background.

[0209] Exemplarily, the floating window 3141 includes one or more of a full-screen display control 3141A, a minimized control 3141B, a top horizontal bar 3141C, and a close control 3141D. Optionally, the electronic device 100 may display a full-screen display interface corresponding to the alarm clock application in response to a user operation on the full-screen display control 3141A. Optionally, the electronic device 100 may reduce the floating window 3141 to invisible or to a floating ball in response to a user operation on the minimized control 3141B. Optionally, the electronic device may move the display position of the floating window 3141, and / or adjust the size of the floating window 3141 in response to a user operation on the top horizontal bar 3141C. The electronic device 100 may close the floating window 3141 in response to a user operation on the close control 3141D.

[0210] In one implementation, the electronic device 100 responds to the Figure 4E The note application icon 231E in the second task bar 232 or the note application icon in the application window of the folder 231D ( Figure 4E (not shown) or long press and move operation, you can display Figure 4F The user interface 304 is shown. Figure 4F The user interface 304 shown includes but is not limited to: a multi-task scheduling interface 316, a status bar 211 and a second task bar 232. The multi-task scheduling interface 316 includes a desktop background, a floating window 3141 of an alarm application and a floating window 3161 of a note application, but does not include the first category of icons. Optionally, the floating window 3141 of the alarm application and the floating window 3161 of the note application are displayed in a floating manner on the desktop background.

[0211] Combination 4A to 4F It can be seen that in the multi-task scheduling mode, the electronic device 100 can display a multi-task scheduling interface in response to the user clicking the application icon, and the multi-task scheduling interface includes a floating window of the application. Optionally, the electronic device can display a drag window corresponding to the application icon in response to the user long pressing and moving the application icon, and the drag window can move with the movement of the finger, and the multi-task scheduling interface is displayed when the finger is lifted, and the floating window of the application is displayed at the position where the finger is lifted in the multi-task scheduling interface. Optionally, in the multi-task scheduling mode, the electronic device 100 displays the first category of icons, and after the electronic device 100 responds to the operation of clicking the application icon, the floating window of the application is displayed, and the first category of icons is not displayed.

[0212] In an embodiment of the present application, in the multi-task scheduling mode, the user can conveniently / quickly start the floating window of the application, which improves the user experience. In the non-multi-task scheduling mode, the electronic device 100 will not display the floating window of the application in response to the user's touch operation (such as a click operation or a move operation) on the application icon. In the multi-task scheduling mode, the electronic device 100 can display the floating window of the application in the multi-task scheduling interface in response to the user's touch operation (such as a click operation or a move operation) on the application icon. Therefore, in the multi-task scheduling mode, the user can quickly start the floating window of the application, and the electronic device 100 can run the floating windows of one or more applications in the foreground and / or background, and then in the multi-task scheduling mode, it is very easy to appear the scene of "switching to the floating window".

[0213] The applicant has found in the research that in the non-multitasking scheduling mode, the electronic device can switch from the currently displayed application interface to another application interface in response to a sliding operation along the bottom edge of the screen. In the multitasking scheduling mode, the electronic device displays a floating window of an application that has been running, and the electronic device can also switch from the currently displayed floating window / full-screen display interface to another floating window in response to a sliding operation along the bottom edge of the screen. However, the applicant has also found in the research that a "black screen problem" may occur when the electronic device switches to a floating window, resulting in a poor user experience.

[0214] For example, see Figure 4F If you want to quickly switch the display content in the currently displayed multi-task scheduling interface 316 to the display content of the previous display interface (for example Figure 4E The floating window 3141 of the alarm clock application in the multitasking scheduling interface 314 shown in the figure), the operation object can perform a sliding operation 120 along the bottom edge of the screen on the display screen displaying the user interface 304. Exemplarily, in response to the sliding operation 120 along the bottom edge of the screen, the electronic device 100 can Figure 4F The user interface 304 shown switches to displaying Figure 4G User interface 305 is shown. Figure 4G It is a schematic diagram of a switching effect provided in an embodiment of the present application.

[0215] like Figure 4G As shown, the user interface 305 includes but is not limited to: a desktop background, a switching animation 1051, a second taskbar 232 and a status bar. Exemplarily, the switching animation 1051 is displayed on the upper layer of the desktop background. Optionally, the switching animation 1051 includes but is not limited to: a first window 1151 and a second window 1251. Optionally, the display areas corresponding to the first window 1151 and the second window 1251 respectively do not completely cover the display area of ​​the display screen, and there is a gap between the first window 1151 and the second window 1251. Optionally, the desktop background can be displayed through the gap, or the user can see the desktop background through the gap.

[0216] For example, Figure 4G As shown, the first window 1151 includes Figure 4F The multi-tasking scheduling interface 316 shown in the thumbnail or Figure 4F The card corresponding to the floating window of the note application and the card corresponding to the floating window of the alarm application are shown. The second window 1251 includes a thumbnail of the second interface or a card of an application running in the background, and the second interface includes a floating window of the alarm application running in the background.

[0217] Optionally, in response to the sliding operation 120 along the bottom edge of the screen, the electronic device 100 displays a switching animation 1051 of the first window 1151 exiting the display area and the second window 1251 entering the display area. The switching animation 1051 includes but is not limited to Figure 4F The multitasking scheduling interface 316 shown is reduced to the first window 1151, the first window 1151 exits the display area to the right direction with an exit animation, and displays the second window 1251, the second window 1251 displays the application interface (such as the floating window of the alarm clock application) in the display area to the right direction with an entry animation. Optionally, the electronic device 100 displays the entry animation in the switching animation 1051 in a manner that includes increasing the transparency of the second window 1251, so that the second window 1251 changes from an invisible state to a visible state, thereby displaying the floating window of the alarm clock application in the display area.

[0218] For example, the switching effect 1051 during the switching process is drawn by the desktop application, so the electronic device 100 can set the desktop application to run in the foreground in response to the sliding operation 120 along the bottom edge of the screen, and the desktop application draws and displays the switching effect 1051 on the display screen. When the electronic device 100 responds to the lifting operation, the alarm clock application running in the background is set to run in the foreground, and the desktop application running in the foreground is set to run in the background, and the display screen is displayed. Figure 4H User interface 306 is shown.

[0219] For example, Figure 4H is a schematic diagram of a black screen of an electronic device provided in an embodiment of the present application, such as Figure 4H As shown, the user interface 306 includes but is not limited to: the floating window 116 of the alarm clock application and the second task bar 232. In the embodiment of the present application, the floating window is a small-sized interface floating on the top layer, and the size of the floating window is smaller than the display screen size of the electronic device 100. Optionally, Figure 4H The floating window 116 shown only occupies a part of the display screen area. At this time, the desktop application is no longer running in the foreground but in the background, so the electronic device 100 cannot display the desktop background on the display screen through the desktop application. Since the floating window 116 and the second task bar 232 cannot cover all areas of the display screen, there is a black screen problem. In the embodiment of the present application, the "black screen problem" can be understood as the floating window 116 and the second task bar 232 are displayed in the display screen of the electronic device 100, and the display area other than the floating window 116 and the second task bar 232 has no display content and / or display brightness, so what is presented to the user is a black screen phenomenon, which affects the user experience.

[0220] In the embodiment of the present application, a task bar (for example, the first task bar 231 or the second task bar 232) can be placed on the floating window (for example, Figure 4E The taskbar and the floating window may be located at the same level.

[0221] In view of this, the present application provides an interface switching method, which is applied to an electronic device. In the method, the electronic device receives a first operation. In response to the first operation, the electronic device sets the desktop application to run in the foreground, and draws and renders the switching effect on the display screen through the desktop application. When the first operation meets the preset conditions, it is determined whether there is a floating window in the switching effect. If there is a floating window, the desktop application is not set to run in the background, but continues to run the desktop application in the foreground, and the first application is set to run in the foreground, so as to display the desktop background and the floating window of the first application. It can be seen that when the target page of the switch is a floating window, because the desktop application is always running in the foreground, the display screen may include the desktop background provided by the desktop application. Optionally, the floating window of the first application can be displayed above the desktop background, so there will be no black screen phenomenon, thereby improving the user experience.

[0222] Next, a quick layout function in a multi-task scheduling mode applied by an interface switching method provided in an embodiment of the present application is introduced. FIG. 5A to FIG. 5F It is a schematic diagram of an interface of another electronic device 100 in a multi-tasking scheduling mode provided in an embodiment of the present application.

[0223] In a possible implementation, in the multi-tasking scheduling mode, the electronic device 100 may provide an entry for a quick layout of floating windows, for example: Figure 4B The quick layout icon 231C shown includes an entrance to a spliced ​​display of multiple floating windows. Exemplarily, the electronic device 100 responds to a click operation ( Figure 4B Not shown), can be displayed Figure 5A User interface 400 is shown.

[0224] like Figure 5A As shown, the user interface 400 includes but is not limited to: the second interface 311, the second task bar 232 and the quick layout window 410 corresponding to the quick layout icon 231C. The second interface 311 includes but is not limited to: desktop background, multiple application icons, application cards and folders.

[0225] Exemplarily, the quick layout window 410 includes one or more layouts, such as a two-window layout, a three-window layout, and a four-window layout, and so on. In one implementation, the two-window layout includes a left-right layout 410A and a top-bottom layout, the three-window layout includes a left-center-right layout 410B, a left-side and upper-right-lower-right layout 410C, and an upper-left-lower-left-right and right-side layout 410D, and the four-window layout includes an upper-left-upper-right and lower-left-lower-right layout 410F, a four-window layout 410E from left to right, and a four-window layout from top to bottom. Exemplarily, in response to an operation on any one of the layouts in the quick layout window 410, the electronic device 100 may display a spliced ​​display interface corresponding to the layout. For example, the electronic device 100 receives an operation of clicking on the layout 410C, and in response to the operation may display Figure 5B User interface 401 is shown.

[0226] like Figure 5B As shown, the user interface 401 includes but is not limited to: desktop background, Figure 5A The multitask scheduling interface 411 and the second taskbar 232 corresponding to the layout 410C shown. Wherein, the multitask scheduling interface 411 and the second taskbar 232 are displayed on the upper layer of the desktop background. Exemplarily, the multitask scheduling interface 411 includes task area 4111, task area 4112 and task area 4113. In one implementation, task area 4111, task area 4112 and task area 4113 do not overlap each other. Optionally, the display area corresponding to task area 4111, task area 4112 and task area 4113 respectively does not completely cover the display area of ​​the display screen, and there is a gap between any two or three of task area 4111, task area 4112 and task area 4113. Optionally, the desktop background can be displayed through the gap, or the user can see the desktop background through the gap.

[0227] For example, from Figure 5B It can be seen that when the electronic device 100 faces the user, the task area 4111 is located on the left side of the display screen from the user's perspective, and the task area 4112 and the task area 4113 are located on the right side of the display screen. Optionally, the task area 4111 is located in the left half area of ​​the display screen, and the task area 4112 and the task area 4113 are located in the upper half and the lower half of the right half area, respectively. Optionally, the sizes of the task area 2 and the task area 3 are the same or different.

[0228] In one implementation, the electronic device 100 responds to a click operation on an application icon in the second task bar 232 by displaying a floating window of the application in any display area (for example, task area 1) in the multi-task scheduling interface 411, and displays the following: Figure 5D User interface 403 is shown. Optionally, when the electronic device 100 faces the user, the electronic device 100, in response to a click operation on an application icon in the second task bar 232, may display a floating window of the application in a task area corresponding to the layout in a sequence from left to right and / or from top to bottom as shown from the user's perspective.

[0229] In another implementation, in response to a long press and a move operation on any application icon displayed in the second task bar 232, the electronic device 100 may display a drag window of the application at the moved position, displaying Figure 5C Optionally, after the electronic device 100 responds to the lifting operation of the dragged window, the application floating window may be displayed in the task area, showing the following Figure 5D User interface 403 is shown. Optionally, after the electronic device 100 responds to the lifting operation of the dragged window, the floating window of the application may not be displayed.

[0230] For example, see Figure 5C In the user interface 402 shown in FIG. 1 , the electronic device 100 responds to the first part of the operation 2301 of long pressing and moving the alarm application icon 231B (for example, long pressing and holding for a preset time), and after selecting the alarm application icon 231B, the second display style of the alarm application icon 231B can be displayed. For the description of the “second display style”, please refer to Figure 4D , which will not be elaborated here. Optionally, the electronic device 100 may display a drag window 412 of an alarm application in response to the second part of the long press and move operation 2301 (for example, not lifting and moving). Exemplarily, the drag window 412 includes an alarm application icon. Optionally, the drag window 412 may be moved to a specified position, and the electronic device 100 may display the drag window 412 at the moved position. Exemplarily, the electronic device may move the drag window 412 to a first position in the user interface 402 in response to the second part of the long press and move operation 2301 of the operation object. When the operation object is lifted, if the first position belongs to the location of the task area, the electronic device 100 displays a floating window of the alarm application in the task area in response to the third part of the long press and move operation 320 (for example, a lift operation). Optionally, the display Figure 5D User interface 303 shown. Optionally, if the first position does not belong to the location where the task area is located, the electronic device 100 does not display the floating window of the alarm application in response to the third part of the long press and move operation 320 (for example, the lift operation). Exemplarily, "the first position belongs to the location where the task area is located" can be considered to be that the first position is located in the task area or at the edge of the task area. "The first position does not belong to the location where the task area is located" can be considered that the first position is not located in the task area or at the edge of the task area, optionally, the first position is located in the gap between task area 4111 and task area 4112, and / or, the first position is located in the gap between task area 4111 and task area 4113, and / or, the first position is located in the gap between task area 4112 and task area 4113.

[0231] Exemplarily, the size of the floating window is the same as the size of the task area, or the size of the floating window is smaller than the size of the task area.

[0232] from Figure 5D It can be seen that the user interface 403 includes but is not limited to: desktop background, multi-task scheduling interface 413, second task bar 232 and status bar. Optionally, the task area 4111 in the multi-task scheduling interface 413 includes a floating window of the alarm clock application. Optionally, the electronic device 100 has not yet been Figure 5D Content is displayed in task area 4112 and task area 4113 as shown.

[0233] In one implementation, in response to the long press of the note application icon 231E in the second task bar 232 and the operation of moving to the other area task area 4111, the electronic device 100 can replace the floating window of the alarm application included in the task area 4111 with the floating window of the note application when it is lifted. Figure 5D not shown).

[0234] In one implementation, in response to the operation of moving the floating window of the alarm application to another area (for example, task area 4112), the electronic device 100 may move the floating window of the alarm application from task area 4111 to be displayed in task area 4112. For example, at this time, the size of the floating window of the alarm application is the same as the size of the task area 4112, or smaller than the size of the task area 4112.

[0235] In one implementation, the electronic device 100 responds to the operation of long pressing the note application icon 231E in the second task bar 232 and moving it to the task area 4112. When it is lifted, a floating window of the note application is displayed in the task area 4112, thereby displaying Figure 5E In another implementation, in response to the operation of clicking the note application icon 231E, the electronic device 100 may display a floating window of the note application in an area other than the task area 4111 (for example, the task area 4112), thereby displaying Figure 5E The user interface 404 shown. For the description of the "mobile note application icon 231E", please refer to Figure 5C The description related to "alarm clock application icon 231B" will not be repeated here.

[0236] from Figure 5E It can be seen that the user interface 404 includes but is not limited to: desktop background, a multi-task scheduling interface 414 and a second task bar 232, the task area 4111 in the multi-task scheduling interface 414 includes a floating window of an alarm application, the task area 4112 in the multi-task scheduling interface 414 includes a floating window of a note application, and the task area 4113 in the multi-task scheduling interface 414 has no displayed content. Optionally, if the electronic device 100 does not display content in the task area 4113 within the preset time, the task area 4113 may not be displayed.

[0237] Combination FIG. 5A to FIG. 5E It can be seen that in the multi-tasking scheduling mode, after confirming the layout in the quick layout, the electronic device 100 can display a floating window of the application in the task area corresponding to the layout in response to the operation of clicking or dragging (long pressing and moving, or long pressing and moving and then lifting) the application icon.

[0238] In a possible implementation, in the multitasking scheduling mode, if the user wants to view the most recently run multitasking management interface, the user can slide his finger upward from the bottom edge of the screen and pause to view, switch, end or lock the most recently run multitasking management interface. Figure 5E In the user interface 404 shown in the upward sliding operation 240, in response to the upward sliding operation 240, the Fig. 5F User interface 405 is shown.

[0239] like Fig. 5F As shown, the user interface 405 includes a management interface in the multi-tasking scheduling mode, including recently run (for example, foreground and background) applications and application interfaces (for example, floating windows). Optionally, the windows in the user interface 405 each include thumbnails of one or more application interfaces. For example, Fig. 5F The user interface 405 shown includes, but is not limited to, desktop background, window 4051, window 4052, window 4053, and delete control 4054. For example, window 4051, window 4052, window 4053, and delete control 4054 are displayed on the upper layer of the desktop background, with gaps between them, and the user can see the desktop background through the gaps. Optionally, window 4051 includes a thumbnail corresponding to the floating window of the alarm clock application displayed in the multi-task management mode, window 4052 includes thumbnails corresponding to the floating windows of the alarm clock application and the note application displayed in the shortcut layout in the multi-task management mode, and window 4053 includes a thumbnail corresponding to the floating window of the address book application displayed in the multi-task management mode. Optionally, in response to the operation of clicking the delete control 4054, the electronic device can kill the application task of the multi-task management interface, and optionally, it can also end the application task of the multi-task management interface.

[0240] Next, another application scenario of the multi-task scheduling mode provided by the embodiment of the present application is introduced. FIG. 6A to FIG. 6D , FIG. 6A to FIG. 6D This is a schematic diagram of another interface in a multi-task scheduling mode provided in an embodiment of the present application.

[0241] In a possible implementation, Fig. 6A As shown, the user interface 406 includes but is not limited to: desktop background, multi-task scheduling interface 416, second task bar 232 and status bar, etc., and the multi-task scheduling interface 416 includes but is not limited to: floating window 3161 of note application, floating window 3141 of alarm application, floating window 3171 of contact application, etc., and does not include the first category of icons. Exemplarily, one or more of the second task bar 232, floating window 3161 of note application, floating window 3141 of alarm application and floating window 3171 of contact application are suspended and displayed on the upper layer of the desktop background, and there is a gap between these three floating windows or there is a gap between the floating window and the display screen boundary, and the desktop background can be displayed through the gap, or the user can see the desktop background through the gap. Exemplarily again, the floating window 3161 of note application, the floating window 3141 of alarm application and the floating window 3171 of contact application are displayed in parallel and non-overlapping on the display screen of the electronic device 100.

[0242] In one implementation, the electronic device 100 responds to the Fig. 6A The quick layout icon 231C displayed in the second task bar 232 shown in FIG. Fig. 6A The user interface 406 shown in the figure has a new quick layout window 410, which can display Figure 6B The user interface 407 shown. Figure 6B As shown, the user interface 407 includes but is not limited to: a quick layout window 410, a desktop background, a multi-task scheduling interface 416, a second task bar 232 and a status bar, etc., wherein the quick layout window 410 includes one or more floating window layouts, including but not limited to: layout 410A, layout 410B, layout 410C, layout 410D, layout 410E and layout 410F. For a detailed description of the quick layout window 410, please refer to Figure 5A The relevant description in will not be repeated here.

[0243] In one implementation, the electronic device 100 responds to the Figure 6B A click operation on the layout 410A in the quick layout window 410 shown in FIG. 4 may display Figure 6C The user interface 408 is shown. Figure 6C As shown, the user interface 408 includes but is not limited to: desktop background, multi-task scheduling interface 417, second task bar 232 and status bar. Figure 6B The interface corresponding to the layout 410A in the quick layout window 410 shown specifically includes a task area 4171 and a task area 4172. The task area 4171 and the task area 4172 do not overlap each other. In one implementation, the display areas of the task area 4171 and the task area 4172 are the same, the task area 4171 is located on the right half of the display screen, and the task area 4172 is located on the left half of the display screen. Optionally, the multi-task scheduling interface 417 is displayed in a suspended manner above the desktop background, and there is a gap between the task area 4171 and the task area 4172, and the desktop background can be displayed through the gap, or the user can see the desktop background through the gap.

[0244] Exemplarily, the task area 4172 in the multitasking scheduling interface 417 includes a floating window of an alarm application. In one implementation, the size of the floating window of the alarm application is consistent with the size of the task area 4172, or is smaller than the size of the task area 4172. Exemplarily, the task area 4171 includes a floating window of a contact application and a floating window of a note application. The floating window of the contact application and the floating window of the note application do not overlap and are displayed side by side in the task area 4171. Another exemplary embodiment is that the size of the floating window of the contact application and the floating window of the note application are basically consistent, but inconsistent with the size of the floating window of the alarm application, for example, smaller than the size of the floating window of the alarm application.

[0245] Exemplarily, the electronic device 100 responds to Figure 6B Before the layout 410A shown, three floating windows were displayed, but the layout 410A corresponds to displaying two floating windows. Figure 6C When the multitasking scheduling interface 417 is shown, one of the three floating windows can be displayed in one of the task areas corresponding to the layout 410A, and the remaining two can be displayed in one of the task areas corresponding to the layout 410A. Exemplarily, the electronic device 100 can display the floating window that is first started / displayed (for example, the floating window of the alarm clock application) in the task area (for example, task area 4172) according to the time sequence of displaying / starting the floating windows. Optionally, the electronic device 100 displays the floating windows that are started / displayed later (for example, the floating window of the contact application and the floating window of the note application) side by side in the task area (for example, task area 4172). Since one task area includes one floating window, it is displayed Figure 6C The states of the floating windows of the contact application and the floating windows of the note application in the task area 4171 shown are in a pending state, which can also be referred to as a pending state. In the embodiment of the present application, the interface including the floating windows in the pending state can be referred to as a pending floating window interface, for example, the multi-task scheduling interface 417 can be referred to as a pending floating window interface.

[0246] In one implementation, in the floating window interface to be selected (for example, the multi-task scheduling interface 417), the electronic device 100 responds to the action on Figure 6C When the floating window of the contact application is clicked, the floating window of the contact application can be displayed in the task area 4171, and the floating window of the note application can be reduced to an invisible state or reduced to a floating ball. Optionally, the size of the floating window of the contact application is consistent with or smaller than the size of the task area 4171. In another implementation, in the floating window interface to be selected, the electronic device 100 responds to the action on the floating window. Figure 6C When the floating window of the note application shown is clicked, the floating window of the note application can be displayed in the task area 4171, and the floating window of the contact application can be reduced to an invisible state or reduced to a floating ball. Optionally, the size of the floating window of the note application is the same as or smaller than the size of the task area 4171.

[0247] In one implementation, in the floating window interface to be selected (for example, the multi-tasking scheduling interface 417), the electronic device 100 receives a sliding operation 121 along the bottom edge of the screen, does not respond to the operation, that is, does not display the switching animation, and displays the multi-tasking scheduling interface 417.

[0248] In one implementation, Figure 6C In the floating window interface to be selected (for example, the multi-task scheduling interface 417), when the electronic device 100 receives an operation of sliding up along the bottom of the screen to return to the desktop ( Figure 6C (not shown), does not respond to the operation, that is, does not return to the display desktop, and displays the multi-task scheduling interface 417.

[0249] In one implementation, Figure 6C In the floating window interface to be selected (for example, the multi-task scheduling interface 417), when the electronic device 100 receives an operation of sliding up along the bottom area of ​​the screen to the management interface ( Figure 6C Not shown), do not respond to the operation, that is, do not display the multi-task management interface, and display the multi-task scheduling interface 417.

[0250] In one implementation, Figure 6C In the to-be-selected floating window interface (for example, the multitasking scheduling interface 417), when the electronic device 100 receives a sliding operation from the side of the screen to the center of the screen ( Figure 6C In response to the operation, the display Fig.6D User interface 409 shown. Exemplarily, "sliding operation from the side of the screen to the center of the screen" can be considered as a cancel operation.

[0251] In another implementation, Figure 6C In the to-be-selected floating window interface (for example, the multitasking scheduling interface 417), the electronic device 100 responds to receiving a sliding operation from the side of the screen to the center of the screen ( Figure 6C Not shown), in response to the operation, the floating window is returned to the original position for display ( Fig.6D Not shown), optionally, the electronic device 100 returns the floating window of the alarm clock application, the floating window of the contact application, and the floating window of the note application to Figure 6B The position shown is displayed.

[0252] like Fig.6D As shown, the user interface 409 includes but is not limited to: desktop background, floating window of alarm clock application, floating window 3161 of note application and floating window 3171 of contact application. In one implementation, the electronic device 100 maintains the current display state / form for the floating window already displayed in the display area of ​​the layout in response to the slide cancellation operation, that is, the electronic device 100 displays the floating window of the alarm clock application in the task area 4172. Optionally, for the floating window to be selected, the electronic device 100 is in the original position (i.e. Figure 6B The floating window 3161 of the note application and the floating window 3171 of the contact application are displayed in the task area 4172 (the position shown). Exemplarily, the floating window of the alarm application displayed in the task area 4172, the floating window 3161 of the note application returned to the original position, and the floating window of the contact application are suspended and displayed on the upper layer of the desktop background. Another exemplary embodiment is that the floating window of the alarm application displayed in the task area 4172 is displayed on the upper layer of the floating window 3161 of the note application and the floating window of the contact application returned to the original position. Optionally, the floating window of the alarm application displayed on the upper layer may cover the floating window 3161 of the note application and the floating window of the contact application displayed on the lower layer.

[0253] Optionally, in Fig.6D In the user interface 409 shown, the electronic device 100 receives a sliding operation along the bottom edge of the screen, and the electronic device 100 can switch from the user interface 409 to display a previous user interface, for example, switching to display Figure 6B User interface 406 is shown.

[0254] Next, an electronic device is introduced to switch from an application interface to a user interface displaying a floating window in response to a sliding operation along the bottom edge of the screen in a multi-tasking scheduling mode. 7A to 7E This is a schematic diagram of an interface for quickly switching applications in a multi-tasking scheduling mode provided in an embodiment of the present application.

[0255] like Fig. 7A The user interface 500 shown, in the multi-task scheduling mode, includes but is not limited to: desktop background, multi-task scheduling interface 5010, second taskbar 232 and status bar, etc. Exemplarily, the multi-task scheduling interface 5010 includes a first floating window 5011 and a second floating window 5012, and does not include a first category of icons. Optionally, the first floating window 5011 and the second floating window 5012 are suspended and displayed on the upper layer of the desktop background, and there is a gap between the first floating window 5011 and the second floating window 5012, or the first floating window 5011 and the second floating window 5012 have gaps at the boundaries of the display screen respectively. Optionally, the desktop background can be displayed through the gap, or the user can see the desktop background through the gap. In one implementation, the first floating window 5011 and the second floating window 5012 are displayed above the desktop background side by side and without overlapping, or the first floating window 5011 and the second floating window 5012 can be displayed above the desktop background in an overlapping manner. Optionally, the user interface 500 may also include a floating ball ( Fig. 7A (not shown), illustratively, the floating ball of the application is displayed floating above the desktop background or above the first floating window 5011 or above the second floating window 5012.

[0256] In one implementation, the electronic device 100 receives and responds to a sliding operation 510 along the bottom edge of the screen, which can trigger a switch from the currently displayed multitasking scheduling interface 5010 to the previous display interface. The "previous display interface" can be understood as the interface displayed by the electronic device 100 before the multitasking scheduling interface 5010 is displayed.

[0257] like Figure 7B As shown, the sliding operation 510 along the bottom edge of the screen is detected as a moving operation from left to right after falling via the touch sensor of the electronic device 100. It can be understood that "moving operation from left to right after falling" refers to the touch Figure 7B The operation of moving the finger from left to right horizontally without lifting the finger after sliding 510 along the bottom edge of the screen. For example, the electronic device 100 displays the user interface 501 in response to the sliding operation 510 along the bottom edge of the screen. Optionally, the user interface 501 includes but is not limited to: desktop background, switching effect 511, second taskbar 232 and status bar, etc. The switching effect 511 and second taskbar 232 are displayed on the upper layer of the desktop background. For example, from Figure 7B It can be seen that the switching animation 511 includes but is not limited to: a first window 5111 and a second window 5112, there is a gap between the first window 5111 and the second window 5112, or there is a gap between the first window 5111 and the second window 5112 and the boundary of the display screen. Optionally, the desktop background can be displayed through the gap, or the user can see the displayed desktop background through the gap.

[0258] For example, Figure 7B As shown, the first window 5111 includes Fig. 7A The thumbnail of the multi-task scheduling interface 5010 shown or Fig. 7A The card corresponding to the floating window of the alarm clock application and the card corresponding to the floating window of the note application are shown. In one implementation, the first window 5111 includes Fig. 7A The content displayed in the multi-task scheduling interface 5010 shown, for example, the first window 5111 includes Fig. 7A The card 5211 corresponding to the first floating window 5011 and Fig. 7A The card 5311 corresponding to the second floating window 5012 shown. In another example, the second window 5112 includes a thumbnail corresponding to the application running in the background. For example, the second window 5112 includes a thumbnail 5212 corresponding to the floating window of the alarm clock application. Optionally, the electronic device 100 responds to the sliding operation 510 along the bottom edge of the screen to display the switching effect 511 of the first window 5111 exiting the display and the second window 5112 entering the display area. Exemplarily, the switching effect 511 includes but is not limited to Fig. 7A The multitasking scheduling interface 5010 shown is reduced to a first window 5111, and the first window 5111 exits the display area to the right with an exit animation (also referred to as a follow-up animation), and displays a second window 5112, and the second window 5112 displays an entry animation of the application interface in the display area to the right (also referred to as a release animation). Optionally, the electronic device 100 can trigger the display of the entry animation in response to a hand-raising operation after a sliding operation 510 along the bottom edge of the screen.

[0259] Optionally, the switching effect 511 during the switching process is drawn by the desktop application, so the electronic device 100 responds to the sliding operation 510 along the bottom edge of the screen and can set the desktop application to run in the foreground, so that the switching effect 511 is drawn by the desktop application and displayed on the display. When the operating object is lifted from the display screen of the electronic device 100, for example, when the finger leaves the display screen, the electronic device 100 responds to the lifting operation in the sliding operation 510 along the bottom edge of the screen, and ends the display of the release effect. When it is determined that the interface to be switched to includes a floating window, the desktop application can be run in the foreground, and the floating window application (for example, starting the alarm clock application) can be set to run in the foreground, and then the alarm clock application corresponding to the second window 5112 running in the foreground can be displayed. Figure 7C User interface 502 is shown.

[0260] like Figure 7C As shown, the user interface 502 includes but is not limited to: desktop background, multi-task scheduling interface 512, second task bar 232 and status bar, etc. Exemplarily, the multi-task scheduling interface 512 includes a floating window 5121 of the alarm clock application, and the floating window 5121 and the second task bar 232 are displayed on the upper layer of the desktop background.

[0261] In one implementation, if Fig. 7A The user interface 500 shown also includes a hover ball ( Fig. 7A The floating ball is not shown. In the user interface 500, the electronic device responds to the sliding operation 510 along the bottom edge of the screen, and displays Figure 7C The user interface 502 shown may include a hover ball ( Figure 7C The suspended ball is not shown).

[0262] It should be noted that the sliding sequence in the sliding operation along the bottom edge of the screen includes sliding from left to right and sliding from right to left, and the present application does not impose any restrictions on the switching sequence. It is understandable that when the sliding operation is sliding from right to left, the switching animation 511 includes but is not limited to Fig. 7A The multitasking scheduling interface 5010 shown is reduced to a first window 5111, which exits the display area to the left with an exit animation (also called a follow-up animation), and displays a second window 5112, which displays an entry animation of the application interface in the display area to the left with a release animation.

[0263] For example, in Figure 7C In the user interface shown, the desktop application is set to run in the foreground, so the electronic device 100 can display the desktop background through the desktop application. Therefore, the floating window 5121 and the second taskbar 232 can be displayed in a floating manner on the upper layer of the desktop background. The desktop background can be displayed in the display area not covered by the floating window 5121, so there will be no "black screen phenomenon", thereby improving the user experience.

[0264] In one possible implementation, Figure 7C The floating window 5121 shown includes but is not limited to: a full-screen display control 3141A. Optionally, the electronic device 100 receives a click operation on the full-screen display control 3141A, and in response to the operation, may display Fig.7D The user interface 503 is shown. Fig.7D It can be seen that the user interface 503 includes but is not limited to the full screen display interface 513 of the alarm clock application and the second task bar 232. Optionally, in the multi-tasking scheduling mode, the electronic device 100 can enlarge the floating window of the application to full screen display in response to the user operation, that is, enlarge the floating window to the full screen display interface.

[0265] In one possible implementation, the electronic device 100 receives a sliding operation along the bottom edge of the screen. Optionally, the operation is a continuous switching operation. In response to the operation, the current display interface (for example, user interface 503) can be continuously switched to the previous display interface.

[0266] In one implementation, see FIG. 7D to FIG. 7F , the electronic device 100 receives the Fig.7D The sliding operation 520 along the bottom edge of the screen of the user interface 503 shown in FIG. 5 can switch the current display interface from the user interface 503 to the previous display interface in response to the sliding operation 520. Fig. 7E Optionally, during the switching process, the electronic device 100 may display a switching animation (not shown) related to the user interface 503 and the user interface 504. Optionally, the sliding operation 520 along the bottom edge of the screen may continue to act on the electronic device 100. Exemplarily, the electronic device 100 responds to the sliding operation 520 along the bottom edge of the screen from the display Fig.7D The user interface 503 shown switches to display Fig. 7E The user interface 504 shown in the figure includes but is not limited to the desktop background, the multi-task scheduling interface 5041, the second task bar 232 and the status bar, etc. The multi-task scheduling interface 5041 includes the floating window 5012 of the note application and the floating window 5011 of the alarm application, and does not include the first category of icons. Optionally, the floating window 5012 of the note application and the floating window 5011 of the alarm application are displayed floating on the desktop background. Optionally, if the sliding operation 520 along the bottom edge of the screen continues to act on the electronic device, the electronic device 100 can continue to switch from Fig. 7E The user interface 504 is shown switched to display Figure 7F The user interface 505 shown includes but is not limited to the desktop background, the multi-task scheduling interface 515, the second task bar 232 and the status bar, etc. The multi-task scheduling interface 515 includes a floating window 5151 of the alarm clock application and a floating window 5152 of the note application corresponding to the quick layout, etc. The floating window 5151 of the alarm clock application and the floating window 5152 of the note application are suspended and displayed above the desktop background. It can be understood that because the sliding operation 520 along the bottom edge of the screen continues to act on the electronic device, the electronic device 100 displays the user interface 504 for a short time after responding to the operation. The phenomenon of switching to display the user interface 505 after a short display time provides the user with a continuous and fast switching effect. Optionally, a switching effect can be displayed during the continuous switching process, such as displaying the switching effect corresponding to the user interface 503 and the user interface 504, and the switching effect corresponding to the user interface 504 and the user interface 505.

[0267] In another implementation, see Fig.7D , Figure 7G and Figure 7F , the electronic device 100 receives the Fig.7D The user interface 503 shown in FIG. 5 is slid along the bottom edge of the screen. In response to the slid operation 520, a Figure 7G The user interface 506 shown includes but is not limited to: desktop background, switching effect 514, second taskbar 232 and status bar, etc. The switching effect 514 is displayed on the upper layer of the desktop background. The switching effect 514 includes but is not limited to the first window 5141, the second window 5142 and the third window 5143. Optionally, there are gaps between the first window 5141, the second window 5142 and the third window 5143, and the desktop background can be displayed through the gaps, or the user can see the desktop background through the gaps.

[0268] Optionally, the first window 5141, the second window 5142 and the third window 5143 are all or partially displayed in the upper layer of the desktop background in order from left to right, which is used to indicate the degree of proximity between the time of the display content included in each window and the current display time. For example, the time of the display content included in the first window 5141 is closest to the current display time, the time of the display content included in the second window 5142 is second closest to the current display time, and the time of the display content included in the third window 5143 is farthest from the current display time. Exemplarily, in response to a sliding operation 520 along the bottom edge of the screen, the electronic device 100 displays the switching effects of the first window 5141 exiting the display area, the second window 5142 entering the display area and then exiting the display area, and the third window 5143 entering the display area. Optionally, the switching effects include but are not limited to: Fig.7D The user interface 503 shown is reduced to a first window 5141, which has an exit animation for exiting the display area to the right, and a second window 5142 is displayed, which has an exit animation for exiting the display area to the right, and a third window 5143 is displayed, which has an entry animation for displaying the application interface in the display area to the right.

[0269] It is understandable that the switching animation 514 in the switching process is drawn by the desktop application, so the electronic device 100 responds to the sliding operation 520 along the bottom edge of the screen and can set the desktop application to run in the foreground, so that the switching animation 514 is drawn by the desktop application and displayed on the display screen. When the operating object is lifted from the display screen of the electronic device 100, that is, when the finger leaves the display screen, the electronic device 100 responds to the lifting operation in the sliding operation 520 along the bottom edge of the screen. If it is determined that the interface to be switched includes a floating window, the desktop application can continue to run in the foreground, and the application corresponding to the floating window is set from running in the background to running in the foreground. The electronic device runs the alarm clock application and the note application corresponding to the third window 5143 in the foreground, thereby displaying Figure 7F User interface 505 is shown.

[0270] For example, in Figure 7F In the user interface shown, the desktop application runs in the foreground, so the electronic device 100 can display the desktop background through the desktop application, and the floating window 5151, the floating window 5152 and the second taskbar 232 can be displayed floating on the desktop background. The area in the display area that is not covered by the floating window 5151, the floating window 5152 and the second taskbar 232 can display the desktop background, so there will be no "black screen phenomenon", thereby improving the user experience.

[0271] After introducing the user interface related to interface switching displayed by the electronic device 100 provided in the embodiment of the present application, the software architecture of the electronic device 100 provided in the embodiment of the present application is introduced next.

[0272] The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. For example, the software system of the layered architecture can be an Android system, or a Harmony operating system (OS), or other software systems, or a system constructed by the above-mentioned multiple software systems. The embodiment of the present application takes the Android system of the layered architecture as an example to illustrate the software structure of the electronic device 100.

[0273] Figure 8 A schematic diagram of a software architecture of an electronic device 100 is exemplarily shown.

[0274] The layered architecture divides the software into several layers, each with clear roles and division of labor. The layers communicate with each other through software interfaces. In one embodiment, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system library, and the kernel layer.

[0275] The application layer may include a series of application packages.

[0276] like Figure 8 As shown, the application package may include desktop, system user interface, information, call, memo, file, video, browser, gallery and other applications. The application in this application may also be replaced by other software such as mini-programs and atomic services.

[0277] Desktop applications include applications running on the system desktop, and the electronic device 100 can interact with the user through the GUI provided by the system user interface. Exemplarily, the desktop application responds to the first part (such as pressing and sliding) of the user's first operation on the electronic device (such as sliding along the bottom edge of the screen) and displays a switching effect; then responds to the second part of the first operation (such as sliding and lifting) to display the floating window of the application, that is, to implement the operation of switching to the floating window.

[0278] System UI refers to the user interface of the operating system. System UI runs as an application and provides the basic GUI for the system, such as the status bar at the top of the screen, the navigation bar at the bottom of the screen, the quick settings bar in the drop-down interface, the notification bar, the lock screen interface, the desktop interface, the volume adjustment dialog box, the screenshot display interface, the power interface, the recent tasks interface (also called the background running window), and other interfaces.

[0279] The application framework layer provides an application programming interface (API) and a programming framework for the applications in the application layer. The application framework layer includes some predefined functions.

[0280] like Figure 8 As shown, the application framework layer may include a window manager service (WMS), content providers (content providers), a view system (view system), a resource manager (resource manager), an input module, a notification manager, etc.

[0281] The window management service is used to manage window programs. The window management service can obtain the display screen size, determine whether it is full screen display, whether it is split screen, whether there is a floating window, status bar, lock screen, screenshot, etc. Among them, the window management service is a service, which can also be called the window management service (window manager service, WMS).

[0282] A window can be understood as an area on a display screen that can display a user interface (UI) and interact with the user. In some embodiments, the window can also hide the user interface (i.e., the operating interface of the software), and quickly display application navigation and function operations to the user when the user needs to operate, or expand the operating interface of the application again according to the triggered instructions. From the perspective of the system, a window is actually a canvas (surface). A display screen can include multiple windows, and the layout and order of these multiple windows and window animations are managed by the window management service WMS. Among them, the windows are layered, and the larger windows will be displayed on top of the smaller windows, blocking the smaller windows, for example, the floating window is always displayed on the top layer.

[0283] Content providers are used to store and retrieve data and make it accessible to the window management service. This data can include files, folders, text, videos, pictures, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0284] The view system includes visual controls, such as text controls for displaying text, image controls for displaying images, etc. The view system can be used to build applications. A display interface can be composed of one or more views. For example, a display interface including a text notification icon can include a view for displaying text and a view for displaying images.

[0285] The resource manager provides various resources for the application, such as localized strings, icons, images, layout files, video files, and so on.

[0286] The input module is used to obtain the original input event corresponding to the touch operation from the kernel layer (including touch coordinates, timestamp of the touch operation and other information) and identify the control corresponding to the input event.

[0287] The notification manager enables the application to display notification information in the status bar, which can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction. For example, the notification manager is used to notify the completion of downloads, message reminders, etc. The notification manager can also be a notification that appears in the top status bar of the system in the form of a chart or scroll bar text, such as a notification of an application running in the background, or a notification that appears on the screen in the form of a dialog window. For example, a text message is prompted in the status bar, a prompt sound is emitted, the electronic device 100 vibrates, an indicator light flashes, etc.

[0288] Android Runtime includes core libraries and virtual machines. Android runtime is responsible for scheduling and management of the Android system.

[0289] The core library consists of two parts: one part is the function that needs to be called by the Java language, and the other part is the Android core library.

[0290] The application layer and the application framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.

[0291] The system library may include multiple functional modules, such as surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), rendering module, etc.

[0292] The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications.

[0293] The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0294] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, and layer processing.

[0295] A 2D graphics engine is a drawing engine for 2D drawings.

[0296] The rendering module can be used to draw and render images on the drag window of the first object. For example, when the first object is text or a file, the shadow and back panel of the drag window of the text or file are drawn and rendered. For example, when the first object is a picture, the shadow of the drag window of the picture is drawn and rendered.

[0297] The kernel layer is the layer between hardware and software. The kernel layer contains at least display driver, camera driver, audio driver, and sensor driver.

[0298] The following is an example of the workflow of the software and hardware of the electronic device 100 by combining the display of the drag window scenario.

[0299] Assume that the display screen 194 displays the window of the information application. When the touch sensor 180K receives a touch operation, the corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into an original input event (including touch coordinates, timestamp of the touch operation, and other information). The original input event is stored in the kernel layer. The application framework layer obtains the original input event from the kernel layer and identifies the object corresponding to the input event. Taking the touch operation as a sliding operation along the bottom edge of the screen as an example, the desktop application calls the system user interface to display the quick-cut animation effect. After the quick-cut animation effect ends, it is determined that the operation object corresponding to the sliding operation along the bottom edge of the screen includes the application interface of the second application as a floating window, and the desktop application is set to run in the foreground. Then the desktop application calls the interface of the application framework layer to report the event to the window management service. The window management service sets the window state of the application interface (such as the floating window state) as well as the window position and size, and draws the floating window. Then, by calling the kernel layer to control the display driver, the floating window is displayed on the upper layer of the desktop application through the display screen 194.

[0300] exist Figure 8 Based on the electronic device software architecture shown in FIG, the interface switching method provided by the present application is described below in conjunction with a specific embodiment. Fig. 9 , Fig. 9 A schematic diagram of the timing interaction of an interface switching method provided by an embodiment of the present application is shown. The method may include the following steps:

[0301] S701. The desktop application registers a listener with the window management service.

[0302] Optionally, the desktop application can register a listener with the window management service through the Registerlistener() function. The listener can also be called a subscriber. For example, after registering the listener, when the window management service monitors a touch event, it can transmit the touch event to the desktop application.

[0303] S702. The input module obtains a press event and a move event.

[0304] Optionally, the electronic device runs a first application in the foreground and runs at least one second application in the background. The application interface of the second application running in the background before being in the background state is a floating window in the multi-tasking scheduling mode. For example, the first application includes Fig. 7A The alarm clock application and the note application shown, the second application includes Figure 7C The Alarm Clock app shown.

[0305] It should be noted that the first application and the second application are only used to distinguish between applications running on the electronic device but in the foreground and background respectively, and are not limited to any particular application.

[0306] Exemplarily, when the electronic device displays the application interface of the first application, after the input module obtains the pressing operation and the moving operation in the first user operation, it can generate a pressing event and at least one moving event in response to the pressing operation and the moving operation. The pressing event includes the coordinates and the falling time of the first fall, etc., and the at least one moving event includes the moving direction, moving trajectory, moving angle, moving time, etc.

[0307] S703. The input module transmits the press event and the move event to the window management service.

[0308] Exemplarily, the input module transmits a press event and a move event to the window management service in sequence in response to the first user operation. Optionally, the input module may continuously transmit the move event to the window management service.

[0309] S704. The window management service transmits the press event and the move event to the desktop application.

[0310] Exemplarily, the desktop application has a listener registered in the window management service, so when the window management service listens to a touch operation (for example, a first user operation), a press event and a move event may be transmitted to the desktop application.

[0311] S705. After receiving the press event and the move event, the desktop application draws a first animation in response to the press event and the move event.

[0312] Exemplarily, after receiving a press event and a move event, the desktop application can determine whether the first user operation is used to quickly switch applications based on the press event and the move event, that is, the desktop application can determine whether the touch area corresponding to the first user operation is the bottom edge area of ​​the screen based on the data carried by the press event and the move event, and determine whether the first user operation is a sliding operation. When it is determined that the first user operation is a sliding operation at the bottom edge of the screen, it is determined that the operation is used to quickly switch applications, and a first animation can be drawn and displayed through the display screen. Exemplarily, the first animation includes but is not limited to an exit animation in which the application interface of the first application is reduced to the first window during the switching process, and the first window exits the display area to the right, which can also be called a hand tracking effect.

[0313] For example, the electronic device can determine the recently accessed activity and task based on the recently used application list (RecentsActivity), and then determine the content displayed in the most recent first window. For example, the desktop application is running in the foreground, and the desktop application draws and displays the first animation in the switching effect on the display screen, for example Figure 7B The switching effect 511 shown includes Fig. 7A The multitasking scheduling interface 5010 shown is reduced to the first window 5111, and the first window 5111 exits the display area from the right side. For example, the desktop application can monitor the start, end, repeat and cancel events of the animation through Animation, and optionally call onAnimationStart() when the first animation starts.

[0314] It should be noted that the changing direction of the window is related to the sliding direction corresponding to the first user operation. If the sliding direction corresponding to the first user operation is from left to right, the window exits the display area to the right; if the sliding direction corresponding to the first user operation is from left to left, the window exits the display area to the left.

[0315] S706. The input module obtains a lift event.

[0316] Exemplarily, in the process of quickly switching applications, when the user slides his finger horizontally to a certain distance, the user lifts his finger from the display screen or keeps it still on the display screen, so as to achieve quick switching of applications. If the user lifts his finger from the display screen, after the input manager receives the lift operation in the first user operation, it can generate a lift event in response to the lift operation in the first user operation, and the lift operation includes the coordinates of the lift and the corresponding time. If the user's finger remains still on the display screen, after the input manager receives the hold operation in the first user operation, it can generate a hold event in response to the hold operation in the first user operation, and the hold event includes the coordinates of the hold and the corresponding time.

[0317] S707. The input module transmits the lift event to the window management service.

[0318] In one implementation, the input manager passes the hold event to the window management service.

[0319] S708. The window management service transmits the lift event to the desktop application.

[0320] In one implementation, the window management service delivers a hold event to the desktop application.

[0321] S709. After receiving the lift event, the desktop application draws a second animation according to one or more of the press event, the lift event, and the move event.

[0322] Exemplarily, after receiving a lift event or a hold event, the desktop application can draw and render the second animation when it determines that the first user operation meets the preset conditions based on the data carried by the press event, the move event, and the lift event or the hold event. Exemplarily, the second animation includes but is not limited to the exit animation of the application interface of the first application shrinking to the first window during the switching process, and the first window exiting the display area to the right direction, which can also be called a hand tracking effect.

[0323] Optionally, in order to provide the user with a smooth transition switching effect, during the process of switching to the application interface displaying the second application, the electronic device may display the second animation in the switching effect, for example: Figure 7B As shown in the displayed second window 5112, the second window 5112 displays the entry animation of the application interface in the display area to the right, which can also be called a tracking animation.

[0324] Furthermore, the second animation can be a smooth transition effect based on transition. The desktop application starts the transition through startTransition(), and then executes the composite animation (mergeAnimation) in the onTransitionReady() callback, so as to merge the second animation into the first animation in the switching effect, providing the user with a smooth transition effect.

[0325] Exemplarily, the manner of determining whether the first user operation satisfies the preset condition includes the following:

[0326] In method 1, the desktop application can determine the lateral movement displacement of the first user operation in the preset area according to the press event, move event, lift event or hold event, and when the desktop application determines that the lateral movement displacement exceeds the preset displacement, the first user operation meets the preset condition. The preset displacement can be one third or one half of the horizontal width of the display screen.

[0327] Method 2: The desktop application can determine the lateral movement displacement and longitudinal movement displacement of the first user operation within a preset area based on a press event, a move event, a lift event, or a hold event. When the desktop application determines that the ratio of the lateral movement displacement to the longitudinal movement displacement is greater than a preset threshold, or when the lateral movement displacement is greater than the longitudinal movement displacement, the first user operation meets the preset conditions.

[0328] Method three, the desktop application can determine the lateral movement speed of the first user operation within the preset area based on the press event, move event, lift event or hold event. When the desktop application determines that the lateral movement speed is greater than the preset speed, the first user operation meets the preset conditions.

[0329] It should be noted that when the first user operation satisfies any one of the first, second and third methods, it can be determined that the first user operation satisfies the preset adjustment, and the electronic device can draw the second animation in the switching effect.

[0330] S710. After the second animation display ends, the desktop application sets the second application to run in the foreground.

[0331] Exemplarily, the desktop application calls the setState(STATE_START_NEW_TASK) method to set the state of the task of starting the second application, and then uses startNewTask() to start the task, thereby setting the second application to run in the foreground.

[0332] S711. The desktop application sends a first display request to the system user interface.

[0333] Exemplarily, a desktop application may call showdesktopApps() to send a first display request to the system user interface. Optionally, the first display request is used to request display of the application interface of the second application, and the first display request carries the interface identifier (such as panell ID) and interface attributes of the second application. The interface identifier is used to indicate the operating environment of the second application. If an interface identifier is carried, it means that the second application is running in a multi-tasking scheduling mode; if no interface identifier is carried, it means that the second application is running in a non-multi-tasking scheduling mode. The interface attributes are used to indicate the window type of the application interface of the second application (such as a floating window, a full-screen display interface, a split-screen interface, etc.).

[0334] S712. The system user interface responds to the first display request and determines whether the application interface belongs to the first type.

[0335] Among them, the first type refers to a window or application interface that is always displayed on top of other windows, including but not limited to floating windows, navigation bars, task bars, system notification windows, etc.

[0336] For example, the system user interface can execute finish() to end the mergeAnimation. Before ending the mergeAnimation, the system user interface can determine whether the application interface of the second application is of the first type according to the interface attribute carried in the first display request. If the interface attribute indicates that the application interface of the second application is a floating window, it is determined that the application interface of the second application is of the first type, and step S713 is executed. If it is determined that the application interface of the second application is not of the first type, step S719 is executed.

[0337] S713. The system user interface determines whether it is in multi-task scheduling mode.

[0338] Specifically, when it is determined that the application interface of the second application belongs to the first type, the system user interface determines whether the running environment of the second application is in the multi-task scheduling mode.

[0339] Exemplarily, the system user interface can determine whether the second application is running in the multi-tasking scheduling mode based on whether the first display request carries an interface identifier. If it carries an interface identifier, it is determined that the second application is running in the multi-tasking scheduling mode, and toHome=true is set to execute step S714; if it does not carry an interface identifier, it is determined that the second application is not running in the multi-tasking scheduling mode, and toHome=false is set to execute step S715.

[0340] S714. The system user interface runs a desktop application in the foreground.

[0341] Optionally, the system user interface sets the desktop application to run in the foreground. Exemplarily, the system user interface can determine that the desktop needs to be pulled to the foreground based on the parameter toHome=true, so the desktop application can continue to run in the foreground, thereby displaying the desktop background corresponding to the desktop application in the foreground.

[0342] Optionally, the desktop application runs in the foreground, so the desktop application can display the desktop background on the display screen, and the application interface is always displayed as a window on the top layer, so the application interface corresponding to the second application is displayed on the upper layer of the desktop background. Figure 7C In the user interface 502 shown, a floating window 5121 is displayed on the desktop background.

[0343] The application interface mentioned in the embodiments of the present application refers to the current interface of the application or the interface before switching display, and is not limited to a specific interface. For example, the application interface of the second application may refer to the application interface when the second application is switched to the foreground display, or the application interface of the second application may also refer to the application interface when the second application is set to run in the background.

[0344] For example, when the electronic device sets the second application from running in the foreground to running in the background, the second application displays a login page. When the electronic device responds to the first user operation and sets the second application from running in the background to running in the foreground, the second application may have completed the login and entered the application home page. Therefore, when the electronic device displays the application interface of the second application in the foreground in response to the first user operation, it may display a login page or an application home page, and this application does not impose any restrictions on this.

[0345] S715. The system user interface runs desktop applications in the background.

[0346] Exemplarily, when it is determined that the application interface does not belong to the first type, the system user interface switches the desktop application from foreground operation to background operation, that is, the desktop application does not display any content on the display screen.

[0347] For example, when it is determined that the application interface belongs to the first type but the second application is not running in the multi-tasking scheduling mode, because a scenario of switching to a floating window will appear in the multi-tasking scheduling mode, if the second application is not running in the multi-tasking scheduling mode, the desktop application will be switched from the foreground to the background and then the second application will be switched to the foreground to run.

[0348] See also Fig.10 , Fig.10 : is a flowchart of an interface switching method provided in an embodiment of the present application, the method includes but is not limited to the following steps:

[0349] Step S801: At a first moment, display a first interface.

[0350] The first interface includes a window of the first application, and when the first interface is displayed, the desktop application is run in the background. Optionally, the window of the first application includes but is not limited to: a floating window of the first application, a full-screen display interface of the first application, and a floating ball of the first application.

[0351] Exemplarily, the first interface is Fig. 7A The user interface 500 is shown. For example, the first interface is Fig.7D The user interface 503 shown. For example, the first interface is Fig. 7E User interface 504 is shown.

[0352] In a possible implementation, before displaying the first interface, the electronic device displays a third interface, wherein the third interface includes a first function icon in a first state; after operating the first function icon in the first state, the fourth interface is displayed, wherein the fourth interface includes an icon of at least one application and the first function icon in a second state; in response to a click operation on a second application in the fourth interface, the second interface is displayed. Exemplarily, the third interface is Figure 2A In the user interface 200 shown in FIG. 1 , the first function icon in the first state includes Figure 2A The multi-task scheduling icon 231A shown. Figure 4B In the user interface 301 shown in FIG. 1 , the first function icon in the second state includes Figure 4B As shown in the multi-tasking scheduling icon 231A, the second application includes Figure 4B The alarm clock application shown in the second interface is Figure 4E User interface 303 is shown.

[0353] In one implementation, the third interface includes a first taskbar, the first taskbar includes a first function icon in a first state; the fourth interface includes a second taskbar, the second taskbar includes the first function icon in a second state. Figure 2A The first task bar 231 is shown. The second task bar includes Figure 4B The second task bar 232 is shown.

[0354] In one implementation, in the fourth interface, the icon of at least one application includes at least one first-category icon and at least one second-category icon; the second interface includes at least one application icon, and the icon of at least one application in the second interface includes at least one second-category icon and does not include at least one first-category icon. Exemplarily, the description of the first-category icon and the second-category icon can be referred to above. Figure 4B and Figure 4E , I will not go into details this time.

[0355] In a possible implementation, after displaying the second interface, the electronic device displays a fifth interface based on a drag operation on the icon of the third application in the second taskbar, wherein the fifth interface includes a floating window of the second application and a floating window of the third application. Figure 4E The note application icon 231E shown, the fifth interface is Figure 4F The user interface 304 shown. For instructions on dragging the note application icon 231E, please refer to Figure 4D The relevant description of dragging the alarm application icon 231B is shown.

[0356] In a possible implementation, after displaying the fourth interface, the electronic device displays a seventh interface in response to an operation on the first function icon in the second state, wherein the seventh interface includes a window of the second application, the seventh interface does not include a desktop wallpaper, and during the display of the seventh interface, the desktop application is run in the background. Exemplarily, the seventh interface includes Figure 3A As shown in the user interface 201, the second application includes Figure 3A The alarm clock application shown, the window of the second application includes Figure 3A The full screen display interface shown.

[0357] In one implementation, after displaying the seventh interface, in response to the second operation, a second switching animation is displayed, wherein during the display of the second switching animation, the desktop application is run in the foreground; after displaying the second switching animation, an eighth interface is displayed, wherein the eighth interface includes a window of the fourth application, and during the display of the eighth interface, the desktop application is run in the background. Exemplarily, the second switching animation includes Figure 3B The switching effect 122 shown, the eighth interface is Figure 3C In the user interface 101 shown, the window of the fourth application includes Figure 3C The full-screen display interface of the gallery application is shown.

[0358] In a possible implementation, the fourth interface further includes a second function icon. After the second function icon is operated, the electronic device displays a layout window in the fourth interface, wherein the layout window layout includes thumbnails of at least one layout; in response to a click operation on the thumbnail of the first layout, a ninth interface is displayed, wherein the ninth interface includes at least one task area corresponding to the first layout, and the first layout is one of the at least one layout. Exemplarily, the second function icon includes Figure 4B The quick layout icon 231C shown in the figure shows a layout window. Figure 5A In the quick layout window 410 shown, at least one layout thumbnail includes Figure 5A The left and right layouts 410A, 410B, 410C, 410D, 410F, and 410E shown in FIG. 1 are as follows: Figure 5A The ninth interface of the layout 410C shown is Figure 5B The user interface 401 shown in the figure has at least one task area including Figure 5B Task area 4111, task area 4112 and task area 4113 are shown.

[0359] In one implementation, the electronic device displays a floating window of the fourth application in a first task area in the ninth interface in response to a click operation on the fourth application in the ninth interface, wherein the first task area is one of the at least one task area. Figure 5B The alarm clock application icon 231B shown in the figure has a first task area. Figure 5D Task area 4111 is shown.

[0360] In one implementation, in response to a drag operation on the fifth application in the ninth interface, the electronic device displays a floating window of the fifth application in the second task area in the ninth interface, wherein the position of the second task area in the display screen includes a position corresponding to the drag operation. Figure 5D The note application icon 231E shown in the figure has a second task area. Figure 5E The task area 4112 shown. For the description of dragging the note application icon 231E, please refer to Figure 5C The description of dragging the note application icon 231B shown will not be repeated here.

[0361] In one possible implementation, a tenth interface is displayed, the tenth interface including a second function icon and a floating window of at least one application; after operating the second function icon, a layout window is displayed in the tenth interface, wherein the layout window includes a thumbnail of at least one layout; in response to a click operation on a thumbnail of a second layout in at least one layout, when the number of task areas corresponding to the second layout is less than the number of floating windows of at least one application, an eleventh interface is displayed, wherein the eleventh interface includes cards of a first category of applications and floating windows of a second category of applications, the cards of the first category of applications are displayed in the first task area, the floating windows of the second category of applications are displayed in other task areas except the first task area, one of the other task areas includes a floating window of a second category of applications, and the first category of applications and the second category of applications belong to at least one application. Exemplarily, the tenth interface is Fig. 6A The user interface 406 shown in the figure includes at least one floating window of an application. Fig. 6A The floating window 3171 of the contact application, the floating window 3141 of the alarm application, and the floating window 3161 of the note application are shown, and the second function icon includes Fig. 6A The quick layout icon 231C shown in the figure shows a layout window. Figure 6B The quick layout window 410 shown in FIG. 4 shows a second layout. Figure 6B The layout 410A shown, the eleventh interface is Figure 6C User interface 408 is shown.

[0362] In one implementation, in the eleventh interface, after receiving the third operation, the interface is not switched and the eleventh interface is displayed. Exemplarily, the third operation includes Figure 6C A sliding operation 121 along the bottom edge of the screen is shown.

[0363] In a possible implementation, the fourth interface further includes a first folder, the first folder includes at least one application icon, and the electronic device displays a display window of the first folder in response to a click operation on the first folder, wherein in the display window of the first folder, the at least one application icon includes a first category icon. Exemplarily, the first folder includes Figure 4B The folder 231D shown in the figure has a display window of the first folder. Figure 4C Application window 321 is shown.

[0364] Step S802: After the first moment, in response to the first operation, display a first switching animation.

[0365] In one implementation, before displaying the first switching animation, based on the first operation, the desktop application is set to run in the foreground. Optionally, the first operation includes a sliding operation along the bottom edge of the screen. Before displaying the first switching animation, the electronic device receives the first operation, and in response to the lift event and the move event corresponding to the first operation, sets the desktop application to run in the foreground, and the desktop application draws the first switching animation. For a detailed description of step S802, please refer to Fig. 9 S702 to S709 shown are not described again in detail.

[0366] Exemplarily, the first switching animation includes a first window and a second window, and the desktop wallpaper can be displayed through a first area, wherein the first area includes an area of ​​the display area of ​​the display screen that is not covered by the first window and the second window. Exemplarily, the first switching animation includes Figure 7B The switching effect 511 shown, the first window is Figure 7B The first window 5111 is shown, and the second window is Figure 7B Second window 5112 is shown.

[0367] In the first switching animation, the first window includes a thumbnail or card of the window of the first application, and the second window includes a thumbnail of the floating window of the second application. Exemplarily, the thumbnail or card of the window of the first application includes: Fig. 7A The first floating window 5011 shown is Figure 7B card 5211 displayed in the user interface 501, and Fig. 7A The second floating window 5012 is shown in Figure 7B In card 5311 in user interface 501, the thumbnail of the floating window of the second application includes the thumbnail of the floating window of the alarm clock application.

[0368] In one implementation, the electronic device switches from the first mode to the second mode based on operating the first function icon in the first state; after displaying the first switching animation, based on the electronic device being in the second mode, the desktop application is not set to run in the background.

[0369] In one implementation, based on operating the first function icon in the second state, the electronic device switches from the second mode to the first mode; before displaying the second switching animation, based on the second operation, the desktop application is set to run in the foreground; after displaying the second switching animation, based on the electronic device being in the first mode, the desktop application is set to run in the background.

[0370] Exemplarily, the first mode includes FIG. 2A to FIG. 2D and FIG. 3A to FIG. 3F The non-multitasking scheduling mode shown, the second mode includes 4A to 4H , FIG. 5A to FIG. 5F , FIG. 6A to FIG. 6D , 7A to 7F The multi-tasking scheduling mode is shown.

[0371] Step S803: After displaying the first switching animation, at a second moment, displaying the second interface.

[0372] The second interface includes a floating window of the second application and a desktop wallpaper. When the second interface is displayed, the desktop application is run in the foreground, and the display area of ​​the floating window of the second application is smaller than the display area of ​​the display screen. Figure 7C The user interface 502 is shown. The second interface is Figure 7F User interface 505 is shown.

[0373] For example, the detailed description of step S803 can be found in Fig. 9 Steps S710 to S715 shown are not repeated here.

[0374] The electronic device in the embodiments of the present application may be a smart screen device, a smart television (television, TV), a mobile phone, a tablet computer, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a personal digital assistant (PDA), a wearable device (such as a smart watch, a smart bracelet), and other devices with display functions. The embodiments of the present application do not impose any special restrictions on the specific form of the electronic device.

[0375] Fig.11 A schematic diagram of the hardware structure of an electronic device 100 provided in an embodiment of the present application is shown.

[0376] It should be understood that Fig.11 The electronic device 100 shown is only an example, and the electronic device 100 may have more Fig.11 More or fewer components may be shown, two or more components may be combined, or there may be a different configuration of components. Fig.11 The various components shown in the EMBODIMENTS 2000 may be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application specific integrated circuits.

[0377] The electronic device 100 may include: a processor 110, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a camera 193, and a display screen 194. The sensor module 180 may include a touch sensor 180K, etc.

[0378] It is to be understood that the structure illustrated in the embodiment of the present invention does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine some components, or separate some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0379] The processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0380] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0381] The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0382] The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.

[0383] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of antennas. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

[0384] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G, etc., applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

[0385] The modem processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be sent into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After the low-frequency baseband signal is processed by the baseband processor, it is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to a speaker 170A, a receiver 170B, etc.), or displays an image or video through a display screen 194. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 110 and be set in the same device as the mobile communication module 150 or other functional modules.

[0386] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the electronic device 100. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, modulates the frequency of the electromagnetic wave signal and performs filtering, and sends the processed signal to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, modulate the frequency of it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

[0387] The electronic device 100 implements the display function through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

[0388] The electronic device 100 can realize the shooting function through the ISP, the camera 193, the video codec, the GPU, the display screen 194 and the application processor, etc. The ISP is used to process the data fed back by the camera 193. The camera 193 is used to capture a still image or a video.

[0389] The electronic device 100 can implement audio functions through an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, and an application processor. The audio module 170 is used to convert digital audio information into an analog audio signal output, and is also used to convert analog audio input into a digital audio signal. The speaker 170A, also known as a "speaker", is used to convert an audio electrical signal into a sound signal. The receiver 170B, also known as a "receiver", is used to convert an audio electrical signal into a sound signal. When the electronic device 100 answers a call or voice message, the voice can be answered by placing the receiver 170B close to the human ear. The microphone 170C, also known as a "microphone" or "microphone", is used to convert a sound signal into an electrical signal. The earphone interface 170D is used to connect a wired headset. The touch sensor 180K is used to detect a touch operation acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In other embodiments, the touch sensor 180K may also be disposed on the surface of the electronic device 100 , at a location different from that of the display screen 194 .

[0390] It should be understood that each step in the above method embodiment provided by the present application can be completed by an integrated logic circuit of hardware in a processor or by instructions in the form of software. The method steps disclosed in the embodiments of the present application can be directly embodied as being executed by a hardware processor, or by a combination of hardware and software modules in a processor.

[0391] The present application also provides an electronic device, which may include: a memory and a processor, wherein the memory may be used to store a computer program; and the processor may be used to call the computer program in the memory so that the electronic device executes the method in any one of the above embodiments.

[0392] The present application also provides a chip system, which includes at least one processor for implementing the functions involved in the method executed by the electronic device in any of the above embodiments.

[0393] In one possible design, the chip system also includes a memory, which is used to store program instructions and data, and the memory is located inside or outside the processor.

[0394] The chip system may be composed of the chip, or may include the chip and other discrete devices.

[0395] Optionally, the processor in the chip system may be one or more. The processor may be implemented by hardware or by software. When implemented by hardware, the processor may be a logic circuit, an integrated circuit, etc. When implemented by software, the processor may be a general-purpose processor implemented by reading software code stored in a memory.

[0396] Optionally, the memory in the chip system may also be one or more. The memory may be integrated with the processor or may be separately arranged with the processor, which is not limited in the embodiments of the present application. Exemplarily, the memory may be a non-transient processor, such as a read-only memory ROM, which may be integrated with the processor on the same chip or may be arranged on different chips respectively. The embodiments of the present application do not specifically limit the type of memory and the arrangement of the memory and the processor.

[0397] Exemplarily, the chip system can be a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), a system on chip (SoC), a central processor unit (CPU), a network processor (NP), a digital signal processor (DSP), a microcontroller unit (MCU), a programmable logic device (PLD) or other integrated chips.

[0398] The present application also provides a computer program product, which includes: a computer program (also referred to as code, or instruction), which enables a computer to execute the method executed by the electronic device in any of the above embodiments when the computer program is executed.

[0399] The present application also provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program (also referred to as code or instruction). When the computer program is executed, the computer executes the method executed by the electronic device in any of the above embodiments.

[0400] The various implementation modes of the present application can be combined arbitrarily to achieve different technical effects.

[0401] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function described in this application is generated in whole or in part. 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 computer-readable storage medium. For example, the computer instructions can be transmitted from a website site, computer, server or data center to another website site, computer, server or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) mode. 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 includes one or more available media integration. The available medium can be a magnetic medium (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state hard disk Solid State Disk), etc.

[0402] Those skilled in the art can understand that to implement all or part of the processes in the above-mentioned embodiments, the processes can be completed by computer programs to instruct related hardware, and the programs can be stored in computer-readable storage media. When the programs are executed, they can include the processes of the above-mentioned method embodiments. The aforementioned storage media include: ROM or random access memory RAM, magnetic disk or optical disk and other media that can store program codes.

[0403] In short, the above description is only an embodiment of the technical solution of the present invention, and is not intended to limit the protection scope of the present invention. Any modification, equivalent replacement, improvement, etc. made according to the disclosure of the present invention shall be included in the protection scope of the present invention.< / canvas> < / video> < / videoview> < / imgview> < / textview>

Claims

1. An interface switching method, characterized in that: Applied to electronic equipment, the method comprises: At a first moment, displaying a first interface, wherein the first interface includes a window of a first application, and when the first interface is displayed, a desktop application is run in the background; After the first moment, in response to a first operation, displaying a first switching animation, wherein during the display of the first switching animation, the desktop application is run in the foreground; After displaying the first switching animation, at a second moment, a second interface is displayed, wherein the second interface includes a floating window of a second application and a desktop wallpaper, wherein, in the process of displaying the second interface, the desktop application is run in the foreground, and a display area of ​​the floating window of the second application is smaller than a display area of ​​the display screen.

2. The method according to claim 1, characterized in that The method further comprises: Before displaying the first switching animation, based on the first operation, the desktop application is set to run in the foreground.

3. The method according to claim 1 or 2, characterized in that: The first switching animation includes a first window and a second window, and the desktop wallpaper can be displayed through a first area, wherein the first area includes an area in the display area of ​​the display screen that is not covered by the first window and the second window.

4. The method according to any one of claims 1 to 3, characterized in that: Before displaying the first interface, the method further includes: Displaying a third interface, wherein the third interface includes a first function icon in a first state; After operating the first function icon in the first state, displaying a fourth interface, wherein the fourth interface includes an icon of at least one application and the first function icon in the second state; In response to a click operation on the second application of the fourth interface, the second interface is displayed.

5. The method according to claim 4, characterized in that The method further comprises: Based on operating the first function icon in the first state, the electronic device switches from the first mode to the second mode; After displaying the first switching animation, based on the electronic device being in the second mode, the desktop application is not set to run in the background.

6. The method according to claim 4 or 5, characterized in that: The third interface includes a first task bar, and the first task bar includes the first function icon in the first state; The fourth interface includes a second task bar, and the second task bar includes the first function icon in the second state.

7. The method according to any one of claims 4 to 6, characterized in that: In the fourth interface, the icon of the at least one application includes at least one first-category icon and at least one second-category icon; The second interface includes an icon of at least one application, and the icon of the at least one application in the second interface includes at least one icon of the second category and does not include at least one icon of the first category.

8. The method according to claim 6 or 7, characterized in that: After displaying the second interface, the method further includes: Based on a drag operation on the icon of the third application on the second taskbar, a fifth interface is displayed, wherein the fifth interface includes a floating window of the second application and a floating window of the third application.

9. The method according to any one of claims 4 to 8, characterized in that: After displaying the fourth interface, the method further includes: In response to the operation of the first function icon in the second state, a seventh interface is displayed, wherein the seventh interface includes a window of the second application, the seventh interface does not include a desktop wallpaper, and during the display of the seventh interface, the desktop application is run in the background.

10. The method according to claim 9, characterized in that The method further comprises: After displaying the seventh interface, in response to a second operation, displaying a second switching animation, wherein during the display of the second switching animation, the desktop application is run in the foreground; After displaying the second switching animation, an eighth interface is displayed, wherein the eighth interface includes a window of a fourth application, and during the display of the eighth interface, the desktop application is run in the background.

11. The method according to claim 10, characterized in that The method further comprises: Based on operating the first function icon in the second state, the electronic device switches from the second mode to the first mode; Before displaying the second switching animation, based on the second operation, setting the desktop application to run in the foreground; After displaying the second switching animation, based on the electronic device being in the first mode, the desktop application is set to run in the background.

12. The method according to any one of claims 4 to 11, characterized in that The fourth interface also includes a second function icon, and the method further includes: After operating the second function icon, displaying a layout window in the fourth interface, wherein the layout window layout includes a thumbnail of at least one layout; In response to a click operation on the thumbnail of the first layout, a ninth interface is displayed, wherein the ninth interface includes at least one task area corresponding to the first layout, and the first layout is one of the at least one layout.

13. The method according to claim 12, characterized in that The method further comprises: In response to a click operation on a fourth application in the ninth interface, a floating window of the fourth application is displayed in a first task area in the ninth interface, wherein the first task area is one of the at least one task area.

14. The method according to claim 13, characterized in that The method further comprises: In response to a drag operation on the fifth application in the ninth interface, a floating window of the fifth application is displayed in a second task area in the ninth interface, wherein a position of the second task area in the display screen includes a position corresponding to the drag operation.

15. The method according to any one of claims 4 to 14, characterized in that The method further comprises: Displaying a tenth interface, wherein the tenth interface includes a second function icon and a floating window of at least one application; After operating the second function icon, displaying a layout window in the tenth interface, wherein the layout window includes a thumbnail of at least one layout; In response to a click operation on a thumbnail of a second layout in the at least one layout, when the number of task areas corresponding to the second layout is less than the number of floating windows of the at least one application, an eleventh interface is displayed, wherein the eleventh interface includes cards of first-category applications and floating windows of second-category applications, the cards of the first-category applications are displayed in a first task area, the floating windows of the second-category applications are displayed in other task areas except the first task area, one of the other task areas includes a floating window of the second-category application, and the first-category applications and the second-category applications belong to the at least one application.

16. The method according to claim 15, characterized in that The method further comprises: In the eleventh interface, after receiving the third operation, the interface is not switched and the eleventh interface is displayed.

17. The method according to any one of claims 4 to 16, characterized in that The fourth interface further includes a first folder, the first folder includes an icon of at least one application, and the method further includes: In response to an operation of clicking the first folder, a display window of the first folder is displayed, wherein in the display window of the first folder, the icons of the at least one application include the first category icons.

18. The method according to any one of claims 3 to 17, characterized in that In the first switching animation, the first window includes a thumbnail or a card of a window of the first application, and the second window includes a thumbnail of a floating window of the second application.

19. The method according to any one of claims 1 to 18, characterized in that The electronic device includes a system user interface, a window management service, and an input module, and after the first moment, in response to a first operation, displaying a first switching animation includes: After the first moment, in response to the first operation, the input module acquires a press event and a move event; The input module transmits the press event and the move event to the window management service; The window management service transmits the press event and the move event to the desktop application; After receiving the press event and the move event, the desktop application draws the first switching animation in response to the press event and the move event being executed in the foreground.

20. The method according to claim 19, characterized in that After displaying the first switching animation, displaying the second interface at a second moment includes: The input module obtains a lift event; The input module transmits the lift event to the window management service; The window management service transmits the lift event to the desktop application; The desktop application draws the first switching animation according to one or more of the pressing event, the moving event and the lifting event; After displaying the second animation, setting the second application to run in the foreground; The desktop application sends a first display request to the system user interface; The system user interface, in response to the first display request, sets the desktop application to run in the foreground according to a preset judgment condition; At the second moment, the system user interface displays a second interface.

21. The method according to claim 20, characterized in that The system user interface sets the desktop application to run in the foreground according to the first display request, including: When the system user interface determines, according to the first display request, that the floating window of the second application is of the first type, the system user interface determines whether the electronic device is in the second mode, wherein the first type includes a type displayed on the top layer; When it is determined that the electronic device is in the second mode, the system user interface sets the desktop application to run in the foreground.

22. An electronic device, characterized in that: The electronic device comprises: one or more processors; a memory; wherein the memory is coupled to the one or more processors, the memory is used to store computer program code, the computer program code comprises computer instructions, and the one or more processors call the computer instructions so that the electronic device executes the method as described in any one of claims 1-21.

23. A computer program product comprising instructions, characterized in that When the computer program product runs on an electronic device, the electronic device is enabled to execute the method according to any one of claims 1 to 21.

24. A computer-readable storage medium comprising instructions, characterized in that: When the instructions are executed on an electronic device, the electronic device is caused to execute the method as claimed in any one of claims 1 to 21.

Images