Multi‑task display method and electronic device

Abstract

The present application provides a multi‑task display method and an electronic device. The method is applied to an electronic device such as a foldable phone and a tablet computer. By implementing the multi-task display method provided in the present application, a user can enter a multi-task mode by means of a multi-task icon. In the multi‑task mode, the user can quickly launch multiple applications. By default, the electronic device displays, by means of floating windows, user interfaces of the applications launched by the user. In this way, the user can browse multiple applications at the same time. After multiple floating windows are opened, the user can also quickly adjust the positions of the floating windows anytime and anywhere by means of a layout icon, thereby avoiding occlusion and improving reading experience.

Description

Multi-task display method and electronic device TECHNICAL FIELD

[0001] The present application relates to the terminal field, and in particular to a multi-task display method and an electronic device. BACKGROUND

[0002] Currently, electronic devices such as tablet computers and folding-screen mobile phones usually support full-screen display of one application or split-screen display of multiple applications in a fixed area. For example, after full-screen display of one application, the user needs to trigger split-screen display by calling up a specific control or through a specific gesture. In the split-screen scenario, if the user wants to continue to increase the split-screen window, the user also needs to select a new application by calling up a specific control or through a specific gesture, and then display the split-screen display content in the fixed area.

[0003] It can be seen that the above interaction process is very cumbersome and is not conducive to the user to quickly open and synchronously browse multiple applications. On the other hand, in the full-screen display and split-screen display scenarios, the user cannot adjust the display content of each area in the screen, which also brings inconvenience to the user to simultaneously browse multiple applications or windows.

[0004] SUMMARY

[0005] The present application provides a multi-task display method and an electronic device.

[0006] In a first aspect, the present application provides a display method applied to an electronic device, the method comprising: displaying a desktop, the desktop comprising a first application icon, a second application icon, and a multi-task icon; in response to a user operation on the first application icon in the desktop while the desktop is being displayed, full-screen displaying a first interface of a first application, the first application corresponding to the first application icon; in response to a first operation on the multi-task icon in the desktop while the desktop is being displayed, displaying a first multi-task interface, the first multi-task interface comprising a layout control, the first application icon, and the second application icon; in response to a user operation on the first application icon in the first multi-task interface, displaying a first floating window in the first multi-task interface, the first floating window comprising a second interface of the first application, the content in the second interface being the same as or different from the content in the first interface; in response to a user operation on the second application icon in the first multi-task interface, displaying a second floating window in the first multi-task interface, the second floating window comprising a user interface of a second application, the second application corresponding to the second application icon; and in response to detecting that the user touches the layout control, arranging the floating windows in the first multi-task interface in a first style, the floating windows in the first multi-task interface comprising the first floating window and the second floating window.

[0007] The method provided by the first aspect can be implemented. A user can enter a multi-task mode through a multi-task icon. In the multi-task mode, an electronic device such as a folding screen mobile phone or a tablet computer displays, by default, a user interface of an application started by the user through a floating window. The user can start multiple applications. Correspondingly, the electronic device can display multiple floating windows in a multi-task interface, and the multiple floating windows are respectively used to display user interfaces of the multiple applications, so that the user can browse the multiple applications simultaneously.

[0008] Then, the user can quickly adjust a display position of the started floating window in the screen through the layout control, so that the floating windows do not intersect with each other, and the user's browsing and reading are not affected.

[0009] In some embodiments, the desktop includes a first dock bar, and the first dock bar includes the first application icon, the second application icon, and the multi-task icon. The first multi-task interface includes a second dock bar, and the second dock bar includes the first application icon, the second application icon, and the layout control.

[0010] In this way, after the first multi-task interface is displayed, the user can directly obtain the first application icon and the second application icon through the displayed dock bar, and then quickly start the first application and the second application through the first application icon and the second application icon.

[0011] In some embodiments, the second dock bar further includes an application set icon. The method further includes: in response to a user operation on the application set icon, displaying an application recommendation interface, and the application recommendation interface includes application icons of multiple applications installed on the electronic device; and in response to a user operation on a third application icon in the multiple application icons, displaying a third floating window in the first multi-task interface, and the third floating window includes a user interface of a third application, and the third application corresponds to the third application icon.

[0012] In this way, when the third floating window is displayed in the first multi-task interface, the first floating window and the second floating window that are started in the first multi-task interface are kept displayed.

[0013] The number of application icons displayed in the dock bar is limited. When an icon of an application that the user wants to start is not in the dock bar, the user can obtain more applications or even all the applications installed on the electronic device through the application set icon and the application recommendation interface. In this way, the user can select any application that the user wants to start.

[0014] In some embodiments, the area outside the first dock bar in the desktop includes application icons of a plurality of applications installed by the electronic device, the area outside the second dock bar in the first multitasking interface includes application icons of the plurality of applications, and the application icons of the plurality of applications include a fourth application icon corresponding to a fourth application. The method further includes: in response to a user operation on the fourth application icon, displaying a fourth floating window in the first multitasking interface, the fourth floating window including a user interface of the fourth application.

[0015] When entering the multitasking interface from the desktop, the electronic device can also continue to display the application icons outside the dock bar in the desktop. At this time, when the icon of the application that the user wants to start is not in the dock bar, the user can also view the application icons in the area outside the dock bar. When the icon of the target application that the user wants to start is displayed in the area outside the dock bar, the user can directly click the icon of the target application to start the target application, without the need to jump to the application recommendation interface through the application set icon, and obtain the target application from the application recommendation interface, which is beneficial to saving user operations.

[0016] In some embodiments, when entering the multitasking interface from the desktop, the electronic device can also clear the application icons outside the dock bar, save power consumption, and avoid conflicts.

[0017] Optionally, when entering the multitasking interface from the desktop, the electronic device can also maintain the wallpaper of the previous desktop as the background image of the multitasking interface. Optionally, the electronic device can also set a new image as the background image of the multitasking interface.

[0018] In some embodiments, after detecting that the user triggers the layout control, the method further includes: displaying a first window, the first window including a first style control for indicating that the arrangement relationship between the N floating windows is a first style; and arranging the floating windows in the first multitasking interface in the first style, specifically including: detecting that the user triggers the first style control, and arranging the floating windows in the first multitasking interface in the first style.

[0019] Optionally, in some embodiments, the electronic device can also set a first hot area in the screen. After entering the multitasking mode, the user can obtain the first style control or other style controls in the first window through the user operation of dragging any floating window in the multitasking interface to the first hot area, and then quickly arrange the floating windows in the first multitasking interface through the style controls. At this time, the dock bar can not include the layout icon.

[0020] In some embodiments, the first multi-task interface displays M floating windows, the M floating windows include the first floating window and the second floating window, N=M, and the floating windows in the first multi-task interface are arranged in the first style, specifically including: displaying a third interface, the third interface includes a first area and a second area, the first area displays a first card and a second card, the first card corresponds to the first floating window, and the second card corresponds to the second floating window; in response to a user operation on the first card, displaying the first floating window in the first area and displaying the second card in the second area; and in response to a user operation on the second card, displaying the second floating window in the second area.

[0021] In this way, the user can specify the display positions of the multiple floating windows one by one, arrange the floating windows in the style selected by the user, and facilitate the user to read and browse.

[0022] In some embodiments, the first multi-task interface displays M floating windows, the M floating windows include the first floating window and the second floating window, N>M, and the floating windows in the first multi-task interface are arranged in the first style, specifically including: displaying a third interface, the third interface includes a first area, a second area, and a third area, the first area displays a first card and a second card, the first card corresponds to the first floating window, and the second card corresponds to the second floating window; in response to a user operation on the first card, displaying the first floating window in the first area and displaying the second card in the second area; in response to a user operation on the second card, displaying the second floating window in the second area; after determining the display areas of the M floating windows, displaying a first control in the remaining third area; in response to a user operation on the first control, displaying an application recommendation interface, the application recommendation interface includes application icons of multiple applications installed on the electronic device; and in response to a user operation on a fifth application icon in the application recommendation interface, displaying a fifth floating window in the third area, the fifth floating window includes a user interface of a fifth application, and the fifth application corresponds to the fifth application icon.

[0023] By implementing the above method, the user can also select a layout style control that does not match the number of floating windows in the current screen. When the number of floating windows displayed in the screen is less than the number of display areas indicated by the layout style control, after the display positions of the floating windows are specified, the electronic device can keep the remaining display areas blank, i.e., do not display floating windows in the areas, and prompt the user to add floating windows to the blank display areas to display more application interfaces and meet the user's demand for browsing more application interfaces.

[0024] In some embodiments, the first multi-task interface displays M floating windows, the M floating windows include the first floating window and the second floating window, N < M, the floating windows in the first multi-task interface are arranged in the first style, and the method specifically includes: displaying a third interface, the third interface includes a first area and a second area, the first area displays a first card and a second card, the first card corresponds to the first floating window, and the second card corresponds to the second floating window; in response to a user operation on the first card, the first floating window is displayed in the first area, and the second card is displayed in the second area; in response to a user operation on the second card, the second floating window is displayed in the second area; after determining display areas of N floating windows in the M floating windows, the remaining M-N floating windows are switched into M-N floating balls, where one floating ball corresponds to one floating window.

