Display method, readable medium, electronic device, and program product

Abstract

The invention relates to the technical field of computers, and discloses a display method, a readable medium, electronic equipment and a program product. According to the method, when the electronic equipment is in a multi-task scheduling mode, if the electronic equipment detects that a floating window of at least one application is overlapped with a display area corresponding to a program dockbar, the program dockbar is hidden. And after the program dockbar is hidden, if the electronic equipment detects that the floating window of the application does not exist in the display area corresponding to the program dockbar, recovering to display the program dockbar. Therefore, the display area corresponding to the program dockbar can display the floating window of the application, and when the floating window is overlapped with the display area of the program dockbar, the program dockbar is hidden, so that the problem of shielding between the floating window of the application and the program dockbar can be solved, and the use experience of a user can be improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a display method, a readable medium, an electronic device, and a program product. Background Technology

[0002] To facilitate quick access to certain applications (such as frequently used or recently used applications), electronic devices typically display a program dock at the bottom of the screen, for example... Figure 1A The program dock 1021 in the user interface 10a of the tablet computer 10 shown.

[0003] If a user opens an application on their electronic device, and that application appears as a floating window (or free-form window) on the desktop, the application dock will typically appear on top of or below the application's floating window if the floating window overlaps with the application dock's display area. In other words, when the application's floating window and the application dock's display area overlap, the application dock may obscure the application's floating window, or vice versa, affecting the user experience. Summary of the Invention

[0004] The purpose of this application is to provide a display method, a readable medium, an electronic device, and a program product.

[0005] The first aspect of this application provides a display method applied to an electronic device. The method includes: displaying a first interface, the first interface including a first program dock displayed in a first area, wherein the first program dock includes an application icon of at least one application; detecting a first display instruction for a first floating window of a first application, determining that the first floating window corresponding to the first display instruction overlaps with the first area at a first display position, and the electronic device is in a first display mode, wherein in the first display mode, the electronic device can display more than two floating windows; and displaying a second interface, wherein in the second interface, the first floating window is displayed at the first display position, and the first program dock is hidden.

[0006] In this embodiment, the first display mode can be a multi-task scheduling mode, in which the electronic device 100 can display more than two floating windows. The electronic device detects that the display area corresponding to the first floating window overlaps with the display area corresponding to the first program dock, and hides the first program dock.

[0007] It's understandable that when the display area of ​​an application's floating window overlaps with the display area of ​​the application dock, hiding the application dock can prevent the application interface from being obscured, thus avoiding the problem of users being unable to view or interact with the obscured content, thereby improving the user experience.

[0008] In one possible implementation of the first aspect described above, the first interface further includes a second area, the second area excluding the first program dock, and, in a first display state of the first display mode, the application's floating window can be displayed at any position in the first and second areas.

[0009] In this embodiment of the application, the first display mode can be a free window display mode. In the free window display state of the multi-task scheduling mode, the application's floating window can be displayed at any position in the first area corresponding to the first program dock and the display area (i.e., the second area) of the available desktop space other than the first area.

[0010] In one possible implementation of the first aspect described above, detecting a first display instruction for a first floating window of a first application, determining a first display position of the first floating window corresponding to the first display instruction, wherein the first floating window overlaps with a first area, and the electronic device is in a first display mode, includes: determining a first display state of the electronic device in the first display mode; and wherein the first display instruction is an instruction generated in response to a first drag operation by a user, and the first display instruction is used to move the first floating window to the first display position corresponding to the first drag operation.

[0011] In this embodiment of the application, the display position corresponding to the first display instruction (i.e., the first display position) may be the end position of the user's first drag operation (e.g., the display position of the first floating window when the user raises his hand).

[0012] In one possible implementation of the first aspect described above, the method further includes: detecting a second display instruction for the first floating window corresponding to the first program dock being in a hidden state, wherein the second display instruction is used to display the first floating window at a second display position, wherein at the second display position, the first floating window does not overlap with the first area, and there are no floating windows other than the first floating window overlapping with the first area in the second interface; and displaying the first program dock in the first area.

[0013] In this embodiment, the second display position corresponding to the second display instruction can be the end position of the user's drag operation (e.g., the display position of the first floating window when the user raises their hand). If the electronic device detects that the first area does not overlap with the display area corresponding to the floating window of any application, the first program dock is restored to display.

[0014] In one possible implementation of the first aspect described above, the method further includes: corresponding to the first program dock being in a hidden state, detecting a user operation to prevent the first floating window from being displayed, and there being no floating window other than the first floating window overlapping the first area in the second interface; and displaying the first program dock in the first area.

[0015] In this embodiment of the application, the user operation for not displaying the first floating window can be the operation of closing the first floating window, or the operation of switching the first floating window to run in the background, etc.

[0016] In one possible implementation of the first aspect described above, corresponding to the first program dock being in a hidden state, a user's swiping operation within a preset range in the first area is detected; the first program dock is displayed in the first area and above the first floating window.

[0017] In this embodiment, in response to a display command for restoring the display of a hidden app dock, the electronic device restores the display of the first app dock. Furthermore, the electronic device sets the first app dock as the top-level display.

[0018] In one possible implementation of the first aspect described above, the method further includes: detecting a user's action of clicking on the second area or opening a second application, and hiding the first program dock displayed in the first area and above the first floating window.

[0019] In this embodiment, after the first program dock is restored, the electronic device detects other intentional operations such as the user clicking on the second area or opening the second application (e.g., clicking the application icon of the second application in the first program dock), and hides the first program dock again.

[0020] In one possible implementation of the first aspect described above, the method further includes: displaying a third interface, the third interface corresponding to a second display mode, wherein in the second display mode, the number of floating windows that the electronic device can display is less than or equal to two; detecting that the user selects the first display mode, displaying a fourth interface, and entering the first display state of the first display mode.

[0021] In this embodiment of the application, the second display mode can be a normal mode.

[0022] In one possible implementation of the first aspect described above, the first display mode further includes a second display state, the first interface includes a first control, the first control corresponds to the second display state of the first display mode; and the method further includes: corresponding to the user selecting the first control, displaying a fifth interface and entering the second display state of the first display mode, wherein the fifth interface includes multiple split-screen areas in a third area and a first program dock, wherein the third area is a display area that merges the first area and the second area.

[0023] In this embodiment, the second display state can be a template display state. The desktop in the template display state includes multiple layout areas (i.e., split-screen areas) within the available desktop space (i.e., the third area) and a first application dock. That is, the multiple layout areas are displayed in the combined display area of ​​the first area corresponding to the first application dock and the second area within the available desktop space excluding the first area.

[0024] In one possible implementation of the first aspect described above, detecting a first display instruction for a first floating window of a first application, determining a first display position of the first floating window corresponding to the first display instruction, wherein the first floating window overlaps with a first region, and the electronic device is in a first display mode, includes: determining a second display state in the first display mode; and the first display instruction is an instruction generated in response to an operation by a user dragging the icon of the first application in the first program dock to the first display position, wherein the first display position is the position in the first split-screen region among multiple split-screen regions in the third region.

[0025] In one possible implementation of the first aspect described above, floating windows are displayed for each of the multiple split-screen areas, and the electronic device switches from the second display state of the first display mode to the first display state.

[0026] In one possible implementation of the first aspect described above, the method further includes: when at least one of the multiple split-screen areas does not display a floating window, corresponding to detecting a user's click operation on any location in the second area, the electronic device switches from a second display state of the first display mode to a first display state.

[0027] It is understandable that if an electronic device detects that it is in a template display state, it will maintain the display of the application dock, so that users can drag the application icons in the application dock to display the floating window of the corresponding application in the display area of ​​the floating window of the non-displayed application, thereby improving the user experience.

[0028] In one possible implementation of the first aspect described above, the method further includes: hiding the first program dock by not adding a control corresponding to the first program dock in the view of the display area corresponding to the first program dock.

[0029] In one possible implementation of the first aspect described above, the method further includes setting the attribute value of the view of the display area corresponding to the first program dock to a pass-through attribute.

[0030] In one possible implementation of the first aspect described above, the method further includes: displaying the first program dock by adding a control corresponding to the first program dock to the view of the display area corresponding to the first program dock.

[0031] A second aspect of this application provides a readable medium storing instructions that, when executed on an electronic device, cause the electronic device to perform any of the methods described in the first aspect above.

[0032] A third aspect of this application provides an electronic device, including a memory for storing instructions executable by one or more processors of the electronic device, and a processor, one of the processors of the electronic device, for performing any of the methods described in the first aspect above.

[0033] A fourth aspect of this application provides a program product including instructions that, when executed by an electronic device, enable the electronic device to implement any of the methods described in the first aspect above. Attached Figure Description

[0034] To more clearly illustrate the specific embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the specific embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present invention. For those skilled in the art, other drawings can be obtained from these drawings without creative effort.

[0035] Figure 1A A schematic diagram of a desktop is shown according to an embodiment of this application;

[0036] Figure 1B A schematic diagram of a user interface corresponding to a split-screen function is shown according to an embodiment of this application;

[0037] Figure 1C A schematic diagram of a user interface corresponding to a multi-application window floating display function is shown according to an embodiment of this application;

[0038] Figures 2A to 2G An embodiment of this application illustrates a schematic diagram of the changes in the user interface of an electronic device under a multi-task scheduling mode;

[0039] Figure 3AA schematic diagram of a user interface in which a program dock bar is displayed on top of a floating window is shown according to an embodiment of this application;

[0040] Figure 3B An embodiment of this application illustrates a schematic diagram of a user interface in which a floating window is displayed above a program dock.

[0041] Figure 3C An embodiment of this application illustrates a user interface in which the display area corresponding to the program dock cannot display the application's floating window;

[0042] Figures 4A to 4D An embodiment of this application illustrates a user interface change of hiding and restoring the display of the program dock;

[0043] Figures 5A to 5J An embodiment of this application illustrates another user interface change involving hiding and restoring the program dock;

[0044] Figures 6A to 6C An embodiment of this application illustrates a user interface change involving restoring and re-hiding the program dock when it is already hidden.

[0045] Figures 7A to 7N An embodiment of this application illustrates a schematic diagram of user interface changes that display floating windows of multiple applications via layout selection operations;

[0046] Figure 8 A flowchart of a display method is shown according to an embodiment of this application;

[0047] Figure 9 A flowchart illustrating another display method is shown according to an embodiment of this application;

[0048] Figure 10 A software structure block diagram of an electronic device 100 is shown according to an embodiment of this application;

[0049] Figure 11 An embodiment of this application illustrates a schematic diagram of the software module interaction flow of a display method;

[0050] Figure 12 A schematic diagram of the structure of an electronic device 100 is shown according to an embodiment of this application. Detailed Implementation

[0051] The illustrative embodiments of this application include, but are not limited to, a display method, a readable medium, an electronic device, and a program product.

[0052] To make the objectives, technical solutions, and advantages of this application clearer, the technical solutions in the embodiments of this application will be described clearly and in detail below with reference to the accompanying drawings.

[0053] It is understood that the technical solutions of this application are applicable to various electronic devices with displays. The electronic devices in the embodiments of this application may also be referred to as terminals, user equipment (UE), mobile stations (MS), mobile terminals (MT), etc. Terminal devices may include mobile phones, smart TVs, wearable devices, tablets, computers with wireless transceiver capabilities, cameras with wireless charging, vehicle dashcams, virtual reality (VR) terminal devices, augmented reality (AR) terminal devices, wireless terminals in smart homes, etc. This application does not impose any limitations on the specific type of electronic device.

[0054] For ease of explanation, the following uses a tablet computer 10 as an example to introduce the technical solutions of the embodiments of this application.

[0055] Before introducing the technical solutions involved in the embodiments of this application, some of the terms included in the embodiments of this application will be explained.

[0056] (1) Desktop

[0057] The desktop, also known as the home screen or main interface, is a common user interface on electronic devices. It displays visual interface elements such as application icons, widgets, and service cards. These elements can refer to graphical user interface (GUI) applications, providing shortcuts to visual information and / or functions. For example, a weather clock widget displays the time and weather. Instant messaging app icons, gallery app icons, and other application icons provide shortcuts to open the corresponding applications. When the electronic device displays other user interfaces, it can return to the desktop by pressing the home button or swiping up from the bottom of the screen.

[0058] For example, refer to Figure 1A The diagram shows a desktop.

[0059] like Figure 1AAs shown, the user interface 10a includes a status bar area 101 and a desktop available space 102. The status bar area 101 includes information such as time, network, and Bluetooth (BT). The desktop available space 102 includes components such as a weather clock, health and fitness tracking, and smart suggestions; icons for applications such as browsers, video apps, gallery apps, and instant messaging apps; and an application dock 1021. The application dock 1021 includes application icons for multiple applications and a mode switching control (or mode switching button) 1022, which provides the function of switching between normal mode and multi-tasking mode.

[0060] Understandable. Figure 1A This is just one example of a desktop. In other embodiments, the desktop may include more or fewer components than illustrated, and this application does not impose any specific limitations on this.

[0061] (2) Program dock

[0062] The application dock, also known as the taskbar, primarily displays the application icon and commonly used function controls of at least one application on an electronic device (such as frequently used applications or running applications), allowing users to quickly access and use the corresponding applications and / or functions.

[0063] The program dock can be displayed in the bottom display area of ​​the available desktop space, for example... Figure 1A The program dock 1021 shown is located in the bottom display area of ​​the available desktop space 102. The program dock can also be displayed in other locations on the available desktop space, such as the top display area, left display area, right display area, etc.

[0064] (3) Normal desktop mode

[0065] Normal desktop mode (or simply normal mode) is a desktop display mode that supports application split-screen display and multiple application windows floating display. A desktop in normal mode can be seen in the example above. Figure 1A The user interface 10a shown is shown.

[0066] Split-screen functionality is a feature that allows two application windows to be displayed side-by-side on the available desktop space. (See reference...) Figure 1B The diagram shows the user interface corresponding to the split-screen function.

[0067] like Figure 1BAs shown, in the available desktop space of tablet computer 10, area 1 displays the display window of application A, and area 2 displays the display window of application B. It can be understood that the size of the display window of application A and the display window of application B can be the same or different.

[0068] The multi-application window floating display feature allows multiple applications to be displayed simultaneously in floating windows on the available desktop space. The number of floating windows is preset by the developers and must be less than or equal to a threshold (e.g., two). See reference [link / reference]. Figure 1C The diagram shows the user interface corresponding to the multi-application window floating display function.

[0069] like Figure 1C As shown, the user interface 10c of the tablet computer 10 displays a floating window 103 for an instant messaging application and a floating window 104 for a gallery application. Furthermore, beneath the floating windows 103 and 104, components such as a weather clock, health and fitness tracking, and smart suggestions are displayed, along with icons for applications such as a browser, video, gallery, and instant messaging application, as well as an application dock.

[0070] (4) Multi-task scheduling mode

[0071] Multitasking mode, also known as free screen mode, is a desktop display mode that supports floating display of all application windows on an electronic device. In other words, if an electronic device is in multitasking mode, it can display floating windows of all installed applications within the available desktop space.

[0072] Furthermore, if the electronic device is in multitasking mode and the user has not opened any applications, the available desktop space only includes the application dock. The application dock includes application icons for multiple applications, mode switching controls, and controls for selecting all application icons.

[0073] It is understandable that the maximum number of floating windows that an electronic device can display simultaneously in multitasking mode is greater than the maximum number of floating windows that the electronic device can display simultaneously in normal mode.

[0074] In other words, if an electronic device can display two or fewer floating application windows in normal mode, then the electronic device can display more than two floating application windows in multitasking mode.

[0075] It is understandable that users can interact with the mode switching control in the application dock (e.g., clicking it) to put the electronic device into multitasking mode, that is, switch the desktop display mode from normal mode to multitasking mode. Alternatively, users can interact with the mode switching control in the application dock (e.g., clicking it) to exit multitasking mode, that is, switch the desktop display mode from multitasking mode to normal mode.

[0076] For example, in normal mode, users can click... Figure 1A The toggle control 1022 in the program dock 1021 of the user interface 10a shown causes the tablet computer 10 to switch the desktop display mode from normal mode to multitasking mode.

[0077] In response to a user's click on the mode switching control 1022 in the user interface 10a, the tablet computer 10 displays as shown in the image. Figure 2A The user interface 20a shown is understood to be a desktop in multitasking mode.

[0078] like Figure 2A As shown, the user interface 20a of the tablet computer 10 includes an application dock 201. The application dock 201 displays application icons for multiple applications, a mode switching control 2011, and a "Select All Applications" control 2012. When the user clicks the "Select All Applications" control, the electronic device can display a list of all its applications.

[0079] Understandable, compared to Figure 1A The user interfaces 10a and 20a shown do not display components such as weather clock, sports and health, smart suggestions, or application icons for applications such as browser, video, gallery, and instant messaging.

[0080] Multitasking mode can include a free-window display state. In free-window display state, the display position and size of the floating windows of various applications on the desktop of the electronic device can be adjusted by the user.

[0081] For example, users can access the... Figure 2A Clicking or dragging the application icons in the program dock 201 of the user interface 20a will cause the corresponding application to be displayed in the user interface 20a as a floating window.

[0082] For example, in response to user requests Figure 2A When the application icon of application A in the program dock 201 of the user interface 20a shown is clicked, the tablet computer 10 displays as follows: Figure 2BThe user interface 20b is shown. (As shown) Figure 2B As shown, the user interface 20b includes a program dock and a floating window 202 for application A.

[0083] It is understandable that users can adjust the display position of application A's floating window 202 by dragging it. Users can also adjust the display size of application A's floating window 202 by scaling it.

[0084] Understandably, in multi-task scheduling mode, users can click... Figure 2A The toggle control 2011 in the program dock 201 of the user interface 20a shown causes the tablet computer 10 to switch the desktop display mode from multitasking mode to normal mode.

[0085] Understandably, users can also click... Figure 2A The user interface 20a shows a program dock 201 with an all-application icon selection control 2012, which allows you to view all applications installed on the tablet computer 10.

[0086] For example, if tablet 10 detects that the user... Figure 2A The click operation of the all application icon selection control 2012 in the user interface 20a shown indicates that, in response to the user's click operation, the tablet computer can display the application icons of all applications installed on the tablet computer 10. For example, displaying... Figure 2C The user interface shown is 20c.

[0087] like Figure 2C As shown, the user interface 20c of the tablet computer 10 includes an application dock 201 and a list of all applications 2013. The list of all applications 2013 displays the application icons and names of all applications installed on the tablet computer 10. It can be understood that users can open the corresponding application's floating window by clicking the application icon in the list of all applications 2013.

[0088] Optionally, when the electronic device is in normal mode, the mode switching control can be inactive. When the electronic device is in multitasking mode, the mode switching control can be active. Compared to the inactive mode switching control, the active mode switching control has a darker background and border color, or a shadow effect, to achieve a "pressed" visual effect.

[0089] For example, a mode switching control that is inactive can be referenced. Figure 1A The mode switching control 1022 in the user interface 10a shown, when active, can be referred to as... Figure 2AThe mode switching control 2011 in the user interface 20a shown. The background and border colors of mode switching control 2011 are darker than those of mode switching control 1022.

[0090] Multi-tasking mode can also include a template display state. In template display state, the electronic device offers users multiple desktop layout options (or template formats). Each layout option provides a strategy for dividing the available space on the electronic device's desktop into at least two layout areas (or split-screen areas) of the same or different sizes. It can be understood that in template display state, the display position and size of the floating windows of each application on the desktop are pre-configured by the electronic device's system and are relatively fixed, and cannot be adjusted by the user.

[0091] For example, in multitasking mode, a layout selection control (or template button) can be displayed in the application dock. The layout selection control provides multiple desktop layout options. After the user selects a preferred layout, the available desktop space is divided into multiple layout areas of the same or different sizes. Furthermore, the floating window of the selected application is displayed in each layout area. In other words, the user can switch the electronic device from a free-window display state to a template display state by selecting a layout.

[0092] In some embodiments, when the electronic device is in template display mode, if it is detected that there is no layout area with a floating window of an undisplayed application in the multiple layout areas corresponding to the first layout mode among the multiple layout modes selected by the user, the device switches from template display mode to free window mode after a preset time (e.g., 200 microseconds, 500 milliseconds, etc.).

[0093] In other embodiments, when the electronic device is in template display mode, if a user operation such as clicking the layout selection control or clicking any position in the display area of ​​the available desktop space other than the display area corresponding to the program dock is detected, the device switches from template display mode to free window mode.

[0094] For example, Figure 2D An embodiment of this application illustrates another desktop in a multitasking scheduling mode.

[0095] like Figure 2DAs shown, the user interface 20d of the tablet computer 10 includes an application dock 203. The application dock 203 includes application icons for multiple applications, a mode switching control 7011, and a layout selection control 2032. Furthermore, the mode switching control 7011 is active, meaning the tablet computer 10 is currently in multitasking mode. At this time, the user can open application windows for multiple applications through layout selection, and display these application windows in their respective display areas.

[0096] For example, in response to such Figure 2D When a user clicks the layout selection control 2032 in the interface shown, the tablet computer 10 can display a layout option area in the preset display area above the layout selection control 2032, allowing the user to select a layout method, such as displaying... Figure 2E The user interface shown is 20e.

[0097] like Figure 2E As shown, the user interface 20e includes an application dock 203 and a layout option area 204. The layout option area 204 includes text prompts such as "Quick Layout" and "Click the following icons to quickly layout desktop windows," as well as multiple layout options (or layout icons). The user can then select a layout option, causing the tablet 10 to divide the available desktop space into multiple corresponding display areas according to the user's selection, so that application floating windows can be displayed in each display area.

[0098] For example, the tablet 10 can divide the available desktop space into, for example... Figure 2F The user interface shown in Figure 20f has four layout areas of the same size.

[0099] For example, the tablet 10 can divide the available desktop space into, for instance... Figure 2G The user interface 20g shown has three layout areas. The left layout area has a different size from the two right layout areas, while the two right layout areas have the same size.

[0100] As mentioned earlier, if a user opens an application on an electronic device, and that application is displayed as a floating window on the device's desktop, for example... Figure 2B The floating window 202 of application A in the user interface 20b shown.

[0101] In some cases, when an electronic device detects that an application's floating window overlaps with the display area of ​​the application dock, it will display the application's floating window on top of or below the application dock. Therefore, the application dock may obstruct the application's floating window, or vice versa, affecting the user experience.

[0102] For example, refer to Figure 3A The diagram shows the user interface displayed above the floating window, with the program dock bar shown. Figure 3B The diagram shows a user interface displayed above the program dock in a floating window.

[0103] like Figure 3A As shown, the user interface 30a of the tablet computer 10 includes a floating window 301 for application A and an application dock 302. Furthermore, the display areas corresponding to the floating window 301 for application A and the application dock 302 overlap, with the application dock 302 displayed on top of the floating window 301 for application A.

[0104] like Figure 3B As shown, the user interface 30b of the tablet computer 10 includes a floating window 301 for application A and an application dock 302. Furthermore, the display areas corresponding to the floating window 301 for application A and the application dock 302 overlap, with the floating window 301 for application A displayed on top of the application dock 302.

[0105] It is understandable that if a user needs to view or interact with the obscured content (such as clicking), they need to drag the application's floating window so that it does not overlap with the display area of ​​the application's dock before viewing or interacting with it.

[0106] In other cases, the application's floating window may not be displayed in the area corresponding to the application dock. That is, users cannot drag the application's window to the display area of ​​the application dock, impacting the user experience.

[0107] For example, such as Figure 3C As shown, the floating window 301 of application A can only be displayed in the display area 303 above the display area corresponding to the program dock 302.

[0108] In summary, currently, the display area corresponding to the application dock cannot display the application's floating window, or when the application's floating window overlaps with the display area of ​​the application dock, there will be obstruction between the application's floating window and the application dock, affecting the user experience.

[0109] To address the aforementioned problems, this application provides a display method. In this method, the electronic device is in a multi-tasking mode. If the electronic device detects that at least one application's floating window overlaps with the display area corresponding to the application dock, the application dock is hidden, i.e., not displayed (e.g., the display state of the application dock is set to not be displayed). After hiding the application dock, if the electronic device detects that no application's floating window exists in the display area corresponding to the application dock, the application dock is restored to display.

[0110] In this way, the display area corresponding to the application dock can display the application's floating window. Furthermore, when the application's floating window overlaps with the display area of ​​the application dock, hiding the application dock can solve the aforementioned occlusion problem. This avoids the problem of users being unable to view or interact with the obscured content due to the application interface being obscured, thereby improving the user experience.

[0111] It is understood that the desktop of an electronic device may include one or more application docks. That is, if the electronic device is in multitasking mode and detects that the floating window of at least one application overlaps with the display area corresponding to at least one application dock, then the at least one application dock is hidden. After hiding the at least one application dock, if the electronic device detects that there is no floating window of any application in the display area corresponding to at least one of the hidden application docks, then the at least one hidden application dock is re-displayed.

[0112] For example, Figures 4A to 4D An embodiment of this application illustrates a user interface change involving hiding and restoring the display of a program dock.