[0025] When the number of floating windows displayed on the screen is greater than the number of display areas indicated by the layout style control, the electronic device can close the floating windows that are not allocated to the display areas after allocating all the display areas, and display the corresponding floating balls, that is, switch the floating windows that are not allocated to the display areas into floating balls. In this way, the user can obtain the above-mentioned closed floating windows at any time and browse the application interfaces corresponding to the above-mentioned floating windows.

[0026] In some embodiments, after the floating windows in the first multi-task interface are arranged in the first style, the method further includes: in response to a user operation on a sixth application icon, displaying a sixth floating window in the first multi-task interface, the sixth floating window includes a user interface of a sixth application, and the sixth application corresponds to the sixth application icon.

[0027] After the above-mentioned method arranges the plurality of floating windows, the user can continue to open a new application. The user can reselect a new layout style control to re-arrange the plurality of floating windows in the screen.

[0028] In some embodiments, the first window further includes a second style control, after the floating windows in the first multi-task interface are arranged in the first style, the method further includes: after detecting that the user triggers the second style control, displaying a fourth interface, the fourth interface includes a fourth area, the fourth area displays a first card and a second card, the first card corresponds to the first floating window, and the second card corresponds to the second floating window; in response to a user operation on the first card, the first floating window is displayed in the fourth area; and in response to an exit operation, the second floating window is displayed at the original display position of the second floating window.

[0029] In the process of arranging the floating windows according to the selected style control of the user, the user can also end the layout in advance. At this time, for the floating window whose display position has been specified, the electronic device can continue to display the floating window at the specified display position; for the floating window whose display position has not been specified, the electronic device can continue to display the floating window according to the position before the layout.

[0030] In some embodiments, after full-screen displaying the first interface of the first application, the method further includes: displaying a multi-task icon while full-screen displaying the first application; in response to a user operation on the multi-task icon, displaying a third multi-task interface, the third multi-task interface including a seventh floating window, the seventh floating window including a user interface of the first application.

[0031] In the implementation of the above method, the user can also enter the multi-task mode while full-screen displaying an application. At this time, the electronic device can directly switch the application that was full-screen displayed before entering into a floating window for display in the multi-task interface, so that the user can continue to browse the application without manually adding.

[0032] In some embodiments, the method further includes: split-screen displaying the first application and the second application; displaying a multi-task icon while split-screen displaying the first application and the second application; in response to a user operation on the multi-task icon, displaying a fourth multi-task interface, the fourth multi-task interface including an eighth floating window and a ninth floating window, the eighth floating window including a user interface of the first application, and the ninth floating window including a user interface of the second application.

[0033] In the implementation of the above method, the user can also enter the multi-task mode while split-screen displaying multiple applications. At this time, the electronic device can directly switch the multiple applications that were split-screen displayed before entering into floating windows for display in the multi-task interface, so that the user can continue to browse the applications without manually adding.

[0034] The method further includes: in response to the upward swipe dwell operation, displaying a background interface, the background interface including a first multi-task card; in response to a user operation on the first multi-task card, redisplaying the first multi-task interface including the first floating window and the second floating window.

[0035] In the implementation of the above method, the user can exit the multi-task interface and enter the background interface. Alternatively, the user can first exit the multi-task interface and return to the desktop, and then enter the background interface through other operations. The electronic device can save the previous multi-task interface to the background and display a corresponding card in the background interface. After entering the background interface, the user can quickly return to the previous multi-task interface through the card to continue browsing.

[0036] In a second aspect, the present application provides a display method applied to an electronic device, the method comprising: displaying a desktop, the desktop comprising a first application icon and a multitasking icon; in response to a user operation on the first application icon in the desktop, displaying a first interface of a first application in full screen, the first application corresponding to the first application icon; in response to a first operation on the multitasking icon in the desktop, displaying a first multitasking interface, the first multitasking interface comprising the first application icon; in response to a user operation on the first application icon in the first multitasking interface, displaying a first floating window in the first multitasking interface, the first floating window comprising a second interface of the first application, the content in the second interface being the same as or different from the content in the first interface; in response to a user operation on a second application icon in the first multitasking interface, displaying a second floating window in the first multitasking interface, the second floating window comprising a user interface of a second application, the second application corresponding to the second application icon; and in response to a user operation of dragging the first floating window to a second hot area in the screen, displaying the first floating window in a first preset area corresponding to the second hot area.

[0037] The second hot area is at the upper left corner of the screen, and the first preset area is a 1 / 4 upper left corner area of the screen; or the second hot area is at the upper right corner of the screen, and the first preset area is a 1 / 4 upper right corner area of the screen; or the second hot area is at the lower left corner of the screen, and the first preset area is a 1 / 4 lower left corner area of the screen; or the second hot area is at the lower right corner of the screen, and the first preset area is a 1 / 4 lower right corner area of the screen.

[0038] The second hot area is at the right side of the screen, and the first preset area is a 1 / 2 right side area of the screen; or the second hot area is at the left side of the screen, and the first preset area is a 1 / 2 left side area of the screen.

[0039] Preferably, the area of the first preset area is greater than the area of the second hot area.

[0040] By implementing the method provided in the second aspect, the user can indicate the electronic device to display any floating window in a preset hot area of the screen by a user operation of dragging any floating window in the screen to the preset hot area, so that the multitasking interface does not need to display the layout icon, the user does not need to select the style control, and all the floating windows in the screen do not need to be arranged at the same time.

[0041] In a third aspect, the present application provides an electronic device, comprising one or more processors and one or more memories; wherein the one or more memories are coupled to the one or more processors, and the one or more memories are configured to store a computer program, when the one or more processors execute the computer program, the electronic device performs the method described in the first aspect and any possible implementation manner of the first aspect, or performs the method described in the second aspect and any possible implementation manner of the second aspect.

[0042] In a fourth aspect, an embodiment of the present application provides a chip system, applied to an electronic device, the chip system comprising one or more processors configured to invoke computer instructions to cause the electronic device to perform the method in the first aspect and any possible implementation of the first aspect, or perform the method in the second aspect and any possible implementation of the second aspect.

[0043] In a fifth aspect, an embodiment of the present application provides a computer readable storage medium, including a computer program, when the computer program is run on an electronic device, causing the electronic device to perform the method in the first aspect and any possible implementation of the first aspect, or perform the method in the second aspect and any possible implementation of the second aspect.

[0044] In a sixth aspect, an embodiment of the present application provides a computer program product including instructions, when the computer program product is run on an electronic device, causing the electronic device to perform the method in the first aspect and any possible implementation of the first aspect, or perform the method in the second aspect and any possible implementation of the second aspect.

[0045] It can be understood that the electronic device provided in the third aspect, the chip system provided in the fourth aspect, the computer storage medium provided in the fifth aspect, and the computer program product provided in the sixth aspect are all used to execute the method provided in the present application. Therefore, the beneficial effects that can be achieved by the electronic device, the chip system, the computer storage medium, and the computer program product are referable to the beneficial effects in the corresponding method, which will not be described here again. BRIEF DESCRIPTION OF DRAWINGS

[0046] FIG. 1 is a user interface schematic diagram of simultaneously browsing multiple applications according to an embodiment of the present application;

[0047] FIGS. 2A-2H are a set of user interface schematic diagrams of multitasking display according to an embodiment of the present application;

[0048] FIGS. 3A-3B are a set of user interface schematic diagrams of adding applications through a dock according to an embodiment of the present application;

[0049] FIG. 4A is a set of user interface schematic diagrams of entering a multitasking mode in a full screen scenario according to an embodiment of the present application;

[0050] FIG. 4B is a set of user interface schematic diagrams of entering a multitasking mode in a split screen scenario according to an embodiment of the present application;

[0051] FIGS. 5A-5F are a set of user interface schematic diagrams of quickly arranging multiple floating windows in a multitasking mode according to an embodiment of the present application;

[0052] FIGS. 6A-6H are a set of user interface diagrams illustrating a process of continuously adding applications and re-arranging, according to an embodiment of the present application;

[0053] FIGS. 7A-7B are a set of user interface diagrams illustrating an early end layout, according to an embodiment of the present application;

[0054] FIGS. 8A-8G are another set of user interface diagrams illustrating a process of quickly arranging a plurality of pop-up windows in a multi-task mode, according to an embodiment of the present application;

[0055] FIGS. 9A-9G are another set of user interface diagrams illustrating a process of quickly arranging a plurality of pop-up windows in a multi-task mode, according to an embodiment of the present application;

[0056] FIGS. 10A-10B are a set of user interface diagrams illustrating a process of automatically arranging a plurality of pop-up windows in a multi-task mode, according to an embodiment of the present application;