[0113] It's understandable that when an electronic device is in multitasking mode, users can click or drag application icons in the application dock to display the corresponding application's floating window on the desktop. Users can also drag the floating window on the desktop to change its display position. For example, with... Figure 2B Taking the user interface 20b shown as an example, the user can drag the floating window 202 of application A to change the display position of the floating window 202 of application A in the user interface 20b.

[0114] Assuming the user will Figure 2B Drag the floating window 202 of application A shown to a position where it overlaps with the display area of ​​the program dock 201. For example... Figure 4AAs shown, the user interface 40a of the tablet computer 10 includes a floating window 401 for application A (corresponding to the floating window 202 of application A mentioned above) and an application dock 402 (corresponding to the application dock 201 mentioned above). Furthermore, the display areas corresponding to the floating window 401 of application A and the application dock 402 overlap. At this time, the tablet computer 10 hides the application dock 402, for example, displaying... Figure 4B The user interface shown is 40b.

[0115] like Figure 4B As shown, the user interface 40b of the tablet computer 10 includes a floating window 401 for application A, and the area below the floating window 401 of application A is located in the display area 403 corresponding to the program dock.

[0116] If, after the tablet 10 hides the application dock 402, the tablet 10 detects that there is no floating window of an application in the display area 403 corresponding to the application dock, the tablet 10 restores the display of the application dock. For example, displaying... Figure 4C The user interface shown is 40c.

[0117] like Figure 4C As shown, the user interface 40c of the tablet computer 10 includes a floating window 401 for application A. This floating window 401 is located in the display area above the display area 403 corresponding to the program dock; that is, the display area 403 corresponding to the program dock does not contain the application's floating window. At this time, the tablet computer 10 restores the display of the program dock, for example, displaying... Figure 4D The user interface shown is 40d.

[0118] like Figure 4D As shown, the user interface 40d of the tablet computer 10 includes a floating window 401 for application A and an application dock 402. Furthermore, the display areas of the floating window 401 for application A and the application dock 402 do not overlap.

[0119] Understandable. Figures 4A to 4D This example uses only a single application's floating window. In other embodiments, the user interface of the tablet computer 10 may include multiple application floating windows. If any application's floating window overlaps with the display area of ​​the application dock, the application dock is hidden. After hiding the application dock, if no application's floating window exists in the display area corresponding to the application dock, the application dock is restored.

[0120] Understandable. Figures 4A to 4DIn the scenario shown, only the floating window of application A is used as an example for illustration. It is understood that users can also display multiple application floating windows on the desktop of the electronic device by clicking on the application icons of multiple applications, etc. This application does not limit the number of floating windows.

[0121] Understandable. Figures 4A to 4D In the scenario shown, the technical solution of this application is illustrated using only an example of an electronic device's desktop including an application dock. The following section combines... Figures 5A to 5J The diagram illustrates another user interface change involving hiding and restoring the program dock, demonstrating the process of hiding and restoring the program dock in a scenario where the desktop of an electronic device includes multiple program docks.

[0122] For example, Figure 5A An embodiment of this application illustrates a desktop including a program dock located in the bottom display area and a program dock located in the right display area.

[0123] like Figure 5A As shown, the user interface 50a of the tablet computer 10 includes an application dock 501 located in the bottom display area, an application dock 502 located in the right display area, a floating window 503 for application A, and a floating window 504 for application B. The application dock 501 displays application icons for multiple applications and a mode switching control 5011, with the mode switching control 5011 being active, indicating that the tablet computer 10 is in multitasking mode. The application dock 502 displays application icons for multiple applications and a control 5021 for selecting all application icons.

[0124] It is understandable that users can open the corresponding application's floating window by clicking the application icon in the application dock 501 and application dock 502, or activate the corresponding application's floating window (e.g., switching the floating window from background to foreground). Users can also change the display position of application A's floating window 503 and application B's floating window 504 by dragging them. Users can also minimize application A's floating window 503 and application B's floating window 504 (e.g., switching to background operation or switching to floating ball display), or close application A's floating window 503 and application B's floating window 504.

[0125] Assuming the user will Figure 5A The floating window 503 of application A shown is dragged to a position where it overlaps with the display area of ​​the program dock 501. For example, the user drags the floating window 503 of application A from... Figure 5ADrag the display position in the user interface 50a shown to, as... Figure 5B The display position in the user interface 50b shown. In response to the user dragging the floating window 503 of application A to a position that overlaps with the display area of ​​the program dock 501, the tablet computer 10 hides the program dock 501, for example, displaying as shown. Figure 5C The user interface shown is 50c.

[0126] like Figure 5C As shown, the user interface 50c of the tablet computer 10 includes an application dock 502, a floating window 503 for application A, and a floating window 504 for application B. Furthermore, the area below the floating window 503 of application A is located in the display area 505 corresponding to the application dock 501.

[0127] If, after the tablet 10 hides the application dock 501, the tablet 10 detects that there is no floating window of an application in the display area 501 corresponding to the application dock, the tablet 10 will restore the display of the application dock. For example, if the tablet 10 detects that the user has closed the floating window 503 of application A, it will display as follows: Figure 5D The user interface shown is 50d.

[0128] like Figure 5D As shown, the user interface 50d of the tablet computer 10 includes an application dock 501, an application dock 502, and a floating window 504 for application B.

[0129] It is understandable that if, after the tablet computer 10 hides the program dock, it detects a user dragging operation on a floating window that overlaps with the display area corresponding to the hidden program dock, and the display position after dragging still overlaps with the display area corresponding to the hidden program dock, then the program dock will remain hidden.

[0130] For example, if tablet 10 detects that the user has moved application A's floating window 503 from... Figure 5C Drag the display position in the user interface 50c shown to, as... Figure 5E The display position in the user interface 50e shown. In response to the user dragging the floating window 503 of application A to a position that still overlaps with the display area of ​​the application dock 501, the tablet computer 10 keeps the application dock 501 hidden, for example, still displays as shown. Figure 5E The user interface shown is 50e.

[0131] like Figure 5EAs shown, the user interface 50e of the tablet computer 10 includes an application dock 502, a floating window 503 for application A, and a floating window 504 for application B. Furthermore, the lower portion of the floating window 503 for application A is located in the display area 505 corresponding to the application dock 501.

[0132] Assuming the user will Figure 5A The floating window 504 of application B shown is dragged to a position where it overlaps with both the display areas of the program dock 501 and the program dock 502. For example, the user drags the floating window 504 of application B from... Figure 5A Drag the display position in the user interface 50a shown to, as... Figure 5F The display position in the user interface 50f shown. In response to the user dragging the floating window 504 of application B to a position that overlaps with the display areas of both the program dock 501 and the program dock 502, the tablet computer 10 hides the program dock 501 and the program dock 502, for example, displaying as shown. Figure 5G The user interface shown is 50g.

[0133] like Figure 5G As shown, the user interface 50g of the tablet computer 10 includes a floating window 503 for application A and a floating window 504 for application B. Furthermore, the lower portion of the floating window 504 for application B is located in the display area 505 corresponding to the program dock 501, and the right portion of the floating window 504 for application B is located in the display area 506 corresponding to the program dock 502.

[0134] Understandably, users can... Figure 5G The floating window 503 of application A and / or the floating window 504 of application B in the user interface 50g shown are closed. Users can also... Figure 5G The floating window 503 of application A in the user interface 50g shown can be dragged to a display position that overlaps with the display area 505 corresponding to the program dock 501 and / or the display area 506 corresponding to the program dock 502. The user can also... Figure 5G The floating window 504 of application B in the user interface 50g shown is dragged to a display position that does not overlap with the display area 505 corresponding to the program dock 501 and / or the display area 506 corresponding to the program dock 502.

[0135] For example, if tablet 10 detects that the user will... Figure 5GWhen the floating window 504 of application B in the user interface 50g is closed, the floating window of the application will not appear in either the display area 505 corresponding to the program dock 501 or the display area 506 corresponding to the program dock 502. In response to the user's operation, the tablet computer 10 may not display the floating window 504 of application B and may restore the display of the program dock 501 and program dock 502, for example, displaying... Figure 5H The user interface shown is 50h.

[0136] like Figure 5H As shown, the user interface 50d of the tablet computer 10 includes an application dock 501, an application dock 502, and a floating window 503 for application A.

[0137] For example, if tablet computer 10 detects that the user has moved application B's floating window 504 from... Figure 5G Drag the display position in the user interface 50g shown to, as... Figure 5I The display position in the user interface 50i shown. In response to the user dragging the floating window 504 of application B to a position that still overlaps with the display area of ​​the application dock 501 but does not overlap with the display area 506 corresponding to the application dock 502, the tablet computer 10 keeps the application dock 501 hidden and restores the display of the application dock 502. For example, displaying as shown Figure 5J The user interface shown is 50j.

[0138] like Figure 5J As shown, the user interface 50j of the tablet computer 10 includes an application dock 502, a floating window 503 for application A, and a floating window 504 for application B. Furthermore, the lower portion of the floating window 504 for application B is located within the display area 505 corresponding to the application dock 501.

[0139] In some embodiments, if the application dock is hidden but a floating window still exists in the display area corresponding to the application dock, and the electronic device detects a user's operation to restore the display of the application dock (e.g., a swipe operation within the display area corresponding to the application dock), then the application dock is restored. For example, in the case of a tablet computer 10... Figure 4B In the user interface 40b shown, if the user is detected to slide upwards from the bottom of the display area 403 corresponding to the program dock, the program dock will be displayed again.

[0140] It is understandable that if no other user action is detected after the electronic device detects the user's action to restore the display of the application dock, the display of the application dock will be maintained.

[0141] If, after the app dock is restored, the electronic device detects other user actions (such as clicking anywhere on the screen, such as clicking an app icon in the app dock, clicking an app's floating window, or clicking anywhere on the desktop where no floating window or app dock is displayed), the electronic device responds to the user's actions (such as displaying the floating window of the app corresponding to the app icon clicked by the user) and hides the app dock.

[0142] For example, Figures 6A to 6C An embodiment of this application illustrates a user interface change involving restoring and re-hiding the program dock when it has been hidden.

[0143] Figure 6A This diagram illustrates the user interface of tablet 10 with the application dock hidden. Figure 6A As shown, the user interface 60a includes a floating window 601 for application A, and the lower part of the floating window 601 for application A is located in the display area 602 corresponding to the program dock.

[0144] If the user detects such Figure 6A The user's action ①, swiping upwards from the bottom of the display area 602 corresponding to the program dock, can restore the display of the program dock. For example, displaying... Figure 6B The user interface 60b shown is shown.

[0145] like Figure 6B As shown, the user interface 60b includes a floating window 601 of application A and an application dock 603 displayed in the display area 602 corresponding to the application dock. The application dock 603 is displayed on top of the floating window 601 of application A, obscuring the portion of the floating window 601 of application A that is located in the display area 602 corresponding to the application dock.

[0146] It's understandable that if a user click is detected, such as... Figure 6B The operation of the application icon of application B in the program dock 603, as shown, responds to the user's click operation. The tablet computer 10 can then display a floating window of application B and hide the program dock again. For example, displaying... Figure 6C The user interface shown is 60c.

[0147] like Figure 6C As shown, the user interface 60c includes a floating window 601 for application A and a floating window 604 for application B. The lower portion of the floating window 601 for application A is located within the display area 602 corresponding to the program dock.

[0148] Optionally, if a user click is detected, such as Figure 6BThe operation of the application icon of application B in the program dock 603, as shown, responds to the user's click operation. The tablet computer 10 can display an animation effect that first hides the program dock again and then displays the floating window of application B. For example, the tablet computer 10 first displays as shown... Figure 6A The user interface 60a shown displays the following after a preset time (e.g., 200 milliseconds, 500 milliseconds, etc.): Figure 6C The user interface shown is 60c.

[0149] It is understood that the above description of the display method provided in the embodiments of this application is based solely on the scenario of a free window display state in a multi-task scheduling mode of an electronic device.

[0150] In other embodiments, where the program dock also includes a layout selection control, the user can switch the electronic device from the aforementioned free-window display state to a template display state by selecting a layout.

[0151] In template display mode, if the electronic device detects that there is at least one application's floating window in the display area corresponding to the application dock, and there are also layout areas with floating windows of non-displayed applications in the multiple layout areas corresponding to the first layout mode, the electronic device will maintain the display of the application dock. If the electronic device detects that there is at least one application's floating window in the display area corresponding to the application dock, and there are no layout areas with floating windows of non-displayed applications in the multiple layout areas corresponding to the first layout mode, the application dock will be hidden.

[0152] In other words, if the electronic device detects that an application's floating window overlaps with the display area of ​​the app dock, and that the application's floating window was opened using a layout selection operation (meaning its display position corresponds to one of the multiple display areas corresponding to the user-selected layout), then the electronic device will hide the app dock after detecting that the application's floating window is displayed in all multiple display areas corresponding to the user-selected layout. If the electronic device detects that there are still display areas in the multiple display areas corresponding to the user-selected layout where no application's floating window is displayed, then the app dock will remain displayed, allowing the user to drag the application icon in the app dock to display the corresponding application's floating window in the display area of ​​the non-displaying application's floating window, thereby improving the user experience.

[0153] For example, Figures 7A to 7N An embodiment of this application illustrates a schematic diagram of user interface changes that display floating windows of multiple applications via layout selection operations.

[0154] like Figure 7AAs shown, the user interface 70a of the tablet computer 10 includes an application dock 701. The application dock 701 includes application icons for multiple applications, a mode switching control 7011, and a layout selection control 7012. At this time, the user can switch the electronic device from the aforementioned free window display state to a template display state by selecting a layout mode.

[0155] For example, in response to such Figure 7A When a user clicks the layout selection control 7012 in the interface shown, the tablet computer 10 can display a layout option area in the preset display area above the layout selection control 7012, allowing the user to select a layout method, such as displaying... Figure 7B The user interface shown is 70b.

[0156] like Figure 7B As shown, the user interface 70b includes an application dock 701 and a layout option area 702. The layout option area 702 includes text prompts such as "Quick Layout" and "Click the following icons to quickly layout desktop windows," as well as multiple layout options (or layout icons), such as layout option 7021. The user can then select a layout option, causing the tablet 10 to divide the available desktop space into multiple corresponding display areas according to the user-selected layout, so that application floating windows can be displayed in each display area.

[0157] For example, in response to such Figure 7B In the interface shown, when the user clicks on layout method 7021, the tablet computer 10 can divide the available desktop space into three vertical display areas according to layout method 7021, for example, displaying... Figure 7C The user interface 70c shown is in the template display state at this time.

[0158] like Figure 7C As shown, the user interface 70c includes an application dock 701, a display area 703, a display area 704, and a display area 705. Display areas 703, 704, and 705 are displayed as masks. The application dock 701 is displayed on top of display areas 703, 704, and 705. Users can drag application icons from the application dock 701 to the corresponding display area, causing the tablet 10 to display a floating window of the dragged application in that area.

[0159] For example, in response to a user dragging the icon of application A from the application dock 701 to the display area 703, for example Figure 7DAs shown in operation ②, the tablet computer 10 can display a floating window of application A in the display area 703, for example, displaying... Figure 7E The user interface shown is 70e.

[0160] like Figure 7E As shown, the user interface 70e includes an application dock 701, a display area 704, a display area 705, and a floating window 706 for application A. The floating window 706 for application A is displayed as shown in the image. Figure 7D The display areas 704 and 705 are displayed in the form of masks at the position corresponding to the display area 703 shown. Furthermore, the program dock 701 is displayed on top of the floating window 706 of application A, the mask of display area 704, and the mask of display area 705.

[0161] At this time, since the tablet computer 10 is still in template display mode, and no application floating windows are displayed in display areas 704 and 705, the application dock 701 remains displayed and is shown at the top level. It is understood that the user can continue to drag application icons from the application dock 701 to display areas 704 and 705, causing the tablet computer 10 to display the floating windows of the dragged applications in display areas 704 and 705.

[0162] For example, in response to such Figure 7F As shown, when a user drags the icon of application B from the application dock 701 to the display area 704, the tablet computer 10 can display a floating window of application A in the display area 704, for example, displaying... Figure 7G The user interface shown is 70g.

[0163] like Figure 7G As shown, the user interface 70g includes an application dock 701, a display area 705, a floating window 706 for application A, and a floating window 707 for application B. The floating window 707 for application B is displayed as shown in the image. Figure 7F The display area 705 is displayed in a masked manner at the position corresponding to the display area 704 shown. Furthermore, the application dock 701 is displayed on top of the floating window 706 of application A, the floating window 707 of application B, and the mask of display area 705. At this time, since the tablet computer 10 is still in template display mode and no application floating window is displayed in display area 705, the application dock 701 remains displayed and is shown on top. It can be understood that the user can continue to drag application icons from the application dock 701 to display area 705, causing the tablet computer 10 to display the floating window of the dragged application in display area 705.

[0164] For example, in response to such Figure 7H The user drags the icon of application C from the application dock 701 to the display area 705. The tablet computer 10 can then display a floating window of application C in the display area 705, and after a preset time (e.g., 200 microseconds), switch from template display state to free window display state (i.e., exit template display state), and hide the application dock 701. It can be understood, for example, that displaying... Figure 7I The user interface shown is 70g.

[0165] like Figure 7I As shown, the user interface 70i includes a floating window 706 for application A, a floating window 707 for application B, and a floating window 708 for application B. Furthermore, the floating window 706 for application A is displayed as shown in the image. Figure 7C The floating window 707 of application B is displayed at the position corresponding to the display area 703 shown. Figure 7C The floating window 708 of application C is displayed at the position corresponding to the display area 704 shown. Figure 7C The position corresponding to display area 705 is shown. It can be understood that at this time, the tablet computer 10 is in free window display mode. The user can drag the floating windows 706, 707, and 708 of application A to adjust their display positions in the user interface 70i. The user can also scale the floating windows 706, 707, and 708 of application A to adjust their display size in the user interface 70i. It can be understood that when the electronic device is in template display mode, if the electronic device detects a user's operation to exit template display mode (e.g., clicking anywhere in the available desktop space except for the display area corresponding to the program dock, clicking the layout selection control, etc.), it exits template display mode, that is, switches from template display mode to free window display mode.

[0166] For example, suppose tablet 10 is in Figure 7E In the user interface 70e shown, if a user clicks on the floating window 706 of application A is detected, the template display mode is exited, and the program dock 701 is hidden. For example, as shown... Figure 7J The user interface shown is 70j.

[0167] like Figure 7JAs shown, the user interface 70j of the tablet computer 10 includes a floating window 706 for application A, and the lower part of the floating window 706 for application A is in the display area 709 corresponding to the program dock.

[0168] If, after the tablet computer 10 hides the application dock 701, the tablet computer 10 detects that there is no floating window of an application in the display area 709 corresponding to the application dock 701, the tablet computer 10 will restore the display of the application dock 701.

[0169] For example, if the tablet computer 10 detects that the user has scaled the floating window 706 of application A in the user interface 70j, so that the scaled floating window of the application does not overlap with the display area 709 corresponding to the program dock 701, the electronic device 10 will restore the display of the program dock 701.

[0170] like Figure 7K As shown, if the tablet computer 10 detects a zoom operation ③ performed by the user on the floating window 706 of application A in the user interface 70k, it will zoom the display size of the floating window 706 of application A to the size shown. Figure 7L The display size shown is that of the floating window 710 of application A in the user interface 70l shown. If the floating window of the application does not exist in the display area 709 corresponding to the program dock 701, the tablet computer 10, in response to the scaling operation, reduces the display size of the floating window 706 of application A and restores the display of the program dock 701. For example, displaying as... Figure 7M The user interface shown is 70m.

[0171] like Figure 7M As shown, the user interface 70m includes a floating window 710 for application A and a program dock 701 displayed in the display area 709.

[0172] For example, if the tablet computer 10 detects that the user has closed the floating window 706 of application A in the user interface 70j, causing the display area 709 corresponding to the application dock 701 to no longer contain the application's floating window, then the electronic device 10 will restore the display of the application dock 701. For example, displaying... Figure 7N The user interface shown is 70n.

[0173] like Figure 7N As shown, the user interface 70n includes a program dock 701 displayed in the display area 709.

[0174] To better understand the technical solutions of the embodiments of this application, the following is combined with... Figures 1A to 7N The scenario shown will be used to provide a detailed introduction to some of the technical solutions of this application.

[0175] Figure 8A flowchart illustrating a display method is shown according to an embodiment of this application. It can be understood that... Figure 8 The process shown is executed by electronic device 100 (e.g., Figures 1A to 7N Tablet 10 shown). Figure 8 As shown, this process includes, but is not limited to:

[0176] S801: Display the first interface, which includes a first program dock displayed in the first area.

[0177] An application dock is used to provide access to applications and / or functions in electronic device 100, so that users can quickly open the corresponding application, use the corresponding function, etc. Electronic device 100 may include one or more application docks, which may be displayed in a preset display area (as an example of a first area) of the available space of the desktop (as an example of a first interface).

[0178] It is understandable that if the electronic device 100 includes only one program dock, then the first program dock can be that program dock. For example, the first program dock could be... Figures 4A to 4D The program docking bar in the electronic device 100. If the electronic device 100 includes multiple program docking bars, the first program docking bar can be any one of the multiple program docking bars. For example, the first program docking bar can be... Figures 5A to 5J In the program dock 501, the first program dock can also be... Figures 5A to 5J The program docking bar is 502.

[0179] In some embodiments, the first application dock includes an application icon for at least one application. Therefore, the electronic device 100 can display a floating window of the application corresponding to the application icon after detecting a user's click on an application icon in the first application dock.

[0180] In other embodiments, the first application dock may include an application icon for at least one application and a mode switching control, wherein the mode switching control is used to provide the function of switching between a first display mode and a second display mode.

[0181] For example, when the electronic device 100 is in normal mode (as an example of the second display mode), if a user clicks on the mode switching control is detected, the electronic device 100 can switch from normal mode to multi-task scheduling mode (as an example of the first display mode).

[0182] For example, in response to user requests Figure 1A When the mode switching control 1022 in the user interface 10a in normal mode is clicked, the tablet computer 10 displays as shown. Figure 2AThe user interface 20a shown is in multi-task scheduling mode. That is, switching from normal mode to multi-task scheduling mode.

[0183] For example, when electronic device 100 is in multitasking mode, if a user clicks on the mode switching control is detected, electronic device 100 can switch from multitasking mode to normal mode. For example, in response to a user's click on the mode switching control... Figure 2A The touch operation of the switching control 2011 in the user interface 20a in multi-task scheduling mode, as shown, causes the tablet computer 10 to display as follows: Figure 1A The user interface 10a shown is in normal mode. That is, switching from multi-tasking mode to normal mode.

[0184] In some embodiments, when the electronic device 100 is in normal mode, the mode switching control may be inactive. When the electronic device 100 is in multitasking mode, the mode switching control may be active. For example, Figure 1A The mode switching control 1022 in the user interface 10a shown in normal mode is inactive. For example, Figure 2A The toggle control 2011 in the user interface 20a shown in the multitasking scheduling mode is active.

[0185] Optionally, the first application dock may also display a full application icon selection control. The full application icon selection control provides an entry point to all applications installed on the electronic device 100. For example, after the electronic device 100 detects a user's click on the full application icon selection control, the electronic device 100 may display a list of all its applications (e.g., application icons, application names, etc.). For example, the format of the application list of all applications on the electronic device 100 may refer to... Figure 2C The complete list of applications 2013 in the user interface 20c of the tablet computer 10 shown.

[0186] S802: A first display command for the first floating window of the first application is detected, and it is determined that the first floating window overlaps with the first area under the first display position corresponding to the first display command, and the electronic device 100 is in the first display mode.

[0187] The first display mode can be a multi-task scheduling mode, in which the electronic device 100 can display more than two floating windows. The second display mode can be a normal mode, in which the electronic device 100 can display two or fewer floating windows.

[0188] It is understood that the multi-tasking scheduling mode can include a free window display state (as an instance of the first display state) and a template display state (as an instance of the second display state). The first program dock also includes a layout selection control.

[0189] It can be understood that in the free window display state of multi-tasking mode, the application's floating window can be displayed anywhere within the first area corresponding to the first program dock and the display area of ​​the available desktop space excluding the first area (as an instance of the second area). In other words, in the free window display state of multi-tasking mode, the application's floating window can be displayed anywhere within the available desktop space.

[0190] Specifically, the display states of free windows and templates can be referred to in the aforementioned descriptions of the display states of free windows and templates, which will not be repeated here.

[0191] In some embodiments, the free window display state is the default display state of the multitasking mode. When the electronic device 100 is in normal mode (as an example of the second display mode), if a user click operation on the mode switching control is detected, the electronic device 100 can switch from normal mode to the free window display state of the multitasking mode. That is, if the electronic device is on the desktop in normal mode (as an example of the third interface), and the user selects the multitasking mode, the electronic device 100 displays the desktop in the multitasking mode (as an example of the fourth interface) and enters the free window display state of the multitasking mode.

[0192] For example, in response to user requests Figure 1A When the mode switching control 1022 in the user interface 10a in normal mode is clicked, the tablet computer 10 displays as shown. Figure 2A The user interface 20a shown is in multi-task scheduling mode. It can be understood that user interface 20a corresponds to the free window display state in multi-task scheduling mode.

[0193] In some embodiments, the desktop in free window display state includes a selection control for a first layout (as an instance of the first control). Corresponding to the user selecting the selection control for the first layout, the electronic device 100 displays the desktop in template display state (as an instance of the fifth interface) and enters the template display state of multi-task scheduling mode. It can be understood that the desktop in template display state includes multiple layout areas (as instances of split-screen areas) within the available desktop space (as an instance of the third area) and a first program dock. That is, the multiple layout areas are displayed in a combined display area formed by the first area corresponding to the first program dock and the second area in the available desktop space excluding the first area.

[0194] For example, in response to such Figure 7B In the user interface 70b shown (as an example of the first interface), when the user clicks on layout 7021 (as an example of the first control), the tablet computer 10 can divide the available desktop space into three vertical display areas according to layout 7021, for example, displaying... Figure 7C The user interface 70c shown is an example of a fifth interface. In some embodiments, corresponding to the free window display state of the electronic device 100 in multi-tasking scheduling mode, the first display instruction may be an instruction corresponding to a user's drag operation on the floating window (i.e., the first floating window) of the first application (as an example of a first drag operation). That is, the display position corresponding to the first display instruction (as an example of a first display position) may be the end position of the user's drag operation (e.g., the display position of the first floating window when the user raises their hand). In other words, the first display instruction is an instruction generated in response to the user's first drag operation on the first floating window, and the first display instruction is used to move the first floating window to the first display position corresponding to the first drag operation.

[0195] In some embodiments, the electronic device 100 detects a user's drag operation on a first floating window of a first application, determines a first display position corresponding to the first floating window, and at the first display position, the first floating window overlaps with a first area. Furthermore, the electronic device 100 detects that it is in a first display mode (e.g., a multi-task scheduling mode).

[0196] For example, such as Figure 4A As shown, the tablet computer 10 detects that the user drags the floating window 401 of application A to a position that overlaps with the display area of ​​the first program dock 402 (as an example of the first area) (as an example of the first display position). That is, the tablet computer 10 detects that the first floating window displayed at the first display position overlaps with the first area. Furthermore, the mode switching control in the program dock 402 (as an example of the first program dock) is active, that is, the tablet computer 10 detects that the tablet computer is in multi-tasking mode.

[0197] In other embodiments, corresponding to the template display state where the electronic device 100 is in a multi-tasking scheduling mode, the first display instruction may be a display instruction corresponding to a layout selection operation (e.g., an operation where a user drags the icon of a first application in a first program dock to a first display position). For example, a layout selection operation may be an operation where a user drags the application icon of a first application to a first display position. It can be understood that the first display position may be any position among multiple layout regions, specifically a first layout region (as an example of a first split-screen region).

[0198] For example, the first display instruction could be Figure 7DThe user is shown dragging the icon of application A in the program dock 701 to the display area 703, as shown in operation ②.

[0199] In some embodiments, when the electronic device 100 is in a multi-task scheduling mode, and multiple layout areas corresponding to the first layout mode display application floating windows (as instances of floating windows), the electronic device 100 switches from the template display state to the free window display mode.

[0200] In other embodiments, when the electronic device 100 is in a multi-task scheduling mode, and at least one of the multiple layout areas corresponding to the first layout mode has no floating window of the application displayed, corresponding to the detection of a user's click operation on any position in the second area, the electronic device switches from the template display state of the first display mode to the free window display state.

[0201] S803: Display the first floating window in the first display position and hide the first program dock.

[0202] Corresponding to the free window display state of the electronic device 100 in the multi-task scheduling mode, when the electronic device 100 determines the first display position of the first floating window corresponding to the first display instruction, the first floating window overlaps with the first area, and after the electronic device 100 is in the first display mode, the first floating window is displayed at the first display position, and the first program docking bar displayed in the first area is hidden.

[0203] In other words, if the electronic device 100 is in the first display mode and the display area corresponding to the first floating window and the first program dock overlaps, the electronic device 100 will set the display status of the first program dock to not display, that is, hide the first program dock.

[0204] For example, refer to Figure 4B In the user interface 40b shown, the tablet computer detects that the floating window 401 of application A overlaps with the display area corresponding to the program dock 402, and hides the program dock 402.

[0205] In some embodiments, corresponding to the template display state of the electronic device 100 in multi-task scheduling mode, when the electronic device 100 detects that the first floating window overlaps with the first area at the first display position, and the electronic device 100 is in multi-task scheduling mode, and there is no layout area for a floating window of an undisplayed application in the multiple layout areas corresponding to the first layout method, the electronic device 100 hides the first program dock. That is, if the display area corresponding to the first floating window overlaps with the display area corresponding to the first program dock, and the first display instruction is a display instruction corresponding to the layout selection operation, and there is still a layout area for a floating window of an undisplayed application in the multiple layout areas corresponding to the first layout method, then the electronic device 100 maintains the display of the first program dock. The program dock is hidden until the electronic device 100 detects that there is no layout area for a floating window of an undisplayed application in the multiple layout areas corresponding to the first layout method. For example, see reference... Figures 7A to 7I The diagram illustrates the changes in the user interface when multiple applications are opened via a layout selection operation.

[0206] For example, refer to Figure 7I In the user interface 70i shown, the tablet computer 10 detects that floating windows of applications are displayed in display areas 703, 704 and 705, and the tablet computer 10 hides the program dock.

[0207] Optionally, if the electronic device 100 detects that the display area corresponding to the first floating window and the first program dock overlaps, and the electronic device 100 exits the template display state (or enters the free window display state), the electronic device 100 hides the program dock.

[0208] In some embodiments, the electronic device 100 can access the corresponding area in the view of the display area corresponding to the first program dock (e.g., Figure 4B The display area 403 shown for displaying the program dock 402 does not have corresponding controls added (or cleared). Figure 4A The application icons and function controls in the program dock 402 shown are used to hide the first program dock.

[0209] In multi-task scheduling mode, the display level of the program dock is higher than that of the application's floating window. If the electronic device 100 detects the user's operation on the display screen in the display area of ​​the corresponding program dock, it will determine the operation as an operation on the program dock.

[0210] Therefore, in some embodiments, after clearing the corresponding controls in the view of the display area corresponding to the first program dock, the electronic device 100 can also set the attribute value of the view of the display area corresponding to the first program dock to a pass-through attribute. This allows the electronic device 100 to determine, after detecting a user's operation on the display screen of the corresponding program dock's display area, that the operation is an operation on the floating window corresponding to the lower-level view of the program dock.

[0211] Understandable, through Figure 8 The flowchart shows the display method where the application's floating window can be displayed in the area corresponding to the application dock. Furthermore, when the display area corresponding to the application's floating window overlaps with the display area of ​​the application dock, the application dock is hidden. This avoids the application interface being obscured, which could prevent users from viewing or interacting with the obscured content, thus improving the user experience.

[0212] The following example uses the first display mode as a multi-task scheduling mode and the second display mode as a normal mode, combined with... Figures 1A to 7N The scenario shown will be used to provide a detailed introduction to some of the technical solutions of this application.

[0213] Figure 9 A flowchart illustrating another display method is shown according to an embodiment of this application. It can be understood that... Figure 9 The process shown is executed by electronic device 100. For example... Figure 9 As shown, this process includes, but is not limited to:

[0214] S901: Display the first interface, which includes a first program dock displayed in the first area.

[0215] For details, please refer to the relevant description in S901 above, which will not be repeated here.

[0216] S902: A first display command for the first floating window of the first application is detected, and it is determined that the first floating window overlaps with the first area under the first display position of the first floating window corresponding to the first display command, and the electronic device 100 is in a multi-task scheduling mode.

[0217] It is understandable that the multi-task scheduling mode can include both free window display state and template display state.

[0218] In some embodiments, corresponding to the free window display state of the electronic device 100 in multi-task scheduling mode, the first display instruction may be an instruction corresponding to the user's drag operation on the floating window (i.e., the first floating window) of the first application. That is, the first display position corresponding to the first display instruction may be the end position of the user's drag operation (e.g., the display position of the first floating window when the user raises their hand).

[0219] In other embodiments, corresponding to the template display state where the electronic device 100 is in a multi-task scheduling mode, the first display instruction may be a display instruction corresponding to a layout selection operation (e.g., the operation of a user dragging the application icon of the first application to the first display position).

[0220] For details, please refer to the relevant description in S802 above, which will not be repeated here.

[0221] S903: Determine whether the first display position corresponds to the first layout area corresponding to the first layout method.

[0222] The electronic device 100 determines whether the first display position corresponds to the first layout area among multiple layout areas corresponding to the first layout method. That is, the electronic device 100 determines whether the first display instruction is a display instruction corresponding to the user's layout selection operation, i.e., whether the electronic device 100 is in template display state.

[0223] In some embodiments, if the determination result is yes, it indicates that the first display position corresponds to the first layout area among multiple layout areas corresponding to the first layout method. That is, the electronic device 100 is in the free window display mode of the multi-task scheduling mode. Then the electronic device 100 needs to further determine whether the application's floating window is displayed in all multiple layout areas corresponding to the first layout method. The electronic device 100 executes S904 to determine whether there is a layout area among the multiple layout areas corresponding to the first layout method where no floating window is displayed.

[0224] In other embodiments, if the determination result is negative, it indicates that the first display position is not the first layout area among the multiple layout areas corresponding to the first layout method. That is, the electronic device 100 is in the template display mode of the multi-task scheduling mode. Then the electronic device 100 can directly hide the first program dock and enter the free window display state. The electronic device 100 executes S906, displays the first floating window at the first display position, and hides the first program dock.

[0225] S904: Determine whether there is a layout area in the multiple layout areas of the first layout method where the floating window is not displayed.

[0226] The electronic device 100 determines the first layout area among multiple layout areas corresponding to the first layout method at the first display position, and determines whether there is a layout area among the multiple layout areas corresponding to the first layout method where no application floating window is displayed. In other words, it determines whether all multiple layout areas corresponding to the first layout method display application floating windows.

[0227] In some embodiments, if the determination result is yes, it indicates that there are still layout areas in the multiple layout areas corresponding to the first layout mode where the floating window is not displayed, and the electronic device 100 continues to display the first program dock. The electronic device 100 executes S905 to display the first floating window in the first display position.

[0228] In other embodiments, if the determination result is negative, it means that there is no layout area in the multiple layout areas corresponding to the first layout mode where the floating window is not displayed. That is, the application's floating window is displayed in all the multiple layout areas corresponding to the first layout mode. In this case, the electronic device 100 can hide the first application dock. The electronic device 100 executes S906, displays the first floating window in the first display position, and hides the first application dock.

[0229] S905: Display the first floating window in the first display position.

[0230] The electronic device 100 determines the first layout area corresponding to the first display position and the first layout method, and finds that there are layout areas where the floating window is not displayed among the multiple layout areas corresponding to the first layout method. The electronic device 100 then displays the first floating window at the first display position. In other words, even though the first floating window displayed at the first display position overlaps with the first area, the electronic device 100 still maintains the display of the first application dock. This allows users to easily drag application icons from the first application dock to the corresponding layout areas, thereby improving the user experience.

[0231] It is understandable that if an electronic device detects that it is in a template display state, it will maintain the display of the application dock, so that users can drag the application icons in the application dock to display the floating window of the corresponding application in the display area of ​​the floating window of the non-displayed application, thereby improving the user experience.

[0232] For example, refer to Figure 7E The user interface 70e shown responds to the user dragging the icon of application A in the program dock 701 to the display area 703, and the tablet computer 10 displays a floating window of application A in the display area 703.

[0233] It is understandable that after displaying the first floating window in the first display position, the electronic device 100 needs to determine whether there are any layout areas in the multiple layout areas corresponding to the first layout method where no floating window of the application is displayed. The electronic device 100 can continue to execute S904 to determine whether there are any layout areas in the multiple layout areas of the first layout method where no floating window is displayed.

[0234] S906: Display the first floating window in the first display position and hide the first program dock.

[0235] When the electronic device 100 determines the first display position of the first floating window corresponding to the first display instruction, the first floating window overlaps with the first area. After the electronic device 100 is in the first display mode, and the first display position is not the first layout area among the multiple layout areas corresponding to the first layout method, the first floating window is displayed at the first display position, and the first program docking bar displayed in the first area is hidden.

[0236] For example, refer to Figure 4B In the user interface 40b shown, the tablet computer detects that the floating window 401 of application A overlaps with the display area corresponding to the program dock 402, and hides the program dock 402.

[0237] In some embodiments, the electronic device 100 determines that the first display position corresponds to the first layout area of ​​the first layout mode, and there is no layout area in the multiple layout areas corresponding to the first layout mode where the floating window is not displayed. The first floating window is displayed at the first display position, and the first program docking bar displayed in the first area is hidden.

[0238] For example, refer to Figure 7I In the user interface 70i shown, the tablet computer 10 detects that floating windows of applications are displayed in display areas 703, 704 and 705, and the tablet computer 10 hides the program dock.

[0239] S907: A display command is detected, and the type of the display command is determined.

[0240] The second display instruction can be an instruction corresponding to the user's drag operation on the first floating window. That is, the second display position corresponding to the second display instruction can be the end position of the user's drag operation (e.g., the display position of the first floating window when the user raises their hand).

[0241] The third display instruction can be a display instruction corresponding to an operation used to restore the display of a hidden application dock. For example, the third display instruction can be an instruction generated by a swipe operation within the display area corresponding to the application dock (as an example of a swipe operation within a preset range of the first area). For example, the tablet computer 10 in Figure 4B In the user interface 40b shown, the user's swipe-up action from the bottom of the display area 403 corresponding to the program dock is detected.

[0242] In some embodiments, if the determination result indicates that the display instruction is the second display instruction, it means that when the first program dock is hidden, the electronic device 100 detects a drag operation on the first floating window, and the electronic device 100 can respond to the second display instruction to display it. The electronic device 100 executes S908, determines that the first floating window does not overlap with the first area at the second display position corresponding to the second display instruction, displays the first floating window at the second display position, and restores the display of the first program dock in the first area.

[0243] In other embodiments, if the determination result indicates that the display instruction is a third display instruction, it means that when the first program dock is hidden, the electronic device 100 detects a display instruction for restoring the hidden program dock. In this case, the electronic device 100 can respond to the display instruction and restore the hidden first program dock. The electronic device 100 executes S909 to restore the display of the first program dock in the first area.

[0244] S908: After determining the second display position of the first floating window corresponding to the second display instruction, the first floating window does not overlap with the first area, the first floating window is displayed at the second display position, and the first program dock is restored to display in the first area.

[0245] After hiding the first program docking bar, the electronic device 100 detects the user's dragging operation on the first floating window of the first application and determines the second display position corresponding to the first floating window.

[0246] If the electronic device 100 determines that the second display position does not overlap with the first area, it means that there is no floating window of an application in the first area, and the first program dock can be displayed again. In other words, if the first area does not overlap with the display area corresponding to any application's floating window, the first program dock can be displayed again.

[0247] In some embodiments, corresponding to the first application dock being in a hidden state, the electronic device 100 detects a second display instruction for the first floating window, wherein, at the second display position, the first floating window does not overlap with the first area, and, in the interface before the detection of the second display instruction (as an example of the second interface), there are no floating windows of other applications besides the first floating window overlapping with the first area, and the electronic device 100 displays the first application dock in the first area.

[0248] For example, if tablet 10 detects that the user has moved application B's floating window 504 (as an instance of the first floating window) from... Figure 5G The display position in the user interface 50g shown (as an example of the first display position) is dragged to, as... Figure 5I The display position in the user interface 50i shown (as an example of a second display position). In response to the user dragging the floating window 504 of application B to a position that does not overlap with the display area 506 (as an example of a first area) corresponding to the application dock 502 (as an example of a first application dock), the tablet computer 10 restores the display of the application dock 502. For example, displaying as shown Figure 5J The user interface shown is 50j.

[0249] S909: Restore the display of the first program dock in the first area.

[0250] It is understood that, in response to a display command for restoring the hidden program dock, the electronic device 100 restores the display of the first program dock. Furthermore, the electronic device 100 sets the first program dock to be displayed at the top level.

[0251] In some embodiments, when the first program dock is in a hidden state, the electronic device 100 detects a user's sliding operation within a preset range of the first area corresponding to the first program dock, and the electronic device 100 displays the first program dock in the first area and above the first floating window.

[0252] For example, if the user detects such as Figure 6A The user's action ①, swiping upwards from the bottom of the display area 602 corresponding to the program dock, can restore the display of the program dock. For example, displaying... Figure 6B The user interface 60b shown is shown.

[0253] In some embodiments, the electronic device 100 can access the corresponding area in the view of the display area corresponding to the first program dock (e.g., Figure 4C Add corresponding controls (e.g., to the display area 403 shown for displaying the program dock 402) Figure 4D The application icons and function controls in the program dock 402 shown are used to display the first program dock, and the first program dock has the highest display level, that is, the first program dock is displayed at the top level.

[0254] It is understandable that if a user interaction (such as clicking or swiping) is detected at the corresponding location in the first area, and a first app dock is displayed in the first area, then the electronic device 100 determines that the event corresponding to the user's interaction is the first app dock. The sensor module of the electronic device 100 may report the event generated by the user interaction to the processing module corresponding to the first app dock.

[0255] If a user interaction is detected at the corresponding location in the first area, and the first program dock is not displayed in the first area, but a first floating window is displayed in the first area, then the electronic device 100 determines that the event corresponding to the user interaction corresponds to the first floating window. The sensor module of the electronic device 100 may report the detected event generated by the user interaction to the processing module corresponding to the first program dock, which in turn sends it to the processing module corresponding to the first floating window. Alternatively, the sensor module of the electronic device 100 may report the detected event generated by the user interaction to the processing module corresponding to the first floating window.

[0256] S910: A fourth display command is detected, and the first program dock is hidden. The fourth display command is different from the second and third display commands.

[0257] It is understood that the fourth display instruction can be a display instruction corresponding to other user intentions. Among them, the fourth display instruction includes, but is not limited to, clicking any position on the display screen (such as clicking the application icon of an application in the first program dock, clicking the first floating window, clicking any position of the floating window not displayed in the first interface and the first program dock, etc.).

[0258] In some embodiments, if after restoring the display of the first program dock, the electronic device 100 detects a display instruction corresponding to an operation of other user intent, the electronic device 100 responds to the user operation and hides the program dock again.

[0259] For example, after the first program dock is restored, if the electronic device 100 detects that the user clicked on the second area or opened the second application (such as clicking the application icon of the second application in the first program dock), it will hide the first program dock displayed in the first area and above the first floating window.

[0260] For example, if a user click is detected as follows Figure 6B The operation of the application icon of application B in the program dock 603, as shown, responds to the user's click operation. The tablet computer 10 can then display a floating window of application B and hide the program dock again. For example, displaying... Figure 6CThe user interface shown is 60c.

[0261] Understandable, through Figure 9 The flowchart shows the display method where the application's floating window can be displayed in the area corresponding to the application dock. Furthermore, when the display area corresponding to the application's floating window overlaps with the display area of ​​the application dock, the application dock is hidden. This avoids the application interface being obscured, which could prevent users from viewing or interacting with the obscured content, thus improving the user experience.

[0262] Optionally, after the electronic device 100 performs the above-described S909: after restoring the display of the first program dock in the first area, the first program dock can be hidden again after a preset time (e.g., 10 seconds, 30 seconds, etc.). This application does not limit this.

[0263] Optionally, in some embodiments, if the determination result in S904 above that there is a layout area in the multiple layout areas of the first layout mode where the floating window is not displayed is yes, it can be further determined whether an operation of the user exiting the template display state has been detected (e.g., clicking any position in the display area of ​​the available desktop space other than the display area corresponding to the first program dock). If an operation of the user exiting the template display state is detected, the electronic device 100 maintains the display of the first program dock. If an operation of the user exiting the template display state is not detected, the electronic device 100 displays the first floating window at the first display position and hides the first program dock.

[0264] Optionally, in other embodiments, the second display instruction may also be a display instruction for closing the first floating window, or a display instruction for switching the first floating window to run in the background. In this case, the above-described S908 can be replaced with a second display instruction that detects the first floating window of the first application and restores the display of the first program dock in the first area.

[0265] In other words, when the first application dock is hidden, the electronic device 100 detects a user operation to prevent the display of the floating window corresponding to the first application (such as closing the first floating window or switching the first floating window to run in the background). Furthermore, the electronic device 100 detects that there are no floating windows of other applications besides the floating window corresponding to the first application overlapping with the first area in the user interface (as an example of the second interface) before the user operation. The electronic device 100 then displays the first application dock in the first area.

[0266] Optionally, in other embodiments, if the electronic device 100 determines that the second display position still overlaps with the first area, the first program docking bar still needs to be hidden. In this case, S908 can be replaced by determining that, when the second display position of the first floating window corresponding to the second display instruction is determined, and the first floating window overlaps with the first area, then displaying the first floating window at the second display position.

[0267] For example, if tablet 10 detects that the user has moved application A's floating window 503 from... Figure 5C Drag the display position in the user interface 50c shown to, as... Figure 5E The display position in the user interface 50e shown. In response to the user dragging the floating window 503 of application A to a position that still overlaps with the display area of ​​the application dock 501, the tablet computer 10 keeps the application dock 501 hidden, for example, still displays as shown. Figure 5E The user interface 50e is shown. Optionally, in other embodiments, after executing S910 above, the electronic device 100 may continue to execute S907. That is, after the electronic device 100 hides the first program dock again, it may continue to determine whether a second display instruction or a third display instruction has been detected. This application does not limit this.

[0268] It is understood that the above embodiments only use the first program dock as an example to illustrate the display method provided in this application. It is understood that if the first interface of the electronic device 100 includes multiple program docks, the first program dock can be any one of the multiple program docks. In practical applications, the electronic device 100 can perform the above... Figure 8 or Figure 9 The process shown displays or hides each program dock in the electronic device 100.

[0269] To better understand the technical solutions of the embodiments of this application, the structure of the device involved in this application will be described below with reference to the accompanying drawings.

[0270] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This embodiment of the invention uses a layered architecture. Taking the system as an example, the software structure of electronic device 100 is illustrated.

[0271] Figure 10 A software structure block diagram of an electronic device 100 is shown according to an embodiment of this application.

[0272] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, [the following is omitted as the text is incomplete and likely refers to a specific implementation or feature]. The system is divided into four layers, from top to bottom: application layer, application framework layer, hardware abstraction layer (HAL), and kernel layer.

[0273] The application layer can include a series of application processes.

[0274] like Figure 10 As shown, the application processes can be the desktop launcher process 11, application A process 12, application B process 12, application C process 13, and other application processes. In some embodiments, the launcher process 11 is used to display various display elements on the desktop, such as application icons, application components, and the program dock.

[0275] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0276] like Figure 10 As shown, the application framework layer may include processes such as system server process 21 and media server process 22. System server process 21 may include window manager 211, content provider 212, view system 213, notification manager 214, resource manager 215, desktop task controller (HnDesktopTasksController) 216, freeform controller (HnFreeformController) 217, freeform listener (FreeformTaskListener) 218, etc.

[0277] The Window Manager 211 provides a Window Manager Service (WMS), which can be used for window management, window animation management, and as an input system intermediary. For example, the Window Manager can obtain the screen size, determine whether there is a status bar, lock the screen, and capture the screen.

[0278] Content provider 212 is used to store and retrieve data, and to make that data accessible to applications. The data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0279] View system 213 includes visual controls, such as controls for displaying text and controls for displaying images. View system 213 can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text message notification icon can include a view for displaying text and a view for displaying images.

[0280] The notification manager 214 enables applications to display notification messages on various display interfaces of an electronic device. For example, it can display notification information in the status bar, conveying informational messages that can disappear automatically after a short pause without user interaction. For instance, the notification manager can be used to notify of download completion or message alerts. The notification manager can also display notifications as icons or scrollbar text in the top status bar, such as notifications from background applications, or as dialog windows on the screen. Examples include displaying text messages in the status bar, emitting alert sounds, device vibration, or flashing indicator lights. In some embodiments, the notification manager causes applications to display notification messages on at least one display interface of the electronic device according to a display strategy.

[0281] File Explorer 215 provides applications with a variety of resources, such as localized strings, icons, images, layout files, video files, and more.

[0282] The desktop task controller 216 provides a program dock management service, which can be used for program dock management, program dock animation management, and as a relay station for the input system. For example, the desktop task controller can obtain information such as the type of program dock and the display area corresponding to the program dock.

[0283] The free-mode controller 217 can be used to manage the user interface in the multi-tasking scheduling mode of the electronic device 100. For example, it can determine whether to notify the Launcher process 11 to change the display state of the application dock, and whether to detect floating windows of applications that overlap with the display area of ​​the application dock.

[0284] The free-mode listener 218 can provide an input manager service (IMS), which can be used to manage system inputs, such as touchscreen input, keypad input, and sensor input. The IMS retrieves events from the input device nodes and, through interaction with the free-mode controller 217, determines whether to notify the Launcher process 11 to change the display state of the application dock, etc.

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

[0286] Media Process 22 is used to manage playback and recording of various commonly used audio and video formats, as well as still image files. Media Process 22 supports a variety of audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

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

[0288] It is understood that the various processes connect and communicate across processes through communication interface 41 (not shown in the figure). Communication interface 41 can be an Android Interface Definition Language (AIDL) interface.

[0289] It should be noted that, although the embodiments of this application are based on... The system is used as an example for explanation, but its basic principles also apply to systems based on... or Electronic devices with operating systems, etc.

[0290] The following is combined Figure 10 The software structure of the electronic device 100 shown is illustrated, and the display method provided in the embodiments of this application is introduced.

[0291] Figure 11 An embodiment of this application illustrates a schematic diagram of the software module interaction flow of a display method.

[0292] like Figure 11 As shown, this process includes, but is not limited to:

[0293] S1101: Desktop task controller 216 is connected to communication interface 41.

[0294] It is understood that the desktop task controller 216 establishes a communication connection and cross-process communication with the Launcher process 11 through the communication interface 41. The communication interface 41 can be an AIDL interface.

[0295] S1102: Launcher process 11 sends program docking bar information to communication interface 41.

[0296] The program dock information includes, but is not limited to: the number of program docks, the type of each program dock (e.g., the bottom program dock is of type 1, the top program dock is of type 2, etc.), and the information of the display area corresponding to each program dock (e.g., the coordinate information of the boundary points of the display area, etc.).

[0297] It is understandable that Launcher process 11 essentially sends application docking information to system service process 21 through communication interface 41. For example, Launcher process 11 can send application docking information by calling the setAreaInfo interface.

[0298] S1103: Launcher process 11 sends a message to communication interface 41 to set the task listener.

[0299] It is understandable that Launcher process 11 essentially sends a message to system service process 21 to set the task listener through communication interface 41. For example, Launcher process 11 can send a message to set the task listener by calling the setAreaOverlpListener interface.

[0300] S1104: Free mode controller 217 sends a message to desktop task controller 216 to enter multi-task scheduling mode.

[0301] The free mode controller 217 detects an event that the electronic device 100 enters the multitasking mode, such as detecting that the mode switching control is active, and sends a message to the desktop task controller 216 to enter the multitasking mode.

[0302] S1105: Desktop Task Controller 216 obtains task overlap information.

[0303] The desktop task controller 216 can call the task listener interface getHnTaskOverlapListener to register a task listener in order to obtain the overlap between the display areas of the application window and the program status bar.

[0304] It is understandable that if the user interface of the electronic device 100 can have multiple program docks, the desktop task controller 216 will register a task listener for each program dock to determine whether there is a floating window of the application in the display area corresponding to each program dock.

[0305] S1106: Desktop Task Controller 216 obtains the type of the program dock.

[0306] The desktop task controller 216 can call the `getHnTaskOverlapType` interface to obtain the type of the program dock in the current user interface of the electronic device 100. It can be understood that the current user interface of the electronic device 100 may include one or more program docks. For example, the bottom program dock is type 1, the top program dock is type 2, the left program dock is type 3, and the right program dock is type 4, etc. This application does not impose specific restrictions on the type names of the program docks.

[0307] S1107: Desktop Task Controller 216 obtains information about the display area corresponding to the program dock.

[0308] The desktop task controller 216 can call the getHnTaskOverlapRect interface to obtain information about the display area corresponding to the program dock in the current user interface of the electronic device 100. This information includes, but is not limited to, the coordinates of the boundary points of the display area, as well as other identifying information such as the position, area, and shape of the display area corresponding to the program dock.

[0309] S1108: Desktop Task Controller 216 obtains information about all floating windows in the user interface.

[0310] The desktop task controller 216 can call the getVisibleTasks interface to obtain information about all floating windows in the current user interface of the electronics and devices 100. This information includes, but is not limited to, the application name (or application number) corresponding to the floating window, the display position information of the floating window, and the size information of the floating window.

[0311] S1109: Desktop Task Controller 216 sends information about the floating window to Free Mode Controller 217.

[0312] When the display area of ​​the program dock of the electronic device 100 overlaps with the display area of ​​at least one floating window, the desktop task controller 216 sends information about the floating window that overlaps with the display area of ​​the program dock, as well as the type of the corresponding program dock, to the free mode controller 217.

[0313] S1110: Free mode controller 217 determines the program dock type and task information list.

[0314] The free-mode controller 217 determines the program dock type and task information list based on received information about floating windows that overlap with the display area of ​​the program dock and the corresponding program dock type. It can be understood that the task information list may include information used to identify the floating windows, such as the application name and application number.

[0315] It is understood that in some embodiments, if the electronic device 100 obtains the program docking bar type and task information list for the first time after entering the multi-task scheduling mode, it can directly send the program docking bar type and task information list as a notification message to the communication interface 41, and then the communication interface 41 sends it to the Launcher process 11.

[0316] S1111: Free mode listener 218 detected a window occurrence event.

[0317] It is understandable that if the driver module of electronic device 100 detects a window appearance event (onTaskAppeared), it can report the window appearance event to free mode listener 218.

[0318] In some embodiments, the window appearance event may be an event corresponding to a user's action of opening a floating window of an application. For example, the tablet device 10 detects that the user... Figure 2A The user interface 20a shown in the diagram determines that a window appearance event has been detected by clicking the application icon of application A in the application dock 201. For example, the tablet device 10 detects a user click such as... Figure 6B The operation of the application icon of application B in the program dock 603 shown indicates that an event has been detected in the window.

[0319] In other embodiments, the window appearance event may also correspond to the user's action of switching a floating window of an application from running in the background to being displayed in the foreground. This application does not impose specific limitations on this.

[0320] S1112: Free-mode listener 218 detected a focus change event.

[0321] It is understandable that if the driver module of electronic device 100 detects a focus change event (onTaskInfoChanged), it can report the focus change event to free mode listener 218.

[0322] In some embodiments, the focus change event may be an event corresponding to an action such as a click or swipe by a user on any location on the display screen of the electronic device 100. For example, the tablet computer 10... Figure 4BIn the user interface 40b shown, a user swipes upwards from the bottom of the display area 403 corresponding to the program dock, thus detecting a focus change event. For example, the tablet computer 10 detects a user tap... Figure 6B The operation of the application icon of application B in the program dock 603 shown indicates that a focus change event has been detected.

[0323] In other embodiments, the focus change event may be an event corresponding to a user dragging a display window of any application on the screen of electronic device 100. For example, tablet computer 10 detects that the user drags the floating window 503 of application A from... Figure 5A Drag the display position in the user interface 50a shown to, as... Figure 5B The operation of the display position in the user interface 50b shown determines that a focus change event has been detected. For example, the tablet computer 10 detects that the user has moved the floating window 503 of application A from... Figure 5C Drag the display position in the user interface 50c shown to, as... Figure 5E The operation of the display position in the user interface 50e shown determines that a focus change event has been detected.

[0324] S1113: Free mode listener 218 detected a window disappearance event.

[0325] It is understandable that if the driver module of electronic device 100 detects a window vanishing event (onTaskVanished), it can report the window vanishing event to free mode listener 218.

[0326] In some embodiments, the window disappearance event may correspond to a user closing a floating window of an application.

[0327] In other embodiments, the window disappearance event may correspond to the user switching an application's floating window to run in the background (e.g., minimizing the window).

[0328] S1114: Free mode listener 218 detects any window information change event and sends a message to free mode controller 217 to calculate the change.

[0329] It is understandable that if the free mode listener 218 detects any window information change event among the window appearance event, focus change event, and window disappearance event, it indicates that the user may want to restore the hidden program dock, or that the program dock and the application's floating window overlap, etc., then the free mode listener 218 sends a message to the free mode controller 217 to calculate the change.

[0330] S1115: If there is a change compared to the previous notification message, the free mode listener 218 sends a notification message to the communication interface 41.

[0331] After receiving a message indicating a change in computation, the free-mode listener 218 compares the currently received notification message with the previously received notification message by calling the calDesktopOverlapArea interface. If the currently received notification message has changed compared to the previous notification message, the free-mode listener 218 sends a notification message to the communication interface 41. If the currently received notification message has not changed compared to the previous notification message, the free-mode listener 218 does not send a notification message to the communication interface 41 and waits for the next notification message.

[0332] It is understandable that notification messages may include the program dock type and the corresponding list of task information.

[0333] It is understandable that if there is a change compared to the previous notification message, it means that the electronic device 100 needs to change the display status of the program dock, and the free mode listener 218 does not need to send a notification message to the communication interface 41.

[0334] For example, tablet 10 detects that the user has moved the floating window 504 of application B from... Figure 5A Drag the display position in the user interface 50a shown to, as... Figure 5F The operation of the display position in the user interface 50f shown determines that a focus change event has been detected. At this time, notification message 1 may include: the type of application dock 501 and the corresponding task list information (e.g., the application name of application B), and the type of application dock 502 and the corresponding task list information (e.g., the application name of application B).

[0335] If tablet 10 detects that the user has moved application B's floating window 504 from... Figure 5G Drag the display position in the user interface 50g shown to, as... Figure 5I The operation of the display position in the user interface 50i shown determines that a focus change event has been detected. At this time, notification message 2 may include: the type of program dock 501 and the corresponding task list information (e.g., the application name of application B).

[0336] Since notification message 2 has changed compared to notification message 1, meaning that the tablet computer 10 needs to change the display state of the program dock, the free mode listener 218 of the tablet computer 10 sends a notification message to the communication interface 41.

[0337] It is understandable that if there is no change compared to the previous notification message, it means that the electronic device 100 does not need to change the display status of the program dock, and the free mode listener 218 does not need to send a notification message to the communication interface 41.

[0338] For example, tablet 10 detects that the user has moved the floating window 503 of application A from... Figure 5A Drag the display position in the user interface 50a shown to, as... Figure 5B The operation of the display position in the user interface 50b shown determines that a focus change event has been detected. At this time, notification message 3 may include: the type of program dock 501 and the corresponding task list information (e.g., the application name of application B).

[0339] If tablet 10 detects that the user has moved application A's floating window 503 from... Figure 5C Drag the display position in the user interface 50c shown to, as... Figure 5E The operation of the display position in the user interface 50e shown determines that a focus change event has been detected. At this time, the notification message 4 may include: the type of the program dock 501 and the corresponding task list information (e.g., the application name of application B).

[0340] Since notification message 4 has changed compared to notification message 3, meaning that the tablet computer 10 needs to change the display state of the program dock, the free mode listener 218 of the tablet computer 10 sends a notification message to the communication interface 41.

[0341] It is understandable that, in the absence of any change compared to the previous notification message, i.e., when the electronic device 100 does not need to change the display status of the program dock, the free mode listener 218 does not send a notification message to the communication interface 41.

[0342] This avoids the Launcher process 11 from displaying / hiding the corresponding application dock based on notification messages, thus preventing it from receiving too many notification messages. It's understandable that if the Launcher process 11 frequently displays the same user interface, it might cause screen flickering or other issues when the user interface refreshes on the electronic device 100's display, negatively impacting the user experience. If the electronic device 100 doesn't need to change the display state of the application dock, the free-mode listener 218 doesn't send notification messages to the communication interface 41, preventing the Launcher process 11 from receiving too many notification messages and improving the user experience.

[0343] S1116: Communication interface 41 sends a notification message to Launcher process 11.

[0344] After receiving the notification message, communication interface 41 sends a notification message to Launcher process 11.

[0345] S1117: If the task information list is empty, Launcher process 11 displays the program dock.

[0346] If the task information list in the notification message received by Launcher process 11 is empty, that is, if there is no information about floating windows of applications that overlap with the display area of ​​the program dock in the task information list, it means that there are no floating windows of any applications in the current display area of ​​the program dock. Then Launcher process 11 keeps / restores the display of the program dock, for example, by calling the showTaskBar interface.

[0347] S1118: If the task information list is not empty, the Launcher process 11 hides the program dock.

[0348] If the task information list in the notification message received by Launcher process 11 is not empty, that is, if the task information list contains information about at least one application's floating window that overlaps with the display area of ​​the application dock, it means that there is at least one application's floating window in the current display area of ​​the application dock. Then Launcher process 11 hides the corresponding application dock, or keeps the corresponding application dock hidden, for example, by calling the hideTaskBar interface.

[0349] In some embodiments, the Launcher process 11 can access the corresponding area in the view of the display area corresponding to the program dock that needs to be hidden (e.g., Figure 4B The display area 403 shown for displaying the program dock 402 does not have corresponding controls added (or cleared). Figure 4A The application icons and function controls in the program dock 402 shown are used to hide the program dock.

[0350] Optionally, after clearing the corresponding controls in the view of the display area corresponding to the program dock that needs to be hidden, the Launcher process 11 can also set the property value of the view of the display area corresponding to the program dock to a pass-through property. This allows the electronic device 100 to determine, after detecting the user's operation on the display screen of the corresponding program dock's display area, that the operation is an operation on the floating window corresponding to the lower layer view of the program dock.

[0351] In other embodiments, the Launcher process 11 can access the corresponding area in the view of the display area corresponding to the program dock that needs to be displayed (e.g., Figure 4C Add corresponding controls (e.g., to the display area 403 shown for displaying the program dock 402) Figure 4DThe application icons and function controls in the program dock 402 shown are used to display the program dock, and the program dock is displayed at the highest level, that is, the program dock is displayed at the top level.

[0352] In summary, the display method provided in this application embodiment allows the display area corresponding to the application dock to display the application's floating window. Furthermore, when the display area corresponding to the application's floating window overlaps with the display area of ​​the application dock, hiding the application dock can prevent the application interface from being obscured, thus avoiding the problem of users being unable to view the obscured content or interact with the obscured content, thereby improving the user experience.

[0353] For example, Figure 12 A schematic diagram of the structure of an electronic device 100 is shown according to an embodiment of this application.

[0354] like Figure 12 As shown, the electronic device 100 may include a processor 110, a memory 120, an interface module 130, a power module 140, a wireless communication module 150, a mobile communication module 160, an audio module 170, a sensor module 180, buttons 190, a camera 191, a display screen 192, etc.

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

[0356] Processor 110 may include one or more processing units, such as 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). Different processing units may be independent devices or integrated into one or more processors. Processor 110 can be used to execute the display methods provided in the embodiments of this application.

[0357] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0358] Interface module 130 may 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.

[0359] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display screen 192. The MIPI interface includes a display serial interface (DSI). In some embodiments, the processor 110 and the display screen 192 communicate via the DSI interface to realize the display function of the electronic device. For example, in this embodiment, the processor 110 and the display screen 192 communicate via the DSI interface to display a program dock, application floating windows, etc. on the display screen 192.

[0360] The power module 140 is connected to the processor 110 and provides power to the processor 110, memory 120, camera 191, display screen 192, and mobile communication module 160.

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

[0362] The wireless communication module 150 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR) technology, etc.