[0057] FIGS. 10C-10F are user interface diagrams illustrating a process of obtaining a layout style by a drag operation, according to an embodiment of the present application;

[0058] FIG. 11 is a diagram illustrating a correspondence between a hot area and a display area on a tablet, according to an embodiment of the present application;

[0059] FIGS. 12A-12D are a set of user interface diagrams illustrating a process of setting a display position of a pop-up window by a drag operation, according to an embodiment of the present application;

[0060] FIG. 13 is a diagram illustrating another correspondence between a hot area and a display area on a tablet, according to an embodiment of the present application;

[0061] FIGS. 14A-14D are a set of user interface diagrams illustrating a process of setting a display position of a pop-up window by a drag operation, according to an embodiment of the present application;

[0062] FIG. 15 is a diagram illustrating a hot area of an electronic device, according to an embodiment of the present application;

[0063] FIGS. 16A-16B are user interface diagrams illustrating a process of arranging a pop-up window outside a hot area, according to an embodiment of the present application;

[0064] FIG. 17 is a user interface diagram illustrating a process of arranging a pop-up window overlapping a hot area, according to an embodiment of the present application;

[0065] FIG. 18 is a diagram illustrating a structure of an electronic device, according to an embodiment of the present application. DETAILED DESCRIPTION

[0066] The following description is merely exemplary in nature and is not intended to limit the present disclosure, application, and uses.

[0067] In some scenarios, a user needs to browse 3 or more than 3 applications or windows simultaneously. For example, referring to FIG. 1, when learning, a user often needs to watch a course video in a window 11, browse a course outline in a window 12, and record learning notes in a window 13.

[0068] Currently, electronic devices such as tablet computers and foldable-screen mobile phones usually support full-screen display of one application or split-screen display of multiple applications in a fixed area. After full-screen display of one application, the electronic device can detect a user operation on a specific control (for example, a top strip control), and in response to the operation, the electronic device can display an add control. After detecting a user operation on the add control, the electronic device can display multiple application icons. The user can select an application icon of a target application that the user wants to open from the multiple application icons. In response to the operation, the electronic device can display the previous application and the newly selected application in a preset left-right arrangement (two-split screen). Further, on the basis of the two-split screen, the user can continue to open a new application, and in response to the operation, the electronic device can display the previous two applications and the newly opened application in a preset three-split screen, meeting the user demand shown in FIG. 1.

[0069] In the above method, before each time a new application is selected, the user needs to trigger the display of the add application control through the specific control, and then obtain the application icon of the target application through the add control, which is very cumbersome. On the other hand, in different display states such as full-screen display, two-split screen display, and three-split screen display, the user cannot adjust the display content of each area on the screen, which also brings inconvenience to the user when browsing multiple applications or windows simultaneously.

[0070] In view of this, the embodiments of the present application provide a multi-task display method.

[0071] Implementing the method, the electronic device such as a tablet computer or a foldable-screen mobile phone can display a multi-task icon. The multi-task icon is used to open / close a multi-task mode. The multi-task mode refers to a working mode that supports quick opening of multiple applications and flexible display of windows corresponding to the applications.

[0072] After the multi-task mode is opened, the user can select an application icon displayed on the screen. In response to the above operation, the electronic device can display a floating window and display the user interface of the application selected by the user in the floating window for the user to browse. After selecting one application, the user can continue to select other applications. In response to the above operation, the electronic device can continue to add floating windows in the screen and display the user interface of the newly selected application in the newly added floating window. In this way, the user can more conveniently open multiple applications and browse the multiple applications at the same time. On the other hand, the user can drag one or more floating windows in the screen to flexibly adjust the display position of the floating window to adapt to the browsing habits and changing browsing needs of the user.

[0073] Further, the electronic device can quickly arrange multiple windows in the multi-task mode by user operation on a preset icon, so that the windows neither overlap nor cover the screen as much as possible, providing a better browsing experience for the user.

[0074] The electronic device implementing the above method can also be a netbook, a large-screen TV, a projector, a virtual reality (VR) device, a vehicle-mounted device, a smart home device, and the like, which provides a display service. The specific type of the electronic device is not specially limited in the embodiments of the present application.

[0075] FIGS. 2A-2H are a group of user interface diagrams for multi-task display provided by the embodiments of the present application.

[0076] Taking a tablet computer as an example, FIG. 2A is a schematic diagram of a desktop 21 of a tablet computer provided by the embodiments of the present application.

[0077] As shown in FIG. 2A, the desktop 21 of the tablet computer includes a frequently used tray 213, a recently used tray 214 (the frequently used tray 213 and the recently used tray 214 can also be referred to as a dock bar, a first dock bar). The frequently used tray 213 is used to hold icons of applications specified by the user. The recently used tray 214 is used to hold icons of applications that have been recently run. The application icons in the recently used tray 214 will change with the change of applications that are continuously started and closed on the tablet computer. The tablet computer can be provided with multiple desktops, and the application icons held in the area other than the dock bar in different desktops are different. The user can switch the current desktop through a sliding operation (for example, left sliding or right sliding operation). When the desktop is switched, the application icons in the dock bar can remain displayed.

[0078] In the embodiment of the present application, the frequently-used dock 213 can display an icon 215, also referred to as a multitasking icon 215. Referring to FIG. 2A, in the process of displaying the desktop 21, the tablet can detect a user operation, such as a click operation, acting on the multitasking icon 215. In response to the operation, the tablet can enter a multitasking mode.

[0079] In the multitasking mode, one or more applications opened by the user have a binding relationship, and the one or more applications are displayed through a floating window. The one or more applications can be referred to as one multitasking item (for example, a multitasking item M1). One multitasking item can be used to carry one or more user-selected applications, record their binding relationship, and carry the position and size of the window of each application in the screen. After exiting the multitasking mode, the user can obtain one or more previously created multitasking items from the background and select a target multitasking item to which the user wants to return. In response to the operation, the tablet can re-enter the multitasking mode, launch the target multitasking item, and then redisplay the screen before the target multitasking item is exited. Referring to FIG. 2B, after the multitasking item M1 is created, the tablet can display a multitasking interface 22 (a first multitasking interface) corresponding to the multitasking item M1.

[0080] The multitasking interface 22 includes the frequently-used dock 213 and a recently-used dock 214 (a second dock). As shown in FIG. 2B, at this time, the frequently-used dock 213 further includes an icon 221, and the recently-used dock 214 further includes an icon 222. The icon 221, also referred to as a layout icon 221, can be used to set the arrangement layout of multiple windows in the multitasking mode. The icon 222, also referred to as an application set icon 222, can be used to display all applications installed on the tablet. As shown in FIG. 2B, the multitasking interface 22 can further include a prompt information 223, such as "multitasking mode entered", used to prompt the user that the multitasking mode has been entered. Through the prompt information, the user can start to select one or more applications that the user wants to browse simultaneously. After displaying the prompt information 223 for a preset time, the tablet can stop displaying the prompt information 223 to reduce the element arrangement and keep the screen simple. As shown in FIG. 2B, the tablet can further update the background color of the multitasking icon 215 in the frequently-used dock 213, for example, update the background color of the multitasking icon 215 from white to black, also used to prompt the user that the multitasking mode has been entered.

[0081] Preferably, on the basis of the desktop 21, the tablet can continue to use the wallpaper of the desktop 21, clear the application icons outside the dock, and then obtain the multitasking interface 22. In some embodiments, the tablet can also continue to display the application icons outside the dock. At this time, the user can also directly open a target application through the application icons outside the dock in the screen.

[0082] Referring to FIGS. 2B-2C, in the multitasking mode, the tablet can detect a user operation acting on the application set icon 222, and in response to the above operation, the tablet can display an application recommendation interface 23. The application recommendation interface 23 includes a search bar 231, a recommended application area 232, and an other application area 233. The recommended application area 232 can be used to display icons of applications that are frequently used on the tablet and / or icons of applications that are suitable for display in a floating window (i.e., a small window), such as an icon of a note application, an icon of a reader application, an icon of a video application, etc. The other application area 233 can be used to display icons of remaining applications, which are not listed here.

[0083] A user can start a target application corresponding to any application icon by an operation acting on the icon. When there are many applications installed on the tablet, a user can also quickly obtain a target application icon through the search bar 231, and then quickly start a target application corresponding to the target application icon.

[0084] Referring to FIGS. 2C-2D, for example, the tablet can detect a user operation acting on an icon of a note application (the third application icon), and in response to the above operation, the tablet can redisplay the multitasking interface 22. At this time, the multitasking interface 22 can include a floating window 241 (the third floating window). The floating window 241 displays a user interface of the note application. A user can perform various functions provided by the note application through the floating window 241, such as editing a note. The top of the floating window includes controls for maximizing, minimizing, closing, etc. The maximizing control can be used to trigger full-screen display of the application in the floating window, the minimizing control can be used to switch the floating window to display in a floating ball, and the closing control can be used to close the floating window.