[0363] In some embodiments, wireless communication technologies may 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 (TDSCDMA), LTE, NR, BT, GNSS, WLAN, NFC, FM, and / or IR technologies, etc. In some embodiments, electronic device 100 may send a request to associated device to display a notification message via wireless communication module 150.

[0364] The mobile communication module 160 can provide wireless communication solutions, including 2G / 3G / 4G / 5G, for use on electronic devices 100.

[0365] Audio module 170 is used to convert digital audio information into analog audio signal output, and also to convert analog audio input into digital audio signal. Audio module 170 can also be used for encoding and decoding audio signals.

[0366] The sensor module 180 may include pressure sensors, gyroscope sensors, barometric pressure sensors, magnetic sensors, accelerometers, distance sensors, proximity sensors, fingerprint sensors, temperature sensors, touch sensors, ambient light sensors, bone conduction sensors, etc.

[0367] In this embodiment of the application, the electronic device 100 can detect user operations corresponding to the first display command, the second display command, the third display command and the fourth display command through the sensor module 180, such as the user's click operation, swipe operation, drag operation, etc.

[0368] Electronic device 100 implements display functions through GPU, display screen 192, and application processor.

[0369] The GPU is a microprocessor for image processing, connected to the display screen 192 and the application processor. The GPU performs mathematical and geometric calculations and is used for graphics rendering. The processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information. For example, in this embodiment, the GPU can be used to display a program dock and floating windows of applications on the display screen 192.