[0085] Referring to FIGS. 2D-2F, for example, the tablet can continue to detect a user operation acting on the application set icon 222, and in response to the above operation, the tablet can display the application recommendation interface 23. Then, the tablet can continue to detect a user operation acting on an icon of a reader application (the third application icon), and in response to the above operation, the tablet can continue to add a floating window 242 (the third floating window) in the multitasking interface 22. The floating window 242 displays a user interface of the reader application. At this time, a user can browse and edit a note through the floating window 241, and browse a document through the floating window 242.

[0086] Referring to FIGS. 2F-2H, the tablet computer may, for example, continue to detect the user operation on the application set icon 222, and in response to the user operation, display the application recommendation interface 23. Then, the tablet computer may, for example, continue to detect the user operation on the video application icon (the third application icon), and in response to the user operation, continue to add the floating window 243 (the third floating window) in the multitasking interface 22. The user interface of the video application is displayed in the floating window 243. At this time, the user can browse and edit the notes through the floating window 241, browse the document through the floating window 242, and watch the video through the floating window 243, which meets the user's demand for simultaneously browsing multiple applications and flexibly adjusting the display positions of the applications.

[0087] In the multitasking mode, the user can also directly add the application corresponding to the application icon in the frequently used tray 213 or the recently used tray 214 to the current multitasking project through the user operation on the application icon. Accordingly, after adding the application, the tablet computer can add the floating window in which the user interface of the newly added application is displayed in the current multitasking interface, to meet the user's browsing demand.

[0088] Referring to FIG. 3A, after the floating window 241 is added and the user interface of the notes application is displayed in the floating window 241 as shown in FIG. 2D, the tablet computer may, for example, continue to detect the user operation on the icon 224 (the first application icon) in the recently used tray 214. The icon 224 is also referred to as an information application icon, and corresponds to an information application (the first application). In response to the user operation, the tablet computer can add the information application to the current multitasking project M1. Referring to FIG. 3B, after adding the information application, the tablet computer can add the floating window 244 (the first floating window) in which the user interface (the second interface) of the information application is displayed in the multitasking interface 22. Of course, the electronic device can also add the new floating window in which the user interface of the application corresponding to the application icon selected by the user in the frequently used tray 213 is displayed in the multitasking interface 22 in response to the user operation, and details are not described herein.

[0089] In this way, the user can more quickly and conveniently open the application, and then more quickly and conveniently browse the application through the floating window in the multitasking interface 22.

[0090] In some embodiments, when one application is displayed in full screen, the user can also obtain the multitasking icon, and control the tablet computer to enter the multitasking mode through the user operation on the multitasking icon.

[0091] Referring to FIG. 4A, when displaying the application A (e.g., the note application) in full screen, the user can invoke the dock bar (the dock bar includes the multi-task icon 215 in the frequently used tray 213) by a gesture operation, e.g., an up-swipe operation. Then, the tablet can detect a user operation on the multi-task icon 215, and in response to the user operation, the tablet can enter the multi-task mode and create the multi-task item M1. At this time, the tablet can directly add the two applications being displayed before entering into the current multi-task item M1. Correspondingly, on the screen, the tablet can directly display the floating window 411 (the seventh floating window) in the multi-task interface 22 (the third multi-task interface), and display the user interface of the application A (e.g., the note application interface) in the floating window 411.

[0092] Then, after detecting a user operation on any application icon (e.g., an application icon in the frequently used tray 213, the recently used tray 214, or another application icon shown in the application recommendation interface 23), the tablet can continue to add floating windows, e.g., the floating windows 242, 243 shown in FIG. 2H, to the multi-task interface 22 including the floating window 411, for the user to browse the application corresponding to the application icon.

[0093] Similarly, in some embodiments, when displaying two applications in split screen, the user can also obtain the multi-task icon, and control the tablet to enter the multi-task mode by a user operation on the multi-task icon.

[0094] Referring to FIG. 4B, when displaying two applications A, B (e.g., the note application and the reader application) in split screen, the user can also invoke the dock bar (the dock bar includes the multi-task icon 215 in the frequently used tray 213) by a gesture operation, e.g., an up-swipe operation. Then, similarly, the tablet can detect a user operation on the multi-task icon 215, and in response to the user operation, the tablet can enter the multi-task mode and create the multi-task item M1. At this time, the tablet can directly add the two applications being displayed before entering into the current multi-task item M1. As shown in FIG. 4B, the tablet can directly display the floating window 411 (the eighth floating window) and the floating window 412 (the ninth floating window) in the multi-task interface 22 (the fourth multi-task interface), and display the user interface of the application A (e.g., the note application interface) in the floating window 411 and the user interface of the application B (e.g., the reader application interface) in the floating window 412.

[0095] Then, after detecting a user operation on any application icon (e.g., an application icon in the frequently used tray 213, the recently used tray 214, or another application icon displayed in the application recommendation interface 23, etc.), the tablet computer can continue to add a floating window, such as the floating window 243 shown in FIG. 2H, on the multitasking interface 22 including the floating windows 411 and 412, for the user to browse the application corresponding to the application icon.

[0096] Similarly, in some embodiments, when displaying a user interface including a floating window, the user can also obtain the multitasking icon, and by a user operation on the multitasking icon, control the tablet computer to enter the multitasking mode.

[0097] For example, the tablet computer can display a floating window in a desktop or another application interface (e.g., a note interface, a browser interface, etc.), and display a user interface (e.g., a video playing interface, etc.) of another application in the floating window. At this time, the user can also invoke the dock bar by a gesture operation. Then, the tablet computer can detect a user operation on the multitasking icon, and in response to the operation, the tablet computer can enter the multitasking mode and create a multitasking item M1. At this time, the tablet computer can directly add the application being displayed before entering to the current multitasking item M1. The application being displayed includes an application displayed through a floating window, an application displayed in full screen, and an application displayed in split screen. The tablet computer can display a corresponding number of floating windows in the multitasking interface, and display the user interface of the application in the floating window.

[0098] For example, when displaying a floating window in a desktop, after entering the multitasking mode, the tablet computer can continue to display the floating window in the multitasking interface; when displaying a floating window in the interface of an application X displayed in full screen, after entering the multitasking mode, the tablet computer can continue to display the floating window in the multitasking interface and add another floating window, and display the user interface of the application X in the another floating window; when displaying a floating window in the interface of applications X and Y displayed in split screen, after entering the multitasking mode, the tablet computer can continue to display the floating window in the multitasking interface and add another two floating windows, and display the user interface of the application X in one of the another two floating windows and display the user interface of the application Y in the other one of the another two floating windows.

[0099] After displaying a plurality of floating windows, the user can quickly arrange the plurality of floating windows by the layout icon 221 to avoid occlusion between the floating windows and affect the browsing experience of the user.

[0100] Referring to FIGS. 5A-5B, after displaying the plurality of floating windows (e.g., floating windows 241, 242, 243), the tablet can detect a user operation acting on the layout icon 221, and in response to the above operation, the tablet can display the window 225 (first window) in the multitasking interface 22.

[0101] The window 225 can include a plurality of layout style controls, such as controls 311, 312, 313, 314, 315, 316. One layout style control indicates a combination of the number and position of display regions in a screen, wherein one display region is used to display one floating window. For example, the control 311 corresponds to two display regions in a screen, and the two display regions are arranged left and right in the screen, and thus the control 311 is also referred to as a two-window control 311. Correspondingly, the control 312 can be referred to as a full-parallel three-window control 312, the control 313 can be referred to as a mixed three-window control 313, the control 314 can be referred to as a mixed three-window control 314, the control 315 can be referred to as a full-parallel four-window control 315, and the control 316 can be referred to as a mixed four-window control 316.

[0102] Preferably, after displaying the window 225, the user can select a layout style control in the window 225 that matches the number of floating windows in the current screen. In this way, one floating window occupies one display region, and all floating windows fill the screen, neither overlapping nor wasting the display region of the screen.

[0103] For example, referring to FIG. 5C, for the floating windows 241 (displaying a user interface of application A), 242 (displaying a user interface of application B), and 243 (displaying a user interface of application C) displayed in the current screen, the user can select a layout style control suitable for three windows, such as the mixed three-window control 313 (first style control). In response to the above operation, the tablet can display the layout interface 24 (third interface) corresponding to the mixed three-window control 313. As shown in FIG. 5D, the layout interface 24 indicates three display regions of the screen: 251, 252, 253. Among them, the region 252 and the region 253 are located in the right half of the screen, arranged up and down; the region 251 is located in the left half of the screen, arranged left and right with the region 252 and the region 253. The layout of the region 251, the region 252, and the region 253 is consistent with the layout of the display regions in the mixed three-window control 313. The tablet can display cards 261 (first card), 262 (second card), and 263 in the region 251 (first region) of the screen. Among them, the card 261 corresponds to the floating window 241, the card 262 corresponds to the floating window 242, and the card 263 corresponds to the floating window 243.

[0104] On the layout interface 24, the tablet can detect a user operation on the card 261. Referring to FIG. 5E, in response to the operation, the tablet can display the floating window 241 in the area 251 (i.e., display the user interface of the application A in the area 251), and the floating window 241 fills the area 251. Meanwhile, the tablet can move the remaining cards 262 and 263 to the next display area 252 (the second area) of the screen to indicate the user to determine which application to be displayed in the area 252.

[0105] Then, for example, the tablet can continue to detect a user operation on the card 262. Referring to FIG. 5F, in response to the operation, the tablet can display the floating window 242 in the area 252 (i.e., display the user interface of the application B in the area 252), and display the last remaining floating window 243 in the area 253 (i.e., display the user interface of the application C in the area 253). The floating window 242 fills the area 252, and the floating window 243 fills the area 253. After determining the display areas of all the floating windows, the electronic device arranges the floating windows according to the layout style selected by the user in the layout interface 24. At this time, the interface displayed by the electronic device is the multitasking interface 22.

[0106] At this time, the plurality of floating windows in the multitasking interface 22 are successfully arranged on the screen according to the layout style indicated by the control 313, without overlapping and without wasting the display area of the screen, so as to provide the user with a better browsing experience of simultaneously browsing the plurality of floating windows.

[0107] Optionally, in some embodiments, the tablet can also arrange the plurality of floating windows in an area outside the dock bar according to the layout style control selected by the user. At this time, after the arrangement, the tablet can continue to display the dock bar (and the dock bar does not overlap with the floating windows in the screen and does not block the floating windows), so as to continue to open new applications by the user.

[0108] After arranging the plurality of floating windows in the multitasking mode according to the layout style control, the user can also continue to open new applications. In response to the user operation, the tablet can continue to add new floating windows and display the user interface of the new application in the new floating window. It can be understood that at this time, the new floating window will block the previous floating windows in the screen and affect the browsing experience of the user. Therefore, the user can select a new layout style control through the control in the window 225 again to trigger the tablet to rearrange the plurality of floating windows in the screen.

[0109] The touch operation of sliding up from the lower edge of the screen by a small distance is referred to as a short up-swipe operation. Preferably, the small distance is less than 1 / 4 of the height of the screen. Referring to FIGS. 6A-6B, after arranging the floating windows 241, 242, 243 in the layout style indicated by the control 313, the tablet can detect a short up-swipe operation, and in response to the operation, the tablet can re-arrange the frequently used dock 213 and the recently used dock 214. It can be understood that in the embodiment of arranging the floating windows in the area outside the dock bar, after the arrangement, the tablet can continue to display the dock bar. At this time, the user also does not need to obtain the dock bar again through the short up-swipe operation.

[0110] Then, the user can continue to start a new application through the application icons displayed in the frequently used dock 213 and the recently used dock 214, or the application set icon 222. The tablet can start the application D according to the user operation acting on the application D icon. As shown in FIG. 6B, the application D icon is the icon of the information application in the frequently used dock 213, for example.

[0111] Referring to FIG. 6C, after starting the application D, the tablet can add a new floating window 245 in the multi-task interface 22, and display the user interface of the application D in the floating window 245. As shown in FIG. 6C, the new floating window 245 causes an occlusion to the previously arranged floating windows 241, 242, 243 in the previous screen, thereby affecting the user browsing experience.

[0112] At this time, referring to FIG. 6C, the user can click the layout icon 221 again. After detecting the operation, the tablet can display the window 225 again. Referring to FIG. 6D, for the floating windows 241, 242, 243 and 245 displayed in the current screen, the user can select a layout style control suitable for four windows, for example, a mixed four-window control 316. After detecting the operation, the tablet can display the layout interface 25 corresponding to the mixed four-window control 316. As shown in FIG. 6E, the layout interface 25 indicates four display areas of the screen: 271, 272, 273, 274. Among them, 271, 272, 273, 274 are located in the upper left corner area, the upper right corner area, the lower left corner area, and the lower right corner area of 1 / 4 of the screen, respectively. Similarly, the tablet can display the card 261 corresponding to the floating window 241, the card 262 corresponding to the floating window 242, the card 263 corresponding to the floating window 243, and the card 264 corresponding to the floating window 245 in the first area 271 of the screen.

[0113] Then, referring to FIGS. 6E-6H, the tablet can detect user operations on the cards 261, 262, 263 in sequence. In response to the above operations, the tablet can display the floating windows 241, 242, 243, 245 in the areas 271-274 in sequence, which will not be described herein again. At this time, the multiple floating windows including the newly added floating window 245 are rearranged on the screen according to the new layout style, avoiding the occlusion caused by the overlapping of the floating windows.

[0114] Before determining the display positions of the last floating windows, the user can also end the layout in advance. At this time, for the floating windows whose display positions have been specified, the tablet can continue to display the floating windows at the above specified display positions; for the floating windows whose display positions have not been specified, the tablet can continue to display the floating windows according to the positions before the layout.

[0115] Referring to FIG. 7A, after displaying the floating window 241 in the area 271, before determining the display positions of the other floating windows 242, 243, 245, the tablet can detect a left swipe operation (which can be referred to as an exit operation) from the right edge of the screen to the left, and in response to the above operation, the tablet can end the layout and then display the multitasking interface 22 shown in FIG. 7B. At this time, as shown in FIG. 7B, the tablet can continue to display the floating window 241 in the area 271, and for the floating windows 242, 243, 245 whose display positions have not been specified, the tablet can continue to display the floating windows according to the positions before the layout shown in FIG. 6D. At this time, as the latest floating window whose display position has been specified, the floating window 241 can be in a layer above the layers of the other floating windows 242, 243, 245 whose display positions have not been specified. Without being limited to the left swipe operation, the tablet can also set other operations for ending the layout in advance.

[0116] In some scenarios, the user can also select the layout style control that does not match the number of floating windows in the current screen.

[0117] When the number of floating windows displayed in the screen is less than the number of display areas indicated by the layout style control, the tablet can keep the remaining display areas blank, i.e., not display floating windows in the areas, and prompt the user to add floating windows to the above blank display areas to display more application interfaces to meet the user's demand for browsing more application interfaces.

[0118] When the number of floating windows displayed in the screen is greater than the number of display areas indicated by the layout style control, after assigning all the display areas, the tablet can close the floating windows that are not assigned to the display areas and display the corresponding floating balls to replace the above closed floating windows, so that the user can obtain the above closed floating windows at any time and browse the application interfaces corresponding to the floating windows.

[0119] Referring to FIG. 8A, in the multitasking interface 22 including the floating windows 241, 242, 243, the tablet can also detect a user operation on the mixed four-window control 316 after the display window 225. In response to the above operation, the tablet can display the layout interface 25 (the third interface) corresponding to the mixed four-window control 316, at this time, based on the three floating windows 241, 242, 243 displayed in the current screen, the display area 271 (the first area) includes the card 261 corresponding to the floating window 241, the card 262 corresponding to the floating window 242, and the card 263 corresponding to the floating window 243 (i.e., three cards).

[0120] Referring to FIGS. 8E-8F, the tablet can detect a user operation on the control 281, and in response to the above operation, the tablet can display the application recommendation interface 23 to allow the user to acquire and open a new application. For example, the tablet can detect a click operation on the icon (the fifth application icon) of the application E (e.g., a music application). Referring to FIG. 8G, in response to the above operation, the tablet displays the floating window 246 (the fifth floating window) in the remaining display area 274 of the multitasking interface 22, and displays the user interface of the application E in the floating window 246.

[0121] Referring to FIG. 9A, in the multitasking interface 22 including the floating windows 241, 242, 243, and the floating window 245, the tablet can also detect a user operation on the mixed three-window control 313 after the display window 225. In response to the above operation, the tablet can display the layout interface 24 (the third interface) corresponding to the mixed three-window control 313, at this time, based on the four floating windows 241, 242, 243, 245 displayed in the current screen, the display area 251 (the first area) can display the card 261 (the first card) corresponding to the floating window 241, the card 262 (the second card) corresponding to the floating window 242, the card 263 corresponding to the floating window 243, and the card 264 corresponding to the floating window 245.

[0122] Referring to FIGS. 9B-9E, the tablet can detect user operations on the cards 264, 262, 263 in sequence. In response to the above operations, the tablet can display the pop-up windows 245, 242, 243 in the areas 251, 252 (second area), 253 in sequence. At this time, the pop-up window 241 corresponding to the card 261 is not assigned to a display area. As shown in FIG. 9E, for the pop-up window 241 (first pop-up window) that is not assigned to a display area, the tablet can close the pop-up window 241 and display the pop-up ball 247 (first pop-up ball) corresponding to the pop-up window 241.

[0123] Referring to FIG. 9F, the tablet can detect a user operation on the pop-up ball 247, and referring to FIG. 9G, in response to the above operation, the tablet can redisplay the pop-up window 241 in the multitasking interface 22 and display a user interface of the application A in the pop-up window 241 for the user to browse.