[0370] The display screen 192 is used to display images, videos, etc. The display screen 192 includes a display panel. The display panel may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include one or N display screens 192, where N is a positive integer greater than 1.

[0371] Electronic device 100 can perform shooting functions through ISP, camera 191, video codec, GPU, display 192 and application processor.

[0372] Camera 191 is used to capture still images or videos. In some embodiments, electronic device 100 may include one or N cameras 191, where N is a positive integer greater than 1.

[0373] The memory 120 can be used to store computer executable program code, which includes instructions. The memory 120 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image playback, etc.), etc. The data storage area may store data created during the use of the electronic device 100 (such as audio data, phonebook, etc.). Furthermore, the memory 120 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc. The processor 110 executes various functional applications and data processing of the electronic device 100 by running instructions stored in the memory 120 and / or instructions stored in memory disposed in the processor. In some embodiments, the processor 110 executes the display method provided in the embodiments of this application by running instructions stored in the memory 120.

[0374] Button 190 includes the power button, volume buttons, etc. Button 190 can be a mechanical button or a touch button.

[0375] In some embodiments, a computer-readable storage medium is also provided, which stores at least one instruction, at least one program, code set, or instruction set, which is loaded and executed by a processor to implement the display methods provided in the above-described method embodiments.

[0376] In some embodiments, a program product is also provided, which includes instructions that, when executed by an electronic device, enable the electronic device to implement the display method provided in the embodiments of this application.