[0124] Implementing the above method, the user can more flexibly and freely select a layout style of multiple pop-up windows. In addition to the scenario in which the number of display areas is equal to the number of pop-up windows and the display areas are displayed one by one, the user can select a layout style control in which the number of display areas is greater than the number of pop-up windows, so as to facilitate the user to subsequently open a new application at any time; or select a layout style control in which the number of display areas is less than the number of pop-up windows, so as to increase the display area of one or more pop-up windows, so that the pop-up window can display more content for the user to browse, and meanwhile, the pop-up ball obtained by switching the excess pop-up window is also convenient for the user to obtain at any time.

[0125] In some embodiments, after determining the target layout style according to the user operation, the tablet can also automatically match the pop-up windows and the display areas according to the order in which the pop-up windows are opened in the multitasking interface and the arrangement order of the display areas in the target style, and then automatically display the corresponding pop-up windows in the matched display areas.

[0126] In this way, the tablet does not need to display a layout interface, and the user does not need to specify the display positions of the pop-up windows one by one, which can greatly save user operations and complete the layout more quickly for the user to browse.

[0127] In the above method of automatically matching the pop-up windows and the display areas, when the number of pop-up windows displayed on the screen is greater than the number of display areas indicated by the layout style control, by default, the tablet can preferentially close the pop-up window that has been out of focus for the longest time and display the corresponding pop-up ball to replace the closed pop-up window. The time at which the last user operation occurs on the pop-up window is the out-of-focus time of the pop-up window, and thus the pop-up window that has been out of focus for the longest time is the pop-up window that has not been operated by the user for the longest time.

[0128] For example, in the multi-task interface 22 shown in FIG. 10A, the out-of-focus time of the floating window 241 is earlier than that of the floating window 242, the out-of-focus time of the floating window 242 is earlier than that of the floating window 243, and the out-of-focus time of the floating window 243 is earlier than that of the floating window 245, i.e., the floating window 241 is the earliest out-of-focus floating window. Thus, referring to FIG. 10B, after detecting the user operation on the mixed three-window control 313, according to the order in which the floating windows are opened and the arrangement order of the display areas in the target style, by default, the tablet computer can display the floating window 242 in the area 251, the floating window 243 in the area 252, and the floating window 243 in the area 253, while the tablet computer can close the floating window 241 and display the floating ball 247 corresponding to the floating window 241, so that the user can obtain the floating window 241 at any time and browse the user interface of the application A in the floating window 241.

[0129] In some embodiments, the tablet computer can also display the layout style control matching the number of the currently opened floating windows in the window 225 according to the number of the currently opened floating windows.

[0130] For example, in the multi-task interface 22 shown in FIG. 10A, the number of the currently opened floating windows is 4. After detecting the user operation on the layout icon 221, the tablet computer can display the window 225 in response to the operation. At this time, based on the number of the currently opened floating windows being 4, the tablet computer can only display the four-window controls 315 and 316 matching the number of the floating windows being 4 in the window 225.

[0131] In this way, when selecting the layout style control, the user does not need to determine the number of the currently opened floating windows by himself, and can quickly select the layout style control matching the number of the currently displayed floating windows, and then quickly arrange the floating windows on the screen according to the layout style control.

[0132] In some embodiments, the first hot area can be provided on the screen of the tablet computer. After entering the multi-task mode, the user can obtain the window 225 by dragging any floating window on the multi-task interface to the first hot area, and then select the target style to instruct the tablet computer to arrange the floating windows displayed on the multi-task interface according to the target style. At this time, the tablet computer can also not display the layout icon 221 after entering the multi-task mode.

[0133] Referring to FIGS. 10C-10D, when displaying the split-screen display of the applications A and B, after detecting the user operation on the multitasking icon 215, the tablet computer can directly display the floating window 411 in which the user interface of the application A is displayed and the floating window 412 in which the user interface of the application B is displayed in the multitasking interface 22. As shown in FIG. 10D, at this time, the frequently-used tray 213 can not include the layout icon 221. Referring to FIGS. 10E-10F, the tablet computer can detect the user operation of dragging the floating window 411 to the hot area 91, and in response to the above operation, the tablet computer can display the window 225 including a plurality of layout style controls for the user to select a target style.

[0134] In some embodiments, the tablet computer can also record the correspondence between the hot areas and the display areas, and after detecting the user operation of dragging one floating window to one hot area, the tablet computer can display the floating window in the display area corresponding to the hot area according to the above correspondence.

[0135] FIG. 11 is a correspondence between hot areas and display areas on a tablet computer according to an embodiment of the present application.

[0136] As shown in FIG. 11, the tablet computer can set the hot areas 81, 82, 83 and 84. The hot area 81 is located at the upper left corner of the screen, the hot area 82 is located at the upper right corner of the screen, the hot area 83 is located at the lower left corner of the screen, and the hot area 84 is located at the lower right corner of the screen. Preferably, the hot area 81 corresponds to the display area 271, the hot area 82 corresponds to the display area 272, the hot area 83 corresponds to the display area 273, and the hot area 84 corresponds to the display area 274.

[0137] Referring to FIGS. 12A-12B, for example, in the multitasking interface 22, the tablet computer can detect the user operation of dragging the floating window 411 to the hot area 81, and in response to the above operation, the tablet computer can display the floating window 411 in the display area 271 corresponding to the hot area 81. Referring to FIGS. 12C-12D, for example, the tablet computer can continue to detect the user operation of dragging the floating window 412 to the hot area 84, and in response to the above operation, the tablet computer can display the floating window 412 in the display area 274 corresponding to the hot area 84.

[0138] FIG. 13 is another correspondence between hot areas and display areas on a tablet computer according to an embodiment of the present application.

[0139] As shown in FIG. 13, the tablet computer can set the hot area 85 and the hot area 86. The hot area 85 is located at the left side of the screen and adjacent to the left side of the screen, and the hot area 86 is located at the right side of the screen and adjacent to the right side of the screen. Preferably, the hot area 85 does not overlap the hot area 81 and the hot area 83, and the hot area 86 does not overlap the hot area 82 and the hot area 84. The hot area 85 corresponds to the display area 251, and the hot area 86 corresponds to the display area 254.

[0140] Referring to FIGS. 14A-14B, as an example, in the multitasking interface 22, the tablet can detect a user operation of dragging the floating window 411 to the hot zone 85, and in response to the above operation, the tablet can display the floating window 411 in the display area 251 corresponding to the hot zone 85. Referring to FIGS. 14C-14D, as an example, the tablet can continue to detect a user operation of dragging the floating window 412 to the hot zone 86, and in response to the above operation, the tablet can display the floating window 412 in the display area 254 corresponding to the hot zone 86.

[0141] It can be understood that the tablet can also simultaneously set the hot zones 81-84 and the hot zones 85-86, thereby realizing the layout shown by the controls 313, 314, which will not be described herein again.

[0142] FIG. 15 is a schematic diagram of hot zones of an electronic device according to an embodiment of the present application.

[0143] As shown in FIG. 15, a plurality of hot zones are preset on the electronic device, such as a notification center hot zone for displaying a notification interface, a control center hot zone for displaying a shortcut switch, a return hot zone for displaying a previous page, a smart flow hot zone for triggering a smart flow, a desktop background hot zone for displaying a desktop and a background page, and a service center hot zone for obtaining a shortcut service. A user can control the electronic device to perform a corresponding action through a touch operation on any hot zone. For example, after detecting a touch operation on the notification center hot zone, the electronic device can display a notification interface.

[0144] The hot zones are usually arranged in a screen area close to the device frame to avoid conflicts with a sliding operation of the user when browsing a page. As shown in FIG. 15, in an embodiment, the width of a hot zone close to the left frame of the device (such as the return hot zone and the smart flow hot zone) is 40 dp, and correspondingly, the width of a hot zone close to the right frame of the device is also 40 dp, the width of a hot zone close to the top frame of the device (such as the notification center hot zone and the control center hot zone) is 24 dp, and the width of a hot zone close to the bottom frame of the device (such as the desktop background hot zone) is 22 dp.

[0145] Therefore, preferably, when displaying a plurality of floating windows opened by a user through a preset layout style, the electronic device can display the plurality of floating windows in a screen area other than the above hot zones to avoid conflicts. Referring to FIGS. 16A-16B, when displaying a plurality of floating windows opened by a user through a preset layout style, any floating window is arranged at a distance of not less than 40 dp from the left frame of the device, a distance of not less than 40 dp from the right frame of the device, a distance of not less than 24 dp from the top frame of the device, and a distance of not less than 22 dp from the bottom frame of the device.

[0146] Optionally, in some embodiments, when displaying the multiple floating windows opened by the user in the preset layout style, the floating windows can also overlap with the hot area at the device frame and / or keep a certain distance from the hot area, so as to improve the aesthetic appearance of the window arrangement.

[0147] Referring to FIG. 17, for example, the distance between the left side of the floating window D and the left frame of the device can be 24 dp, which is equal to the distance between the floating window and the upper / lower frame of the device 24 dp, and less than the corresponding 40 dp of the left hot area, that is, the floating window D partially overlaps with the left hot area; the distance between the right frame of the floating windows B and C and the right frame of the device can be 24 dp, which is equal to the distance between the floating window and the upper / lower frame of the device 24 dp, and less than the corresponding 40 dp of the right hot area, that is, the floating windows B and C partially overlap with the right hot area.

[0148] Based on the center distribution rule of the user touch operation, most of the user operations on the floating window will not occur in the overlapping area of the floating window and the hot area at the device frame. Therefore, the overlap of the floating window and the hot area at the device frame will not have a great impact on the user browsing experience. It can be understood that when the floating window overlaps with the hot area at the device frame and the user touch operation is sent in the above overlapping area, the electronic device can respond selectively.

[0149] FIG. 18 is a structural schematic diagram of an electronic device provided by an embodiment of the present application. The electronic device is, for example, a tablet computer or a folding screen mobile phone as exemplified in the foregoing embodiments.

[0150] The electronic device can include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a loudspeaker 170A, a receiver 170B, a microphone 170C, a headset interface 170D, a sensor module 180, a key 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 can include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0151] It can be understood that the structural schematic of the embodiments of the present application does not constitute a specific limitation on the electronic device. In other embodiments of the present application, the electronic device can include more or fewer components than those shown, or combine certain components, or split certain components, or different arrangement of components. The components shown can be implemented in hardware, software, or a combination of software and hardware.

[0152] The processor 110 can include one or more processing units. For example, the processor 110 can include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Different processing units can be independent devices or integrated in one or more processors. The controller can generate operation control signals according to instruction operation codes and timing signals, and complete the control of fetching and executing instructions.

[0153] In some embodiments, the processor 110 can include one or more interfaces. The interfaces can include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0154] For example, the processor 110 can be coupled with the touch sensor 180K, the charger, the flash, the camera 193, etc. through the I2C bus interface respectively. The processor 110 can be coupled with the audio module 170 through the I2S bus interface to realize the communication between the processor 110 and the audio module 170. The audio module 170 can transmit the audio signal to the wireless communication module 160 through the PCM interface to realize the function of answering the phone through the Bluetooth headset. The processor 110 can communicate with the Bluetooth module in the wireless communication module 160 through the UART interface to realize the Bluetooth function. The audio module 170 can transmit the audio signal to the wireless communication module 160 through the UART interface to realize the function of playing music through the Bluetooth headset. The MIPI interface can be used to connect the processor 110 and the peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes the camera serial interface (CSI), the display screen serial interface (DSI), etc. The processor 110 and the camera 193 can communicate through the CSI interface to realize the shooting function of the electronic device. The processor 110 and the display screen 194 can communicate through the DSI interface to realize the display function of the electronic device. The GPIO interface can be configured by software. The GPIO interface can be configured as a control signal or a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 and the camera 193, the display screen 194, the wireless communication module 160, the audio module 170, the sensor module 180, etc. The GPIO interface can also be configured as the I2C interface, the I2S interface, the UART interface, the MIPI interface, etc. The USB interface 130 can be used to connect the charger to charge the electronic device, or to transmit data between the electronic device and the peripheral device. It can also be used to connect the earphone to play audio through the earphone. The interface can also be used to connect other electronic devices, such as AR devices, etc.

[0155] It can be understood that the interface connection relationship between the modules shown in the embodiments of the present application is only illustrative and does not constitute a structural limitation of the electronic device. In some other embodiments of the present application, the electronic device can also use different interface connection modes or a combination of multiple interface connection modes in the above embodiments.

[0156] The charging management module 140 is configured to receive charging input from a charger. The charging management module 140 can also supply power to the electronic device through the power management module 141 while charging the battery 142. The power management module 141 is configured to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 to supply power to the processor 110, the internal memory 121, the display 194, the camera 193, the wireless communication module 160, and the like.

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

[0158] The antenna 1 and the antenna 2 are configured to transmit and receive electromagnetic wave signals. The mobile communication module 150 can provide a solution for wireless communication including 2G / 3G / 4G / 5G and the like applied to the electronic device. The wireless communication module 160 can provide a solution for wireless communication including wireless local area networks (WLAN) (e.g., wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR) technology, and the like applied to the electronic device.

[0159] In some embodiments, the antenna 1 and the mobile communication module 150 are coupled, and the antenna 2 and the wireless communication module 160 are coupled, so that the electronic device can provide other wireless communication technologies. The other wireless communication technologies can include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), etc. The GNSS can include global positioning system (GPS), global navigation satellite system (GLONASS), beidou navigation satellite system (BDS), quasi-zenith satellite system (QZSS), satellite based augmentation systems (SBAS), etc.

[0160] In the embodiments of the present application, through the wireless communication functions provided by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor, and the baseband processor, etc., the applications on the electronic device can access the Internet, perform uplink and downlink data transmission, and then display text, image and audio resources to the user for browsing and using.

[0161] The electronic device realizes the display function through the GPU, the display screen 194, and the application processor, etc. The GPU is a microprocessor for image processing, connected with the display screen 194 and the application processor, used for performing mathematical and geometric calculations, for graphics rendering. The processor 110 can include one or more GPUs, which execute program instructions to generate or change display information.

[0162] The display screen 194 is configured to display images, videos, and the like. The display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD). The display panel can also be manufactured using an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flex light-emitting diode (FLED), a miniled, a microled, a micro-oled, a quantum dot light emitting diodes (QLED), and the like. In some embodiments, the electronic device can include 1 or N display screens 194, where N is a positive integer greater than 1.

[0163] In embodiments of the present application, the electronic device can display the user interfaces shown in FIGS. 2A-2H, 3A-3B, 4A-4B, 5A-5F, 6A-6H, 7A-7B, 8A-8G, 9A-9G, 10A-10F, 12A-12D, 14A-14D through the display function provided by the GPU, the display screen 194, and the application processor, and the like.

[0164] The electronic device can implement the photographing function through the ISP, the camera 193, the video codec, the GPU, the display screen 194, and the application processor, and the like.

[0165] The internal memory 121 can include one or more random access memories (RAMs) and one or more non-volatile memories (NVMs).

[0166] The RAM can include static random-access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDR SDRAM, such as the fifth generation of DDR SDRAM commonly referred to as DDR5 SDRAM), and the like. The NVM can include disk storage devices, flash memory.

[0167] The RAM can be directly readable and writable by the processor 110, and can be used to store executable programs (such as machine instructions) of an operating system or other programs that are currently running, and can also be used to store data of users and application programs, and the like. The NVM can also store executable programs and store data of users and application programs, and can be loaded into the RAM in advance for direct reading and writing by the processor 110.

[0168] In the embodiments of the present application, the executable program code for implementing the multitasking display method shown in FIGS. 2A-2H, 3A-3B, 4A-4B, 5A-5F, 6A-6H, 7A-7B, 8A-8G, 9A-9G, 10A-10F, 12A-12D, 14A-14D can be stored in the NVM. After the electronic device is powered on, the electronic device can load the above-mentioned executable program code stored in the NVM into the RAM, so that the electronic device can provide the user with the multitasking display function shown in FIGS. 2A-2H, 3A-3B, 4A-4B, 5A-5F, 6A-6H, 7A-7B, 8A-8G, 9A-9G, 10A-10F, 12A-12D, 14A-14D.

[0169] The external memory interface 120 can be used to connect an external NVM to achieve the expansion of the storage capacity of the electronic device.

[0170] The electronic device can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor, etc. For example, music playing, recording, etc.

[0171] The keys 190 include a power key, a volume key, and the like. The keys 190 can be mechanical keys. Alternatively, the keys 190 can be touch keys. The electronic device can receive a key input through the keys 190 and generate a key signal input related to a user setting and a function control of the electronic device. The motor 191 can generate a vibration cue. The indicator 192 can be an indicator light and can be used to indicate a charging state, a power change, and can also be used to indicate a message, a missed call, a notification, and the like. The SIM card interface 195 is used to connect a SIM card.

[0172] The term "user interface (UI)" in the specification and claims of the present application and the accompanying drawings is a medium interface for interaction and information exchange between an application or an operating system and a user, which implements conversion between an internal form of information and a form acceptable to a user. The user interface of an application is source code written in a specific computer language such as Java, extensible markup language (XML), and the like, and the interface source code is parsed and rendered on a terminal device to finally present content recognizable by a user such as a picture, a text, a button, and the like. A control (widget) is a basic element of a user interface, and typical controls include a toolbar, a menu bar, a text box, a button, a scrollbar, a picture, and a text. Properties and content of controls in an interface are defined by tags or nodes, and for example, XML defines a node by using a tag such as <textview> 、 <imgview> 、 <videoview>The interface is defined by nodes that specify the controls contained in the interface. One node corresponds to one control or property in the interface, and the nodes are parsed and rendered to present the content visible to the user. In addition, many applications, such as hybrid applications, also contain web pages in the interface. A web page, also referred to as a page, can be understood as a special control embedded in the interface of an application. The web page is a source code written in a specific computer language, such as hyper text markup language (HTML), cascading style sheets (CSS), JavaScript (JS), etc. The web page source code can be loaded and displayed by a browser or a web page display component similar to the function of a browser to present content recognizable to the user. The specific content contained in the web page is also defined by tags or nodes in the web page source code, such as HTML defines the content of the web page by tags such as 、 、 <video> 、 <canvas>to define the elements and attributes of a web page.