[0377] The various embodiments of the mechanisms disclosed in this application can be implemented in hardware, software, firmware, or a combination of these implementation methods. Embodiments of this application can be implemented as computer programs or program code executable on a programmable system, the programmable system including at least one processor, a storage system (including volatile and non-volatile memory and / or storage elements), at least one input device, and at least one output device.

[0378] Program code can be applied to input instructions to execute the functions described in this application and generate output information. The output information can be applied to one or more output devices in a known manner. For the purposes of this application, the processing system includes any system having a processor such as, for example, a digital signal processor (DSP), a microcontroller, an application-specific integrated circuit (ASIC), or a microprocessor.

[0379] The program code can be implemented using a high-level procedural language or an object-oriented programming language to communicate with the processing system. Assembly language or machine language can also be used when needed. In fact, the mechanisms described in this application are not limited to any particular programming language. In either case, the language can be a compiled language or an interpreted language.

[0380] In some cases, the disclosed embodiments may be implemented in hardware, firmware, software, or any combination thereof. The disclosed embodiments may also be implemented as instructions carried or stored thereon on one or more temporary or non-temporary machine-readable (e.g., computer-readable) storage media, which may be read and executed by one or more processors. For example, the instructions may be distributed via a network or through other computer-readable media. Therefore, machine-readable media may include any mechanism for storing or transmitting information in a machine-readable (e.g., computer-readable) form, including but not limited to floppy disks, optical disks, optical discs, read-only memory, magneto-optical disks, read-only memory (ROM), random access memory (RAM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), magnetic cards or optical cards, flash memory, or tangible machine-readable storage for transmitting information (e.g., carrier waves, infrared signals, digital signals, etc.) using the Internet in the form of electrical, optical, acoustic, or other forms of propagated signals. Therefore, machine-readable media include any type of machine-readable medium suitable for storing or transmitting electronic instructions or information in a machine-readable (e.g., computer-readable) form.