[0173] A common form of user interface is a graphic user interface (GUI), which refers to a user interface that displays in a graphical manner. It can be an icon, a window, a control, and the like interface elements displayed in the display screen of an electronic device. The control can include an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a Widget, and the like visible interface elements.

[0174] As used in the specification and the appended claims of the application, the singular forms "a", "an" and "the" are intended to include plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms "and / or", as used in this application, refers to and encompasses any or all possible combinations of one or more of the associated items. As used in the description of the embodiments, the term "when" can be interpreted to mean "if" or "upon" or "in response to determining" or "in response to detecting", depending on the context. Similarly, the phrase "in response to determining" or "if [a stated condition or event] is detected" can be interpreted to mean "if [a stated condition or event] is determined" or "in response to determining [a stated condition or event]" or "upon detecting [a stated condition or event]" or "in response to detecting [a stated condition or event]", depending on the context.

[0175] In the above embodiments, the implementation can be wholly or partially in software, hardware, firmware, or any combination thereof. When implemented in software, the implementation can be in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed by a computer, the computer instructions cause the computer to perform the processes or functions described in the embodiments of the application. The computer can be a general purpose computer, a special purpose computer, a computer network, or other programmable apparatus. 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, from a website, a computer, a server, or a data center to another website, computer, server, or data center through a wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) manner. The computer readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. that includes one or more available media sets. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid state disk), etc.

[0176] Those skilled in the art can understand that all or part of the processes in the above-mentioned method embodiments can be implemented by a computer program instructing relevant hardware to complete, the program can be stored in a computer-readable storage medium, and the program can include the processes of the above-mentioned method embodiments when executed. The aforementioned storage medium includes ROM or random storage memory RAM, magnetic disc or optical disc, and various storage medium capable of storing program codes.< / canvas> < / video> < / videoview> < / imgview> < / textview>

Claims

1. A display method applied to an electronic device, characterized in that, The method comprises: displaying a desktop, the desktop comprising a first application icon, a second application icon and a multi-task icon; in response to a user operation on the first application icon in the desktop, displaying a first interface of a first application in full screen, the first application corresponding to the first application icon, while displaying the desktop; in response to a first operation on the multi-task icon in the desktop, displaying a first multi-task interface, the first multi-task interface comprising a layout control, the first application icon and the second application icon; in response to a user operation on the first application icon in the first multi-task interface, displaying a first floating window in the first multi-task interface, the first floating window comprising a second interface of the first application, the content in the second interface being the same as or different from that in the first interface; in response to a user operation on the second application icon in the first multi-task interface, displaying a second floating window in the first multi-task interface, the second floating window comprising a user interface of a second application, the second application corresponding to the second application icon; after detecting that a user triggers the layout control, arranging the floating windows in the first multi-task interface in a first style, the floating windows in the first multi-task interface comprising the first floating window and the second floating window.

2. The method of claim 1, wherein, The desktop comprises a first dock bar, the first dock bar comprising the first application icon, the second application icon and the multi-task icon; the first multi-task interface comprises a second dock bar, the second dock bar comprising the first application icon, the second application icon and the layout control.

3. The method of claim 2, wherein, The second dock bar further comprises an application set icon, and the method further comprises: in response to a user operation on the application set icon, displaying an application recommendation interface, the application recommendation interface comprising application icons of a plurality of applications installed on the electronic device; in response to a user operation on a third application icon in the plurality of icons, displaying a third floating window in the first multi-task interface, the third floating window comprising a user interface of a third application, the third application corresponding to the third application icon.

4. The method of claim 2, wherein, An area outside the first dock bar in the desktop comprises application icons of a plurality of applications installed on the electronic device, and an area outside the second dock bar in the first multi-task interface comprises application icons of the plurality of applications, the application icons of the plurality of applications comprising a fourth application icon corresponding to a fourth application, and the method further comprises: in response to a user operation on the fourth application icon, displaying a fourth floating window in the first multi-task interface, the fourth floating window comprising a user interface of the fourth application.

5. The method according to any one of claims 1 to 4, characterized in that, After detecting that a user triggers the layout control, the method further comprises: displaying a first window in the first multi-task interface, the first window comprising a first style control for indicating that the arrangement relationship between N floating windows is in a first style; arranging the floating windows in the first multi-task interface in the first style, specifically comprising: After detecting that the user triggers the first style control, arrange the floating windows in the first multitasking interface in the first style.

6. The method of claim 5, wherein, The first multitasking interface displays M floating windows, including the first floating window and the second floating window, when N=M, the arranging the floating windows in the first multitasking interface in the first style specifically includes: Display a third interface, the third interface includes a first area and a second area, the first area displays a first card and a second card, the first card corresponds to the first floating window, and the second card corresponds to the second floating window; In response to the user operation on the first card, display the first floating window in the first area and the second card in the second area; In response to the user operation on the second card, display the second floating window in the second area.

7. The method of claim 5, wherein, The first multitasking interface displays M floating windows, including the first floating window and the second floating window, when N>M, the arranging the floating windows in the first multitasking interface in the first style specifically includes: Display a third interface, the third interface includes a first area, a second area, and a third area, the first area displays a first card and a second card, the first card corresponds to the first floating window, and the second card corresponds to the second floating window; In response to the user operation on the first card, display the first floating window in the first area and the second card in the second area; In response to the user operation on the second card, display the second floating window in the second area. After determining the display area of the M floating windows, display a first control in the remaining third area; In response to the user operation on the first control, display an application recommendation interface, the application recommendation interface includes application icons of a plurality of applications installed on the electronic device; In response to the user operation on a fifth application icon in the application recommendation interface, display a fifth floating window in the third area, the fifth floating window includes a user interface of a fifth application, and the fifth application corresponds to the fifth application icon.

8. The method of claim 5, wherein, The first multitasking interface displays M floating windows, including the first floating window and the second floating window, when N Display a third interface, the third interface includes a first area and a second area, the first area displays a first card and a second card, the first card corresponds to the first floating window, and the second card corresponds to the second floating window; In response to the user operation on the first card, display the first floating window in the first area and the second card in the second area; In response to the user operation on the second card, display the second floating window in the second area. After determining the display area of the N floating windows in the M floating windows, switch the remaining M-N floating windows to M-N floating balls, wherein one floating ball corresponds to one floating window.

9. The method according to any one of claims 6-8, characterized in that, The method further includes: in response to a user operation on the sixth application icon, displaying a sixth floating window in the first multitasking interface, the sixth floating window including a user interface of a sixth application corresponding to the sixth application icon.

10. The method of claim 5, wherein, The first window further includes a second style control, and after the first multitasking interface is arranged with the floating windows in the first style, the method includes: after detecting that the user triggers the second style control, displaying a fourth interface including a fourth area in which a first card corresponding to the first floating window and a second card corresponding to the second floating window are displayed; in response to a user operation on the first card, displaying the first floating window in the fourth area; in response to an exit operation, displaying the second floating window at the original display position of the second floating window.

11. The method of claim 1, wherein, After the first interface of the first application is displayed full screen, the method further includes: while the first application is displayed full screen, displaying a multitasking icon; in response to a user operation on the multitasking icon, displaying a third multitasking interface including a seventh floating window including a user interface of the first application.

12. The method of claim 1, wherein, The method further includes: displaying the first application and the second application in split screen mode; while the first application and the second application are displayed in split screen mode, displaying a multitasking icon; in response to a user operation on the multitasking icon, displaying a fourth multitasking interface including an eighth floating window and a ninth floating window, the eighth floating window including a user interface of the first application, and the ninth floating window including a user interface of the second application.

13. The method of claim 1, wherein, The method further includes: in response to an upward swipe gesture, displaying a background interface including a first multitasking card; in response to a user operation on the first multitasking card, redisplaying the first multitasking interface including the first floating window and the second floating window.

14. An electronic device, comprising: comprise one or more processors and one or more memories; wherein the one or more memories are coupled to the one or more processors, and the one or more memories are configured to store a computer program, and when the one or more processors execute the computer program, the method according to any one of claims 1-13 is performed.

15. A computer program product comprising instructions, characterized in that, The computer program product, when running on an electronic device, causes the electronic device to perform the method according to any one of claims 1-13.

16. A computer readable storage medium comprising a computer program, characterized in that, The computer program, when running on an electronic device, causes the electronic device to perform the method according to any one of claims 1-13.

Images