[0381] In the accompanying drawings, some structural or methodological features may be shown in a specific arrangement and / or order. However, it should be understood that such a specific arrangement and / or order may not be necessary. Rather, in some embodiments, these features may be arranged in a manner and / or order different from that shown in the illustrative drawings. Furthermore, the inclusion of structural or methodological features in a particular figure does not imply that such features are required in all embodiments, and in some embodiments, these features may be omitted or may be combined with other features.

[0382] It should be noted that all units / modules mentioned in the device embodiments of this application are logical units / modules. Physically, a logical unit / module can be a physical unit / module, a part of a physical unit / module, or a combination of multiple physical units / modules. The physical implementation of these logical units / modules themselves is not the most important factor; the combination of functions implemented by these logical units / modules is the key to solving the technical problems proposed in this application. Furthermore, to highlight the innovative aspects of this application, the above-described device embodiments of this application have not introduced units / modules that are not closely related to solving the technical problems proposed in this application. This does not mean that the above-described device embodiments do not contain other units / modules.

[0383] It should be noted that in the examples and description of this patent, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one" does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0384] Although this application has been illustrated and described with reference to certain preferred embodiments thereof, those skilled in the art should understand that various changes in form and detail may be made thereto without departing from the spirit and scope of this application.

Claims

1. A display method applied to an electronic device, characterized in that, The method includes: The first interface is displayed, the first interface includes a first program dock displayed in a first area, wherein the first program dock includes an application icon of at least one application; A first display command for a first floating window of a first application is detected. It is determined that, at the first display position of the first floating window corresponding to the first display command, the first floating window overlaps with the first area, and the electronic device is in a first display mode. In the first display mode, the electronic device can display more than two floating windows; The second interface is displayed, in which the first floating window is displayed at the first display position, and the first program dock is hidden.

2. The method of claim 1, wherein, The first interface also includes a second area, which does not include the first program dock, and... In the first display state of the first display mode, the application's floating window can be displayed at any position in the first and second areas.

3. The method of claim 2, wherein, The step of detecting a first display command for a first floating window of a first application, determining a first display position for the first floating window corresponding to the first display command, wherein the first floating window overlaps with the first area, and the electronic device is in a first display mode, includes: It is determined that the electronic device is in a first display state of a first display mode; and... The first display instruction is an instruction generated in response to the user's first drag operation, and the first display instruction is used to move the first floating window to the first display position corresponding to the first drag operation.

4. The method of claim 2, wherein, Also includes: Corresponding to the first program dock being in a hidden state, a second display command for the first floating window is detected, wherein the second display command is used to display the first floating window at a second display position, wherein at the second display position, the first floating window does not overlap with the first area, and... There are no floating windows other than the first floating window that overlap with the first area in the second interface; The first program dock is displayed in the first area.

5. The method of claim 2, wherein, Also includes: Corresponding to the first program dock being in a hidden state, a user operation to prevent the first floating window from being displayed is detected, and... There are no floating windows other than the first floating window that overlap with the first area in the second interface; The first program dock is displayed in the first area.

6. The method according to claim 2, characterized in that, When the first program dock is hidden, a user's swiping action within a preset range in the first area is detected; The first program dock is displayed in the first area and above the first floating window.

7. The method of claim 6, wherein, The method further includes: If a user clicks on the second area or opens the second application, the first program docking bar, which is displayed in the first area and above the first floating window, will be hidden.

8. The method according to claim 1, characterized in that, Also includes: The third interface is displayed, which corresponds to the second display mode. In the second display mode, the number of floating windows that the electronic device can display is less than or equal to two. Upon detecting that the user has selected the first display mode, the fourth interface is displayed, and the system enters the first display state of the first display mode.

9. The method of claim 2, wherein, The first display mode further includes a second display state, and the first interface includes a first control, which corresponds to the second display state of the first display mode. Furthermore, the method also includes: When the user selects the first control, the fifth interface is displayed, and the user enters the second display state of the first display mode. The fifth interface includes multiple split-screen areas in the third area and the first program docking bar. The third area is a display area that combines the first area and the second area.

10. The method of claim 9, wherein, The step of detecting a first display command for a first floating window of a first application, determining a first display position for the first floating window corresponding to the first display command, wherein the first floating window overlaps with the first area, and the electronic device is in a first display mode, includes: It is determined that the electronic device is in a second display state of the first display mode; and... The first display instruction is an instruction generated in response to the user dragging the icon of the first application in the first program dock to the first display position, wherein the first display position is the position in the first split-screen area among the multiple split-screen areas in the third area.

11. The method of claim 10, wherein, A floating window is displayed for each of the multiple split-screen areas, and the electronic device switches from the second display state of the first display mode to the first display state.

12. The method of claim 10, wherein, Also includes: If at least one of the multiple split-screen areas does not display a floating window, the electronic device switches from the second display state of the first display mode to the first display state, corresponding to the detection of a user's click operation on any position in the second area.

13. A readable medium characterized by The readable medium stores instructions that, when executed on an electronic device, cause the electronic device to perform the method of any one of claims 1 to 12.

14. An electronic device, comprising: include: Memory, used to store instructions executed by one or more processors of an electronic device, and A processor is one of the processors in an electronic device, used to perform the method according to any one of claims 1 to 12.

15. A program product, characterized by The program product includes instructions that, when executed on an electronic device, cause the electronic device to perform the method of any one of claims 1 to 12.

Images