Interface display method and electronic device

Abstract

The application relates to the technical field of electronic equipment, and discloses an interface display method and electronic equipment. In the method, in the case that the electronic equipment displays multiple window interfaces, the screen of the electronic equipment can be divided into a main display area and a secondary display area through user operation. In response to the user operation, the window interface currently focused or processed can be displayed in the main display area, and all or part of the remaining window interfaces can be displayed in the secondary display area in the form of a spatial window. In this way, the display content of the main display area can be paid more attention to by the user through the display of the window interface in the main display area; the residual attention of the user to the secondary display area can be retained, and the display content of the window interface displayed in the secondary display area can be increased through the display of all or part of the remaining window interfaces in the secondary display area in the form of a spatial window, so that the efficiency and continuity of multitask processing can be improved.

Description

[0001] Cross-reference to related applications

[0002] This application is a divisional application. The original application has the application number 202411630840.6 and the original application date is November 14, 2024. The entire contents of the original application are incorporated herein by reference.

[0003] This application claims priority to Chinese Patent Application No. 202410536670.9, filed on April 29, 2024, entitled "An Interface Display Method and Electronic Device", the entire contents of which are incorporated herein by reference. Technical Field

[0004] This application relates to the field of electronic device technology, and in particular to an interface display method and an electronic device. Background Technology

[0005] With the development and advancement of technology, the functions of electronic devices have become increasingly sophisticated and diverse, the number of applications has grown, and multitasking scenarios have become more frequent. Currently, electronic devices improve users' multitasking efficiency through methods such as split-screen collaboration, cross-application drag-and-drop, switching between multiple applications, and handling multiple instances of applications.

[0006] However, due to the limitations of screen display size on electronic devices, it is worth considering how to improve the interface display effect in multitasking scenarios. Summary of the Invention

[0007] This application provides an interface display method and an electronic device, which provide a new split-screen interface interaction method, which can improve the efficiency and user experience when users perform multitasking.

[0008] In a first aspect, embodiments of this application provide an interface display method applicable to electronic devices. The method involves detecting a first operation on a first interface, the first interface comprising M window interfaces, where M is a positive integer greater than 1; in response to the first operation, displaying a second interface, the second interface comprising a first main display area and a first display area, the first main display area being larger than the first display area, the first main display area being used to display the first window interface, and the first display area being used to display the other window interfaces among the M window interfaces besides the first window interface; wherein, in the first display area, the other window interfaces besides the first window interface are displayed in a spatial window format, the spatial window format being a form of flipping the window interface towards the inward side of the screen of the electronic device.

[0009] Optionally, the M window interfaces can belong to the same application, for example, they can be window interfaces of different instances of the same application, or window interfaces of different atomic services belonging to the same application; they can also belong to different applications; in scenarios with three or more window interfaces, they can also be a combination of at least two window interfaces belonging to the first application and at least one window interface belonging to the second application. Furthermore, the first interface can be a split-screen interface obtained based on the M window interfaces.

[0010] In this method, by setting different sizes for different display areas on the screen, the larger main display area can increase attention to the content displayed in the main display area; and by displaying other window interfaces in the form of spatial windows in the smaller secondary display areas, the displayable content of the window interfaces in the secondary display areas can be increased, and the residual attention of the user to the secondary display areas can be preserved, thereby improving the efficiency and continuity of multitasking and enhancing the user interaction experience.

[0011] Optionally, each window interface is used to handle its own task. For example, the main display area displays the memo editing interface for editing memos, while the secondary display area displays the photo album window interface for displaying photos. By displaying multiple window interfaces on the screen in the form of a main display area and a secondary display area, it is not only convenient to drag photos from the photo album to the memo, but also convenient to perform editing operations because the editing area of ​​the memo editing interface displayed in the main display area is larger.

[0012] In one possible design, the method further includes: detecting a first selection operation on a second window interface in the first display area, the second window interface being one of the other window interfaces; and displaying a third interface in response to the first selection operation; the third interface includes a second main display area and a second display area, the second main display area being larger than the second display area, the second main display area being used to display the second window interface, and the second display area being used to display the other window interfaces among the M window interfaces besides the second window interface; wherein, in the second display area, the other window interfaces besides the second window interface are displayed in a spatial window format. Optionally, the first selection operation can be a click operation on the second window interface, a drag operation on a control associated with the second window interface, or a swipe operation on the second window interface; the form of operation used to represent the first selection operation is not limited in this application.

[0013] In this design, based on setting a main display area and a secondary display area of ​​different sizes on the screen, the window interface displayed in the main display area can be switched by selecting the window interface in the secondary display area. This can meet the needs of more task processing scenarios and improve the efficiency of switching window interfaces.

[0014] In one possible design, the second main display area is displayed in the same position as the first main display area; or, the second main display area is displayed in a different position than the first main display area.

[0015] In this design, when switching between different window interfaces in the main display area, the switching can be achieved on a fixed main display area, or the display position of the main display area can correspond to the relative position of the corresponding window interface based on user operations and / or the relative positional relationships between multiple window interfaces. This satisfies the editing needs of various scenarios and enhances the diversity of interaction.

[0016] In the above design, the display position of the main display area can be determined in a variety of ways, including but not limited to one of the following:

[0017] Method A: The display position of the first main display area is preset. For example, the display position of the first main display area can be a preset fixed position, such as fixed on the left side of the screen, the right side of the screen, or the middle of the screen.

[0018] Method B: The display position of the first main display area is determined based on the first operation.

[0019] Optionally, the display position of the first main display area may vary depending on the specific direction of the first operation. For details on the implementation, please refer to the following description; it will not be elaborated upon here.

[0020] Alternatively, the first operation can be a combination of control operations. For example, there are two controls: one control indicates that the first main display area is displayed on the left and the first secondary display area is displayed on the right; the other control indicates that the first main display area is displayed on the right and the first secondary display area is displayed on the right-left side. Thus, by operating on different controls through the first operation, the display position of the first main display area will vary accordingly. It can be understood that the relative position between the display area and the window interface can have a corresponding relationship. For example, when the first main display area is displayed on the left, the first window interface displayed in the first main display area can be located to the left of other window interfaces; similarly, when the first main display area is displayed on the right, the first window interface displayed in the first main display area can be located to the right of other window interfaces.

[0021] It can also be understood that users can choose the specific direction of the first operation or click on the corresponding control based on the window interface they wish to display in the first main display area.

[0022] This design, by strategically positioning the main display area, caters to the needs of various business scenarios and the usage habits of different users. It's understandable that different methods can be offered to users through entry points such as settings interfaces, allowing them to choose the optimal placement of the main display area based on their preferences, thus enhancing the versatility of the interface display.

[0023] Based on method B above, in one possible design, depending on the specific operation direction of the first operation, one or a combination of the following scenarios may exist:

[0024] Scenario A1: When the first operation is a right swipe operation, the first main display area is located on the left side of the second interface, and the first display area is located on the right side of the second interface.

[0025] For example, the first interface can be an interface comprising multiple window interfaces. An adjustment control can be included between two window interfaces. By sliding this adjustment control to the right, it can be assumed that the user desires a larger display area on the left side of the screen; therefore, the display area on the left side of the screen can be understood as the primary display area. Correspondingly, the display area on the right side of the screen is adaptively understood as the secondary display area. In this way, by using the adjustment control, it is possible to distinguish between user editing operations and user adjustment operations on the window interface, thereby improving the accuracy of interface interaction.

[0026] In another example, within the first interface, the electronic device can also detect a user's rightward swipe gesture in a designated area, thereby determining that the user wishes to adjust the size of the display area. In this way, by pre-defining the function of the first operation, the accuracy of the interface interaction can also be ensured.

[0027] Scenario A2: When the first operation is a left swipe operation, the display position of the first main display area is located on the right side of the second interface, and the display position of the first display area is located on the left side of the second interface.

[0028] The beneficial effects of scenario A2 can be found in the beneficial effects of scenario A1, and will not be repeated here.

[0029] Optionally, the sliding operation can be a sliding operation on the associated control of the window interface or a sliding operation on the window interface itself; this application does not limit this.

[0030] It is understandable that when the first interface includes two window interfaces, one window interface is displayed in the main display area and the other window interface is displayed in the secondary display area; when the first interface includes three or more window interfaces, one window interface is displayed in the main display area and the remaining at least two window interfaces are automatically displayed in the secondary display area.

[0031] In this design, the screen is divided into a main display area and a secondary display area according to the specific operation direction of the first operation, which can improve the main and secondary display effect of multiple window interfaces on electronic devices.

[0032] Based on method B above, in scenarios where the M window interfaces consist of at least three window interfaces, in another possible design, depending on the specific operation direction of the first operation, the following scenarios may also exist:

[0033] For example, the first interface generally includes a first display area and a second display area. The first display area is used to display a third window interface, and the second display area is used to display the other window interfaces among the M window interfaces, excluding the third window interface, in a stacked manner. Optionally, the first display area and the second display area included in the first interface can be of the same size, which can be understood as a typical two-screen interface.

[0034] Scenario B1: When the first operation is a rightward swipe and the first display area is displayed on the left, the first main display area is located on the left side of the second interface, and the first display area is located on the right side of the second interface. In this scenario, the first window interface is the third window interface.

[0035] It's understandable that a rightward swipe gesture can be interpreted as the user wanting a larger display area on the left side of the screen. Furthermore, when the left display area includes a single window (i.e., a third window), it can be considered the primary display area. Correspondingly, the right display area is adaptively considered the secondary display area. In this case, any remaining windows are automatically displayed in the secondary display area.

[0036] Scenario B2: When the first operation is a rightward swipe and the second display area is displayed on the left, the first main display area is located in the middle of the second interface. The second interface includes two primary display areas, located on the left and right sides of the second interface, respectively. In this scenario, the first window interface is the topmost window interface displayed in the second display area. It can be understood that the third window interface displayed in the right-side primary display area automatically displays in the right-side primary display area, and one or more windows stacked below in the second display area automatically display in the left-side primary display area.

[0037] It's understandable that a rightward swipe gesture suggests the user desires a larger display area on the left side of the screen. Furthermore, when the left display area includes multiple windows, the primary display area can be positioned in the center, showcasing the topmost window. Correspondingly, a secondary display area is included on the left side of the screen to display the remaining windows stacked at the bottom; and a secondary display area is also included on the right side of the screen to display one of the windows included in the right display area.

[0038] Scenario B3: When the first operation is a left swipe and the first display area is displayed on the right, the first main display area is located on the right side of the second interface, and the first display area is located on the left side of the second interface. In this scenario, the first window interface is the third window interface.

[0039] Scenario B4: When the first operation is a left swipe and the second display area is displayed on the right, the first main display area is located in the middle of the second interface. The second interface includes two primary display areas, located on the left and right sides of the second interface, respectively. In this scenario, the first window interface is the topmost window interface displayed in the second display area. It can be understood that the third window interface displayed in the left-side primary display area is automatically displayed in the left-side primary display area, and one or more windows stacked below in the second display area are automatically displayed in the right-side primary display area.

[0040] The beneficial effects of scenarios B3 and B4 can be found in the descriptions of the beneficial effects of scenarios B1 and B2, and will not be repeated here.

[0041] In this design, when the first interface includes a large number of window interfaces, the screen is divided into a main display area and a secondary display area, or a main display area and two secondary display areas, depending on the specific operation direction of the first operation. This can improve the main and secondary display effect of multiple window interfaces on electronic devices, and also maintain the relative positional relationship of multiple window interfaces, making it easier for users to quickly adapt to the changed interface.

[0042] In one possible design, the method further includes: performing a second operation in the second display area to update the window interface in the second display area from being displayed in the stacked form to being displayed in the spatial window form.

[0043] This design offers the option to switch between stacked and spatial window formats, which can better meet the needs of users in various task processing scenarios. The spatial window format also improves the efficiency and accuracy of switching between window interfaces, thereby enhancing the user experience.

[0044] In one possible design, when the second display area is displayed on the left, the second operation is a rightward swipe operation; when the second display area is displayed on the right, the second operation is a leftward swipe operation.

[0045] In this design, by designing a correspondence between the specific operation direction of the second operation and the display positions of multiple window interfaces, it is possible to better match the user's usage habits and improve the user's interactive experience.

[0046] In one possible design, the method further includes: performing a third operation in the second display area to update the window interfaces in the second display area from displaying them in a first stacking order to displaying them in a second stacking order; wherein the first stacking order is that the fourth window interface is stacked on top, and the second stacking order is that the fifth window interface is stacked on top.

[0047] In this design, the stacking order of multiple stacked window interfaces can be switched by user operation, which can improve the efficiency of switching between multiple window interfaces and the efficiency and continuity of multitasking.

[0048] In one possible design, the third operation is a click operation on the fifth window interface.

[0049] In one possible design, the method further includes: detecting a fourth operation on the second interface, the fourth operation being used to add a sixth window interface; and, in response to the fourth operation, displaying a fourth interface, the fourth interface including the M window interfaces and the sixth window interface.

[0050] In this design, in scenarios where the screen displays primary and secondary display areas, it is also possible to add new window interfaces. The electronic device displays multiple existing window interfaces and the newly added window interface on the screen.

[0051] In one possible design, the fourth interface includes a third main display area and a third display area. The size of the third main display area is larger than that of the third display area. The third main display area is used to display the sixth window interface, and the third display area is used to display the M window interfaces in the form of a spatial window.

[0052] In this design, even when the screen displays primary and secondary display areas, it also allows for the addition of new window interfaces. The electronic device can display the newly added window interface in the primary display area and automatically display the existing multiple window interfaces in the secondary display area. This enables real-time matching of user processing needs.

[0053] In one possible design, prior to detecting the first operation on the first interface, the method further includes: detecting and responding to a fifth operation in the fifth interface, displaying a sixth interface; the sixth interface includes a fourth main display area and a fourth secondary display area, the fourth main display area being larger than the fourth secondary display area, the fourth main display area being used to display thumbnails of alternative window interfaces and / or alternative application icons, and the fourth secondary display area being used to display at least one window interface included in the fifth interface in the form of a spatial window; detecting and responding to a second selection operation in the fourth main display area, displaying the first interface, the first interface including M window interfaces including at least one window interface included in the fifth interface and a seventh window interface, the seventh window interface being the window interface corresponding to the thumbnail of the alternative window interface selected by the second selection operation, or the seventh window interface being the window interface of the application corresponding to the alternative application icon selected by the second selection operation.

[0054] This design, which uses display areas of different sizes to show multiple window interfaces, is also applicable to scenarios where new window interfaces are added. It can be understood that, based on an electronic device displaying a single window interface or multiple windows in a split-screen format, a task center can be triggered by a preset operation. The task center can then be used to add new window interfaces. Furthermore, considering that the focus of attention in this scenario is the task center, it can be displayed in the main display area, while one or more previously displayed window interfaces are shown in a secondary display area. This improves the smoothness of interaction in scenarios involving multiple window interfaces, enhancing the efficiency and user experience of multitasking.

[0055] In one possible design, the fifth operation and the second selection operation can be various predefined operation modes. For example, they can be at least one of the following combinations of operations:

[0056] (1) The fifth operation is a two-finger bottom pinch operation, and the second selection operation is a click operation on the thumbnail or alternative application icon corresponding to the seventh window interface.

[0057] (2) The fifth operation is a drag operation on the first display content in the eighth window interface of the fifth interface. The drag operation is used to drag the first display content and to trigger a gradual switch from the fifth interface to the sixth interface. The second selection operation is an operation to drag the first display content to the thumbnail or alternative application icon corresponding to the seventh window interface.

[0058] In this design, predefined user actions can improve the efficiency of adding new window interfaces and enhance the user experience.

[0059] In one possible design, the fifth interface includes at least one window interface corresponding to at least one application; the application corresponding to the thumbnail of the alternative window interface is associated with the at least one application; and the application corresponding to the icon of the alternative application is associated with the at least one application.

[0060] This design improves the efficiency of finding new window interfaces by displaying the task center based on the relationships between applications. It allows for faster retrieval of relevant application windows, thereby enhancing the continuity and efficiency of multitasking. For example, camera-related applications could include a photo album application.

[0061] In one possible design, the application corresponding to the thumbnail of the alternative window interface is an application running in the background.

[0062] In this design, by displaying thumbnails of background applications in the task center, the user can be more intuitively shown the thumbnails of background applications, which makes it easier for the user to view the partial display content of the window interface and improves the efficiency of adding new window interfaces.

[0063] In one possible design, prior to detecting the first operation on the first interface, the method further includes: detecting and responding to a fifth operation in the fifth interface, displaying a sixth interface; the sixth interface includes a fourth main display area and a fourth secondary display area, the fourth main display area being larger than the fourth secondary display area, the fourth main display area being used to display thumbnails of alternative window interfaces and / or alternative application icons, the fourth secondary display area being used to display multiple window interfaces included in the fifth interface in the form of a spatial window; the multiple window interfaces included in the fifth interface include an eighth window interface; detecting and responding to a replacement operation in the fourth main display area, displaying the first interface, the first interface including M window interfaces including a seventh window interface and excluding the eighth window interface, the seventh window interface being the window interface corresponding to the thumbnail of the alternative window interface selected by the replacement operation, or the seventh window interface being the window interface of the application corresponding to the alternative application icon selected by the second selection operation.

[0064] This design, which uses display areas of different sizes to show multiple window interfaces, is also applicable to scenarios involving switching between window interfaces. It can be understood that, based on an electronic device displaying a single window interface or multiple windows in a split-screen format, a task center can be triggered by preset operations. The task center can then be used to select a new window interface to replace the one currently displayed. Furthermore, considering that the focus of attention in this scenario is the task center, it can be displayed in the main display area, while one or more previously displayed windows are shown in a secondary display area. This improves the smoothness of interaction in scenarios involving multiple window interfaces, enhancing the efficiency and user experience of multitasking.

[0065] In one possible design, the first interface is a split-screen interface obtained based on the M window interfaces. Based on this design, before detecting the first operation on the first interface, the method further includes: the electronic device originally displays M window interfaces, including a ninth window interface; a sixth operation is performed in the ninth window interface; N window interfaces belonging to the same application as the ninth window interface are displayed using the spatial window format, where N is a positive integer; a third selection operation is detected and responded to on the tenth window interface included in the N window interfaces; the first interface is displayed, wherein the first interface includes the tenth window interface but does not include the ninth window interface.

[0066] In this design, when displaying at least two window interfaces in a split-screen format on an electronic device screen, switching between those window interfaces can be achieved through preset operations on one of the window interfaces. During switching, at least one window interface belonging to the same application can be used as a backup window interface, which improves the efficiency of switching window interfaces and provides split-screen results obtained from various combinations of window interfaces.

[0067] Secondly, embodiments of this application provide an interface display method. This method can be applied to electronic devices. In this method, a sixth interface is displayed in response to a fifth operation in a fifth interface; the sixth interface includes a fourth main display area and a fourth secondary display area, the fourth main display area being larger than the fourth secondary display area, the fourth main display area being used to display thumbnails of alternative window interfaces and / or alternative application icons, and the fourth secondary display area being used to display at least one window interface included in the fifth interface in the form of a spatial window; a first interface is displayed in response to a second selection operation in the fourth main display area. The first interface includes M window interfaces, including at least one window interface included in the fifth interface and a seventh window interface. The seventh window interface is either the window interface corresponding to the thumbnail of the alternative window interface selected through the second selection operation, or the seventh window interface is the window interface of the application corresponding to the alternative application icon selected through the second selection operation.

[0068] In this method, when an electronic device displays at least one window interface, and a new window interface needs to be added, the task center can be displayed in the main display area, and the original at least one window interface can be displayed in the secondary display area. In this way, displaying the original at least one window interface in the secondary display area and the task center in the main display area not only retains residual attention to the original window interface, but also enhances attention to the task center, thereby improving the efficiency and continuity of multitasking.

[0069] In one possible design, the fifth operation and the second selection operation can be various predefined operation modes. For example, they can be at least one of the following combinations of operations:

[0070] (1) The fifth operation is a two-finger bottom pinch operation, and the second selection operation is a click operation on the thumbnail or alternative application icon corresponding to the seventh window interface.

[0071] (2) The fifth operation is a drag operation on the first display content in the eighth window interface of the fifth interface. The drag operation is used to drag the first display content and to trigger a gradual switch from the fifth interface to the sixth interface. The second selection operation is an operation to drag the first display content to the thumbnail or alternative application icon corresponding to the seventh window interface.

[0072] In one possible design, the fifth interface includes at least one window interface corresponding to at least one application; the application corresponding to the thumbnail of the alternative window interface is associated with the at least one application; and the application corresponding to the icon of the alternative application is associated with the at least one application.

[0073] In one possible design, the application corresponding to the thumbnail of the alternative window interface and the application corresponding to the alternative application icon are applications running in the background.

[0074] Thirdly, embodiments of this application provide an interface display method. This method can be applied to electronic devices. In this method, a sixth interface is displayed in response to a fifth operation in a fifth interface; the sixth interface includes a fourth main display area and a fourth secondary display area, the size of the fourth main display area being larger than the fourth secondary display area. The fourth main display area is used to display thumbnails of candidate window interfaces and / or candidate application icons, and the fourth secondary display area is used to display multiple window interfaces included in the fifth interface in the form of a spatial window; the multiple window interfaces included in the fifth interface include an eighth window interface; a first interface is displayed in response to a replacement operation in the fourth main display area, the first interface including M window interfaces including a seventh window interface and excluding the eighth window interface, the seventh window interface being the window interface corresponding to the thumbnail of the candidate window interface selected through the replacement operation, or the seventh window interface being the window interface of the application corresponding to the candidate application icon selected through the second selection operation.

[0075] Fourthly, embodiments of this application provide an interface display method. This method can be applied to electronic devices. In this method, the electronic device originally displays M window interfaces, including a ninth window interface. A sixth operation is performed in the ninth window interface to display N window interfaces belonging to the same application as the ninth window interface in the form of a spatial window, where N is a positive integer. A third selection operation is detected and responded to for a tenth window interface included in the N window interfaces, and a first interface is displayed. The first interface is a split-screen interface obtained based on the M window interfaces, and the first interface includes the tenth window interface but does not include the ninth window interface.

[0076] Fifthly, embodiments of this application also provide an interface display method. This method can be applied to electronic devices. In this method, a first operation on a first interface is detected, the first interface comprising M window interfaces, where M is a positive integer greater than 1; in response to the first operation, a second interface is displayed, the second interface comprising a first main display area and a first display area, the size of the first main display area being larger than the first display area, the first main display area being used to display N1 window interfaces out of the M window interfaces, and the first display area being used to display all or part of the other window interfaces out of the M window interfaces excluding the N1 window interfaces; where N1 is less than M; wherein, in the first display area, all or part of the other window interfaces excluding the N1 window interfaces are displayed in a spatial window format, the spatial window format being a form of flipping the window interfaces towards the inside of the screen of the electronic device.

[0077] When a window is tiled, it appears to be on the same plane as the screen displaying the window. For example, tiling can be a full-screen display or a split-screen display.

[0078] This method utilizes different sizes for different display areas on the screen. A larger main display area increases attention to one or more windows within it. Furthermore, by displaying all or part of other windows in smaller secondary display areas using a spatial window approach, the available content for display in these smaller areas is increased, while residual user attention is retained. This improves the efficiency and continuity of multitasking and enhances the user experience. Additionally, limiting the number of other windows displayed in secondary display areas ensures sufficient display space in the main display area, reducing encroachment on the main display area when there are many other windows.

[0079] In one possible design, N1 is 1.

[0080] In another possible design, N1 is greater than 1, and the N1 window interfaces are displayed in a split-screen manner in the first main display area.

[0081] In one possible design, the second interface includes L initial display areas, where L is 1 or 2, and the number of other window interfaces is more than L, with each initial display area displaying one of the other window interfaces.

[0082] In one possible design, the first interface may have the following possibilities:

[0083] (1) The M windows in the first interface are displayed in a split-screen format; or,

[0084] (2) The first interface includes a second main display area and a second display area; wherein, the size of the second main display area is larger than that of the second display area, the second main display area is used to tile N2 window interfaces out of the M window interfaces, and the second display area is used to display all or part of the other window interfaces out of the M window interfaces except for the N2 window interfaces in the form of the space window; N2 is smaller than M; wherein, the N2 window interfaces are not completely the same as the N1 window interfaces.

[0085] This design allows for switching between interfaces displayed in a primary-secondary manner based on a split-screen interface; alternatively, it allows switching between interfaces displayed in a primary-secondary manner (interface 1 and interface 2). The windows displayed in the main display area for interfaces 1 and 2 do not need to be identical. This provides multiple interaction methods for multitasking, meeting the needs of various user scenarios.

[0086] In one possible design, the first operation is a drag operation on a first control, which is a control associated with a first window interface and a second window interface, and the first window interface and the second window interface are adjacent window interfaces. The step of displaying the second interface in response to the first operation includes:

[0087] (a) Adjust the first window interface in the first interface using one of the following methods:

[0088] Scenario (A) adjusts the tiled display size of the first window interface in the first interface. This can also be understood as maintaining the tiled display format while adjusting the size of the first window interface.

[0089] The first window interface is the window interface of an application that supports split-screen, for example, the tiled display size of the first window interface in the first interface is smaller or larger than the tiled display size of the first window interface in the second interface.

[0090] Scene (B) adjusts the tiled display area of ​​the first window interface on the screen. This can also be understood as maintaining the tiled display format and the size of the first window interface while adjusting its display area on the screen.

[0091] The first window interface is the window interface of an application that does not support split-screen. For example, the tiled display area of ​​the first window interface in the first interface is smaller or larger than the tiled display area of ​​the first window interface in the second interface. It can be understood that the first window interface can be fully displayed on the screen or not fully displayed.

[0092] Scene (C) switches the first window interface from being displayed as a spatial window to being displayed as a tiled window.

[0093] Based on the above descriptions of scenarios (A) to (C), it can be understood that in the second interface, the first window interface is one of the N1 window interfaces.

[0094] (ii) Adjust the second window interface in the first interface using one of the following methods:

[0095] (1) Switch from tiled display to display in spatial window format.

[0096] (2) Switch from displaying in a spatial window to displaying in a tiled manner.

[0097] (3) The display position or display area on the screen changes, such as a translation. This can also be understood as maintaining the tiled display format and the display size of the second window interface, while adjusting the display area of ​​the second window interface on the screen. It can be understood that the second window interface can be fully displayed on the screen or partially displayed.

[0098] In some possible examples, the first control is located between the first window interface and the second window interface; or, the first control is located on one of the first window interface and the second window interface, closer to the other window interface.

[0099] For example, when both the first window interface and the second window interface are tiled, the first control is located between the first window interface and the second window interface. For instance, there may be a certain gap between the first window interface and the second window interface, and the first control may be located in the middle of that gap.

[0100] In another example, the first window interface and the second window interface are displayed as a tiled window and a space window, respectively. The first control is located on one of the first window interface and the second window interface, close to the other window interface. Optionally, the first control is located on the window interface displayed as a space window, and close to the tiled window interface. For example, the first control can be displayed on another window interface displayed as a space window, or the first control can be displayed in a position adjacent to the tiled window interface, which can also be understood as the edge adjacent to the tiled window interface and the window interface displayed as a space window.

[0101] In this design, based on controls associated with the window interface, the display of the window interface can be adjusted by dragging the associated controls, thereby meeting the needs of users in various scenarios.

[0102] In one possible design, the screen area of ​​the electronic device includes X hot zones, where X is greater than 2. These X hot zones include a left hot zone, one or more intermediate hot zones, and a right hot zone. It is understood that any hot zone located between the left and right hot zones can be referred to as an intermediate hot zone, and the number of intermediate hot zones is not limited. Based on this, the following possible scenarios are possible, including but not limited to:

[0103] Scenario (1) The first window interface is located to the left of the second window interface. When the first control is dragged to the right hot zone, the second window interface switches from the tiled display to the display in the form of a spatial window, and the second window interface is displayed in the first display area located on the right; or,

[0104] Scenario (2) The first window interface is located to the right of the second window interface. When the first control is dragged to the left hot zone, the second window interface switches from the tiled display to the display in the form of a spatial window, and the second window interface is displayed in the first display area located on the left; or,

[0105] Scenario (3) The second window interface is displayed in the form of a space window in the first interface. When the first control is dragged to the middle hot zone, the second window interface and the first window interface are displayed in a split-screen form.

[0106] In this scenario, by setting hotspots on the screen, a rule for adjusting the window interface can be defined, making it easier for users to quickly learn various interface switching methods in multitasking scenarios. This can meet the needs of users in a variety of scenarios.

[0107] In one possible design, the maximum number of split screens that the electronic device can support is Y, where X equals Y plus 1.

[0108] In one possible design, in response to the closing operation of the third window interface among the N1 window interfaces, at least one window interface in the first display area is switched from being displayed as a spatial window to being tiled, which can also be understood as performing "display filling". It should be noted that the window interface displayed as a spatial window is not limited to being displayed on the screen (i.e., displayed in the secondary display area), and can also be not displayed on the screen. For example, when display filling is performed by two window interfaces displayed as spatial windows in a secondary display area, one of these two window interfaces can be displayed on the screen and the other not displayed on the screen.

[0109] Based on the above design, when the third window interface is displayed in full-screen mode in the main display area, the supplementary window interface can be: one window interface displayed in full-screen mode, or two window interfaces both displayed in split-screen mode, or one split-screen window interface and one window interface displayed in full-screen mode. When the third window interface is displayed in split-screen mode in the main display area, the supplementary window interface can be: one window interface displayed in split-screen mode; or one window interface displayed in full-screen mode. It can be understood that the window interface displayed in full-screen mode can only display a portion of the content.

[0110] In this design, when a window in the main display area is closed, the window can be filled in by displaying different display forms of the window in the space window until the window can fill in the original display position occupied by the closed window. This allows for timely updates to the interface display results in multitasking scenarios.

[0111] In one possible design, the method further includes: detecting a first selection operation on a fourth window interface in the first display area, the fourth window interface being one of the other window interfaces; responding to the first selection operation, displaying a third interface; the third interface includes a third main display area and a third display area, the size of the third main display area being larger than the third display area, the third main display area being used to tile N3 window interfaces out of the M window interfaces, the N3 window interfaces including the fourth window interface, N3 being a positive integer, the third display area being used to display all or part of the other window interfaces out of the M window interfaces excluding the N3 window interfaces; N3 being less than M; wherein, in the third display area, all or part of the other window interfaces excluding the N3 window interfaces are displayed using the spatial window format.

[0112] Optionally, the first selection operation can be a click operation on the fourth window interface, a drag operation on the control associated with the fourth window interface, or a swipe operation on the fourth window interface. This application does not limit the operation form used to represent the first selection operation.

[0113] In one possible design, N3 is 1.

[0114] In one possible design, the fourth window interface is displayed in a split-screen format before being displayed in the first display area in a spatial window format. After the first selection operation, the fourth window interface is displayed in a split-screen format in the third main display area; N3 is greater than 1. Alternatively, the fourth window interface is displayed in full-screen format before being displayed in the first display area in a spatial window format. After the first selection operation, the fourth window interface is displayed in full-screen format in the third main display area; N3 is 1.

[0115] In one possible design, N3 is greater than 1; the first display area is located on the first side of the screen; the N3 window interfaces displayed in the third main display area are obtained by: taking the fourth window interface as the starting window interface, and translating the second side window interface adjacent to the fourth window interface towards the second side; wherein, the first side and the second side are opposite sides of the screen.

[0116] In one possible design, the third main display area is displayed in the same position as the first main display area; or, the third main display area is displayed in a different position than the first main display area.

[0117] In one possible design, the display position of the first main display area is preset; or, the display position of the first main display area is determined based on the first operation.

[0118] In one possible design, if the display position of the first main display area is determined based on the first operation:

[0119] (1) When the first operation is a right swipe operation, the display position of the first main display area is located on the left side of the second interface, and the display position of the first display area is located on the right side of the second interface;

[0120] (2) When the first operation is a leftward swipe operation, the display position of the first main display area is located on the right side of the second interface, and the display position of the first display area is located on the left side of the second interface.

[0121] For example, a sliding operation can be a sliding operation on the window interface, or a dragging operation on a control associated with the window interface.

[0122] Based on the above design, when M is 2, the first interface is a split-screen interface consisting of a fifth window interface and a sixth window interface, with the fifth window interface to the left of the sixth window interface; during the right swipe operation, the fifth window interface is displayed in the first main display area, and the sixth window interface is displayed in the first display area; during the left swipe operation, the sixth window interface is displayed in the first main display area, and the fifth window interface is displayed in the first display area.

[0123] In one possible design, the M window interfaces are at least three window interfaces; the first interface includes a first display area and a second display area, the first display area is used to display a seventh window interface, and the second display area is used to display the other window interfaces among the M window interfaces, excluding the seventh window interface, in a stacked manner. If the display position of the first main display area is determined based on the first operation:

[0124] (1) When the first operation is a rightward swipe operation and the first display area is displayed on the left, the display position of the first main display area is located on the left side of the second interface, the display position of the first display area is located on the right side of the second interface, and the N1 window interfaces are the seventh window interface; and / or,

[0125] (2) When the first operation is a rightward swipe operation and the second display area is displayed on the left, the display position of the first main display area is located in the middle of the second interface. The second interface includes two primary display areas, and the display positions of the two primary display areas are respectively located on the left and right sides of the second interface. The N1 window interfaces are the window interfaces displayed at the top of the second display area; and / or,

[0126] (3) When the first operation is a leftward swipe operation and the first display area is displayed on the right, the display position of the first main display area is located on the right side of the second interface, the display position of the first display area is located on the left side of the second interface, and the N1 window interfaces are the seventh window interface; and / or,

[0127] (4) When the first operation is a leftward swipe operation and the second display area is displayed on the right, the display position of the first main display area is located in the middle of the second interface. The second interface includes two first display areas, and the display positions of the two first display areas are located on the left and right sides of the second interface, respectively. The N1 window interfaces are the window interfaces displayed at the top of the second display area.

[0128] Optionally, the sliding operation can be a sliding operation on the associated control of the window interface or a sliding operation on the window interface itself; this application does not limit this.

[0129] In one possible design, a second operation is performed in the second display area to update the window interface in the second display area from being displayed in the stacked form to being displayed in the spatial window form.

[0130] In one possible design, when the second display area is displayed on the left, the second operation is a rightward swipe operation; when the second display area is displayed on the right, the second operation is a leftward swipe operation.

[0131] In one possible design, the method further includes: performing a third operation in the second display area to update the window interfaces in the second display area from displaying them in a first stacking order to displaying them in a second stacking order; wherein the first stacking order is that the eighth window interface is stacked on top, and the second stacking order is that the ninth window interface is stacked on top.

[0132] In one possible design, the third operation is a click operation on the ninth window interface.

[0133] In one possible design, the method further includes: detecting a fourth operation on the second interface, the fourth operation being used to add a tenth window interface; and in response to the fourth operation, displaying a fourth interface, the fourth interface including the M window interfaces and the tenth window interface.

[0134] In one possible design, the fourth interface includes a fourth main display area and a fourth secondary display area. The size of the fourth main display area is larger than that of the fourth secondary display area. The fourth main display area is used to tile the tenth window interface, and the fourth secondary display area is used to display all or part of the window interfaces among the M window interfaces in the form of the spatial window.

[0135] In one possible design, prior to detecting the first operation on the first interface, the method further includes: detecting and responding to a fifth operation in the fifth interface, displaying a sixth interface; the sixth interface includes a fifth main display area and a fifth secondary display area, the fifth main display area being larger than the fifth secondary display area, the fifth main display area being used to tile thumbnails of alternative window interfaces and / or alternative application icons, the fifth secondary display area being used to display at least one window interface included in the fifth interface in the form of a spatial window; detecting and responding to a second selection operation in the fifth main display area, displaying the first interface, the first interface including the M window interfaces including at least one window interface included in the fifth interface and an eleventh window interface, the eleventh window interface being the window interface corresponding to the thumbnail of the alternative window interface selected by the second selection operation, or the eleventh window interface being the window interface of the application corresponding to the alternative application icon selected by the second selection operation.

[0136] In one possible design, the fifth operation is a two-finger pinch operation at the bottom, and the second selection operation is a click operation on the thumbnail or alternative application icon corresponding to the eleventh window interface; and / or, the fifth operation is a drag operation on the first displayed content in the twelfth window interface of the fifth interface, the drag operation being used to drag the first displayed content and to trigger a gradual switch from the fifth interface to the sixth interface; the second selection operation is an operation of dragging the first displayed content onto the thumbnail or alternative application icon corresponding to the eleventh window interface.

[0137] In one possible design, the fifth interface includes at least one window interface corresponding to at least one application; the application corresponding to the thumbnail of the alternative window interface is associated with the at least one application; and the application corresponding to the icon of the alternative application is associated with the at least one application.

[0138] In one possible design, the application corresponding to the thumbnail of the alternative window interface is an application running in the background.

[0139] In one possible design, prior to detecting the first operation on the first interface, the method further includes: detecting and responding to a fifth operation in the fifth interface, displaying a sixth interface; the sixth interface includes a fifth main display area and a fifth secondary display area, the fifth main display area being larger than the fifth secondary display area, the fifth main display area being used to tile thumbnails of alternative window interfaces and / or alternative application icons, the fifth secondary display area being used to display all or part of the window interfaces among the plurality of window interfaces included in the fifth interface in the form of the spatial window; the plurality of window interfaces included in the fifth interface includes a twelfth window interface; detecting and responding to a replacement operation in the fifth main display area, displaying the first interface, the first interface including the M window interfaces including an eleventh window interface and excluding the twelfth window interface, the eleventh window interface being the window interface corresponding to the thumbnail of the alternative window interface selected by the replacement operation, or the eleventh window interface being the window interface of the application corresponding to the alternative application icon selected by the second selection operation.

[0140] In one possible design, the first interface is a first split-screen interface obtained based on the M window interfaces.

[0141] In one possible design, in response to a sixth operation in the first split-screen interface, an eighth interface is displayed; the sixth operation is used to add a thirteenth window interface; the eighth interface includes a sixth main display area and a sixth secondary display area, the size of the sixth main display area is larger than the sixth secondary display area, the sixth main display area is used to tile the second split-screen interface including the thirteenth window interface, and the sixth secondary display area is used to display all or part of the window interfaces that do not belong to the second split-screen interface from the M window interfaces; wherein, in the sixth secondary display area, all or part of the window interfaces that do not belong to the second split-screen interface from the first split-screen interface are displayed in the form of a spatial window.

[0142] In another possible design, in response to the operation of dragging the fourteenth window interface among the N1 window interfaces to the first display area, the fourteenth window interface is displayed in the first display area as a spatial window, and the fifteenth window interface in the first display area is displayed in the original display position of the fourteenth window interface; it can also be understood that by dragging the window interface, the positions of the tiled window interface and the window interface displayed in the spatial window form can be interchanged.

[0143] Alternatively, the second interface includes a left-side primary display area and a right-side primary display area. In response to dragging the sixteenth window interface from the left-side primary display area to the right-side primary display area, the sixteenth window interface is displayed as a space window in the right-side primary display area, and the seventeenth window interface from the primary display area is displayed as a space window in the left-side secondary display area. This can also be understood as allowing the position of two windows also displayed as space windows in the secondary display area to be swapped through dragging operations.

[0144] This design provides an interactive method that allows users to swap the positions of the window interfaces, which can meet users' needs for arranging various window interfaces in multitasking scenarios, thereby enhancing the richness of multitasking scenarios.

[0145] In another possible design, in response to the Zth operation, the eighteenth window interface is set as a fixed window interface; the eighteenth window interface is in a split-screen format. The fixed window interface indicates that the display position and size of the eighteenth window interface do not change with operations on other window interfaces.

[0146] In this design, by setting a fixed window interface, the needs of users in multi-tasking scenarios can be met, while switching between other window interfaces can be performed on a fixed window interface, thereby enhancing the richness of multi-tasking scenarios.

[0147] Sixthly, this application provides an electronic device comprising a plurality of functional modules; the plurality of functional modules interact to implement the methods performed by the electronic device in any of the above aspects and their respective embodiments. The plurality of functional modules can be implemented based on software, hardware, or a combination of software and hardware, and the plurality of functional modules can be arbitrarily combined or divided based on specific implementations.

[0148] In a seventh aspect, this application provides an electronic device including at least one processor and at least one memory, wherein the at least one memory stores computer program instructions, and when the electronic device is running, the at least one processor executes any of the above aspects and the methods executed by the electronic device in its various embodiments.

[0149] Eighthly, this application also provides a computer-readable storage medium storing a computer program that, when executed by a computer, causes the computer to perform any of the above-described methods and the methods performed by various possible electronic devices.

[0150] Ninthly, this application provides a computer program product comprising: a computer program (also referred to as code or instructions) that, when run, causes a computer to perform any of the above aspects and methods for designing electronic devices.

[0151] In a tenth aspect, embodiments of this application also provide a graphical user interface on an electronic device, the electronic device having a display screen, one or more memories, and one or more processors, the one or more processors being configured to execute one or more computer programs stored in the one or more memories, the graphical user interface including a graphical user interface displayed when the electronic device performs any of the above aspects and their respective possible designs.

[0152] Eleventhly, this application also provides a chip for reading a computer program stored in a memory and executing the methods executed by any of the above-described aspects and their respective possible electronic devices.

[0153] In a twelfth aspect, this application also provides a chip system including a processor for supporting a computer device in performing the methods executed by any of the above aspects and their respective possible electronic designs. In one possible design, the chip system further includes a memory for storing programs and data necessary for the computer device. The chip system may be composed of chips or may include chips and other discrete devices.

[0154] For details on the beneficial effects of any of the second to twelfth aspects and their possible designs, please refer to the beneficial effects of the various possible designs in the first aspect above; they will not be repeated here. Attached Figure Description

[0155] Figure 1 This is a schematic diagram of an interface for a multi-tasking scenario.

[0156] Figure 2 A schematic diagram of the hardware structure of a possible electronic device provided in an embodiment of this application;

[0157] Figure 3 A software architecture block diagram of an electronic device provided in an embodiment of this application;

[0158] Figure 4A One of the schematic diagrams of the interface for triggering the switching window provided in the embodiments of this application;

[0159] Figure 4B This is a second schematic diagram of the interface for triggering the switching window provided in an embodiment of this application;

[0160] Figure 4C A schematic diagram of a spatial window provided for an embodiment of this application;

[0161] Figure 5A The third schematic diagram of the interface for triggering the switching window provided in the embodiments of this application;

[0162] Figure 5B The fourth schematic diagram of the interface for triggering the switching window provided in the embodiments of this application;

[0163] Figure 5C The fifth schematic diagram of the interface for triggering the switching window provided in the embodiments of this application;

[0164] Figure 5D One of the scenario diagrams for the newly added window interface provided in the embodiments of this application;

[0165] Figure 5E A second schematic diagram of a scenario with a newly added window interface provided in an embodiment of this application;

[0166] Figure 5F The third scenario diagram of the newly added window interface provided in the embodiments of this application;

[0167] Figure 5G Fourth scenario illustration of the newly added window interface provided in the embodiments of this application;

[0168] Figure 5H Fifth of the scenario diagrams illustrating the newly added window interface provided in the embodiments of this application;

[0169] Figure 6A The sixth schematic diagram of the interface for triggering the switching window provided in the embodiments of this application;

[0170] Figure 6B The seventh schematic diagram of the interface for triggering the switching window provided in the embodiments of this application;

[0171] Figure 6C Eighth schematic diagram of the interface for triggering the switching window provided in the embodiments of this application;

[0172] Figure 6D The ninth schematic diagram of the interface for triggering the switching window provided in the embodiments of this application;

[0173] Figure 7 The tenth schematic diagram of the interface for triggering the switching window provided in the embodiments of this application;

[0174] Figure 8 One of the schematic diagrams of an interface for adjusting the window size provided in an embodiment of this application;

[0175] Figure 9 A second schematic diagram of an interface for adjusting the window size provided in an embodiment of this application;

[0176] Figure 10A A schematic diagram illustrating the principle of an interface display method provided in an embodiment of this application;

[0177] Figure 10B This is another schematic diagram illustrating the principle of an interface display method provided in an embodiment of this application;

[0178] Figure 10C Third schematic diagram of an interface for adjusting window size provided in an embodiment of this application;

[0179] Figure 10D Fourth schematic diagram of an interface for adjusting window size provided in an embodiment of this application;

[0180] Figure 11A One of the scenario diagrams for closing a window interface provided in the embodiments of this application;

[0181] Figure 11B A second schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application;

[0182] Figure 11C The third schematic diagram of a scenario for closing a window interface provided in this application embodiment;

[0183] Figure 11D Fourth schematic diagram of a scenario for closing a window interface provided in an embodiment of this application;

[0184] Figure 11E Fifth schematic diagram of a scenario for closing a window interface provided in an embodiment of this application;

[0185] Figure 11F A sixth schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application;

[0186] Figure 11G Seventh schematic diagram of a scenario for closing a window interface provided in an embodiment of this application;

[0187] Figure 11H Eighth schematic diagram of a scenario for closing a window interface provided in this application embodiment;

[0188] Figure 12 A schematic diagram of a fixed window interface provided in an embodiment of this application;

[0189] Figure 13 This is a flowchart illustrating an interface display method provided in an embodiment of this application. Detailed Implementation

[0190] The embodiments of this application will now be described in detail with reference to the accompanying drawings.

[0191] The embodiments of this application can be applied to the field of electronic device technology, and are specifically applicable to multi-tasking scenarios. These multi-tasking scenarios may include, but are not limited to:

[0192] (1) Multi-instance processing scenarios or multi-atomic service processing scenarios within a single application. For example, simultaneously opening multiple different webpage windows within a browser application (APP), or simultaneously opening multiple different note windows within a memo app. Another example is different atomic services belonging to the same application, each corresponding to a different window interface.

[0193] (2) Multi-application processing scenarios. For example, opening application A and application B windows at the same time.

[0194] (3) Combined scenarios such as multiple applications and multiple instances, multiple applications and multiple atomic services. For example, simultaneously opening webpage 1 of the browser APP, webpage 2 of the browser APP, and the window interface of the memo APP. Another example is simultaneously opening window interface 1 and window interface 2 corresponding to atomic service 1 of one APP, and window interface 3 of another APP.

[0195] Each window interface is used to handle its own task. In addition, multitasking scenarios often require switching between multiple different window interfaces.

[0196] For example, Figure 1 This is a schematic diagram of an interface for a multitasking scenario. For example... Figure 1 The interface 101 shown allows multiple window interfaces to be stacked and displayed on the screen of an electronic device along the vertical axis; such as Figure 1 The interface 102 shown in the figure displays multiple window interfaces arbitrarily stacked on the screen of an electronic device. As shown in interfaces 101 and 102, the stacked display method has the problem of low multitasking efficiency when there are many windows, and it also lacks effective management and requires high memory cost.

[0197] For example Figure 1 The interface 103 shown in the figure has multiple windows arranged in a large window format. The multiple windows are displayed through a canvas container, the size of which is larger than the screen size of the electronic device. Therefore, the canvas can extend beyond the physical boundaries of the screen. As shown in interface 103, this arrangement lacks effective information display. Users cannot view more windows simultaneously, resulting in inconvenience when switching between different windows. Furthermore, due to the limitations of the electronic device's screen size, the overall display efficiency of the multi-window interface is low.

[0198] In view of this, embodiments of this application provide an interface display method. This method provides an interaction mode for a multi-window interface in a multi-tasking scenario. By dividing the display screen of an electronic device into a main display area and a secondary display area, the primary and secondary relationships within the display interface can be distinguished. Furthermore, by introducing a spatial window display format in the secondary display area, the display content of other window interfaces displayed in the secondary display area can be increased. Therefore, embodiments of this application provide an interface display mode in various multi-tasking scenarios, which can improve the efficiency and continuity of multi-tasking processing and enhance the user experience for multi-tasking.

[0199] In one optional implementation, the display format of the spatial window can be understood as having the window interface perpendicular to the screen, using one side of the window interface as the central axis, and flipping the other side of the window interface towards the back of the screen. It can also be understood as flipping the window interface towards the inside of the tablet screen. Optionally, the central axis can be determined based on the location of the display area of ​​the window interface in the spatial window format, for example, when the display area is on the left, the left side of the window interface can be used as the central axis, and when the display area is on the right, the right side of the window interface can be used as the central axis.

[0200] In another optional implementation, the spatial window display can be understood as having the window interface perpendicular to the screen, using a target vertical line as the central axis, and flipping the side of the window interface furthest from the target vertical line towards the back of the screen. It can also be understood as flipping the window interface towards the inside of the tablet screen. Optionally, the location of the display area of ​​the window interface in the spatial window format can be determined as needed, and the target vertical line can be selected accordingly. For example, when the display area is on the left, the target vertical line can be a vertical line in the left half of the window interface, such as a vertical line located at 1 / 3 of the screen distance from the left edge. Similarly, when the display area is on the right, the target vertical line can be a vertical line in the right half of the window interface, such as a vertical line located at 1 / 4 of the screen distance from the right edge.

[0201] It should be noted that the specific implementation of the form of the space window in this embodiment is not limited. For example, it can also be a combination of flipping and translation to obtain various display interfaces described later.

[0202] The technical solutions in this application can be applied to electronic devices, which can be any device capable of displaying an interface. For example, electronic devices can be mobile phones (such as foldable phones), tablets, wearable devices (e.g., watches, bracelets), in-vehicle devices (e.g., large in-vehicle screens or central control screens), augmented reality (AR) / virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), smart home devices (e.g., smart TVs), and other electronic devices capable of displaying an interface. It is understood that this application does not limit the specific type of electronic device.

[0203] The electronic devices to which this application's embodiments can be applied include, but are not limited to, those equipped with... Alternatively, it can be an electronic device running another operating system. For example, the electronic device described in the foregoing embodiments can be used.

[0204] Figure 2 A schematic diagram of the hardware structure of a possible electronic device is shown. The electronic device 200 includes components such as: a radio frequency (RF) circuit 210, a power supply 220, a processor 230, a memory 240, an input unit 250, a display unit 260, an audio circuit 270, a communication interface 280, and a Wi-Fi module 290. Those skilled in the art will understand that... Figure 2 The hardware structure of the electronic device 200 shown in the figure does not constitute a limitation on the electronic device 200. The electronic device 200 provided in the embodiments of this application may include more or fewer components than shown, may combine two or more components, or may have different component configurations. Figure 2 The various components shown can be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application-specific integrated circuits.

[0205] The following is combined Figure 2 The various components of the electronic device 200 will be described in detail below:

[0206] The RF circuit 210 can be used for receiving and transmitting data during communication or a call. Specifically, after receiving downlink data from the base station, the RF circuit 210 sends it to the processor 230 for processing; additionally, it sends uplink data to be transmitted to the base station. Typically, the RF circuit 210 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low-noise amplifier (LNA), a duplexer, etc.

[0207] Furthermore, the RF circuit 210 can also communicate with other devices via a wireless communication network. The wireless communication can use any communication standard or protocol, including but not limited to Global System for Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (LTE), email, and Short Messaging Service (SMS).

[0208] Wi-Fi technology is a short-range wireless transmission technology. The electronic device 200 can connect to an access point (AP) via the Wi-Fi module 290, thereby enabling access to the data network. The Wi-Fi module 290 can be used for receiving and sending data during communication.

[0209] The electronic device 200 can physically connect to other devices through the communication interface 280. Optionally, the communication interface 280 can be connected to the communication interfaces of other devices via a cable to enable data transmission between the electronic device 200 and other devices.

[0210] The electronic device 200 can also perform communication services and interact with other electronic devices. Therefore, the electronic device 200 needs to have data transmission capabilities, meaning it needs to include a communication module. Although Figure 2 The RF circuit 210, the Wi-Fi module 290, and the communication interface 280 are shown, but it is understood that the electronic device 200 contains at least one of the above-mentioned components or other communication modules (such as a Bluetooth module) for data transmission.

[0211] For example, when the electronic device 200 is a mobile phone, the electronic device 200 may include the RF circuit 210, and may also include the Wi-Fi module 290, or may include a Bluetooth module. Figure 2 (Not shown in the image); when the electronic device 200 is a tablet computer, the electronic device 200 may include the Wi-Fi module, or may include a Bluetooth module (not shown in the image); Figure 2 (Not shown in the image); when the electronic device 200 is a smart home device, the electronic device 200 may include the Wi-Fi module 290, or may include a Bluetooth module (not shown in the image); Figure 2 (Not shown in the image).

[0212] The memory 240 can be used to store software programs and modules. The processor 230 executes various functional applications and data processing of the electronic device 200 by running the software programs and modules stored in the memory 240. Optionally, the memory 240 may mainly include a program storage area and a data storage area. The program storage area may store the operating system (mainly including the software programs or modules corresponding to the kernel layer, system layer, application framework layer, and application layer).

[0213] In addition, the memory 240 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, or other volatile solid-state storage device.

[0214] The input unit 250 can be used to receive editing operations on various types of data objects, such as numbers or characters, input by the user, and to generate key signal inputs related to user settings and function control of the electronic device 200. Optionally, the input unit 250 may include a touch panel 251 and other input devices 252.

[0215] The touch panel 251, also known as a touchscreen, can collect user touch operations on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near the touch panel 251), and drive corresponding connection devices according to a pre-set program. In this embodiment, the touch panel 251 can collect user operations on or near it. For example, when the electronic device 200 is a mobile phone, the user operations can be operations to adjust multiple display areas on the screen, operations to edit content in the window interface, and preset gesture operations on the display interface to trigger switching or adding new window interfaces.

[0216] Optionally, the other input device 252 may include, but is not limited to, one or more of the following: physical keyboard, function keys (such as volume control buttons, power buttons, etc.), mouse, joystick, etc.

[0217] The display unit 260 can be used to display information input by the user or information provided to the user, as well as various menus of the electronic device 200. The display unit 260 is the display system of the electronic device 200, used to present the interface and realize human-computer interaction. The display unit 260 may include a display panel 261. Optionally, the display panel 261 can be configured as a liquid crystal display (LCD), organic light-emitting diode (OLED), or similar form. In this embodiment, the display unit 260 can be used to display a user interface, for example, it can display various possible interactive interfaces based on the method provided in this embodiment under a multi-tasking scenario, such as those described later. Figures 4A to 12 The display interface in the middle.

[0218] The processor 230 is the control center of the electronic device 200. It connects various components via various interfaces and lines, and executes software programs and / or modules stored in the memory 240, as well as calling data stored in the memory 240, to perform various functions and process data of the electronic device 200, thereby enabling various services based on the electronic device 200. In this embodiment, the processor 230 can be used to implement an interface display method provided in this embodiment.

[0219] The electronic device 200 also includes a power supply 220 (such as a battery) for supplying power to various components. Optionally, the power supply 220 can be logically connected to the processor 230 through a power management system, thereby enabling the power management system to manage functions such as charging, discharging, and power consumption.

[0220] like Figure 2As shown, the electronic device 200 also includes an audio circuit 270, a microphone 271, and a speaker 272, providing an audio interface between the user and the electronic device 200. The audio circuit 270 converts audio data into signals recognizable by the speaker 272 and transmits the signals to the speaker 272, where the speaker 272 converts them into sound signals for output. The microphone 271 collects external sound signals (such as human speech or other sounds) and converts the collected external sound signals into signals recognizable by the audio circuit 270, sending them to the audio circuit 270. The audio circuit 270 can also convert the signals transmitted by the microphone 271 into audio data, and then output the audio data to the RF circuit 210 for transmission to, for example, another electronic device, or output the audio data to the memory 240 for further processing.

[0221] although Figure 2 Not shown, the electronic device 200 may also include a camera, at least one sensor, etc., which will not be described in detail here. The at least one sensor may include, but is not limited to, a pressure sensor, a barometric pressure sensor, an accelerometer, a distance sensor, a fingerprint sensor, a touch sensor, a temperature sensor, etc.

[0222] The operating system (OS) involved in this application embodiment is the most basic system software running on the electronic device 200. The software system of the electronic device 200 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment takes an operating system adopting a layered architecture as an example to illustrate the software architecture of the electronic device 200.

[0223] Figure 3 This is a software architecture block diagram of an electronic device provided as an embodiment of this application. For example... Figure 3 As shown, the software architecture of an electronic device can be a layered architecture. For example, the software can be divided into several layers, each with a clear role and division of labor. Layers communicate with each other through software interfaces. In some embodiments, the operating system is divided into five layers, from top to bottom: the application layer, the application framework layer (framework, FWK), the runtime and system libraries, the kernel layer, and the hardware layer.

[0224] The application layer can include a series of application packages. For example... Figure 3 As shown, the application layer can include the user interface (UI), camera, settings, skin modules, third-party applications, etc. Third-party applications can include, for example, wireless local area network (WLAN) applications, music, call functions, Bluetooth, and video.

[0225] In one possible implementation, the application can be developed using Java, by calling the application programming interface (API) provided by the application framework layer. Developers can then interact with the underlying operating system layers (such as the hardware layer and kernel layer) to develop their own applications. This application framework layer primarily consists of a series of services and management systems within the operating system.

[0226] The application framework layer provides application programming interfaces and a programming framework for applications within the application layer. The application framework layer includes some predefined functions. For example... Figure 3 As shown, the application framework layer may include a view system, activity manager, window manager, content provider, phone manager, resource manager, notification manager, etc.

[0227] The Activity Manager manages the lifecycle of each application and provides commonly used navigation and back functions, offering an interactive interface for all program windows.

[0228] The window manager is used to manage windowed applications. It can obtain the screen size, determine if a status bar is present, lock the screen, and capture screenshots. The content provider stores and retrieves data, making this data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0229] A view system includes both visual and non-visual controls, such as controls that display text and controls that display images. View systems 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 could include views that display text and views that display images.

[0230] A phone manager is used to provide communication functions for electronic devices. For example, it manages call status (including connection and disconnection).

[0231] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0232] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0233] The runtime includes the core libraries and the virtual machine. The runtime is responsible for the scheduling and management of the operating system.

[0234] The core library consists of two parts: one part contains the functionalities that the Java language needs to call, and the other part contains the core libraries of the operating system. The application layer and application framework layer run in the 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.

[0235] A system library can include multiple functional modules. For example: a surface manager, a media framework, a 3D graphics processing library (e.g., OpenGL ES), a 2D graphics engine (e.g., SGL), etc.

[0236] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0237] The media framework supports playback and recording of various commonly used audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

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

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

[0240] In some embodiments, a 3D graphics processing library can be used to draw 3D motion images, and a 2D graphics engine can be used to draw 2D motion images.

[0241] 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.

[0242] The hardware layer can include various types of sensors, such as accelerometers, gravity sensors, and touch sensors.

[0243] Typically, an electronic device 200 can run multiple applications simultaneously. In a simpler scenario, one application corresponds to one process; in a more complex scenario, one application can correspond to multiple processes. Each process has a unique process ID.

[0244] It should be understood that in the embodiments of this application, "at least one of the following" or similar expressions refer to any combination of these items, including any combination of a single item or a plurality of items. For example, at least one of a, b, or c can represent: a, b, c, a and b, a and c, b and c, or a, b, and c, where a, b, and c can be single or multiple. "Multiple" refers to two or more. "And / or" is used to describe the association relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, or B existing alone, where A and B can be singular or plural. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship.

[0245] Furthermore, it should be understood that in the description of this application, terms such as "first" and "second" are used only for distinguishing descriptive purposes and should not be construed as indicating or implying relative importance, nor should they be construed as indicating or implying order. For example, in the following embodiments, "first operation" and "second operation" are only used to distinguish operations in different scenarios and are not used to limit specific operation methods, etc.

[0246] It should be understood that the hardware structure of electronic devices can be as follows: Figure 2 As shown, the software system architecture can be as follows: Figure 3 As shown, the software programs and / or modules corresponding to the software system architecture in the electronic device can be stored in the memory 240, and the processor 230 can run the software programs and applications stored in the memory 240 to execute the flow of an interface display method provided in this application embodiment.

[0247] To facilitate understanding of the interface display method provided in this application, the following is combined with... Figures 4A to 12 The content shown below describes the implementation process of the method provided in this application. For ease of understanding, several possible application scenarios may be involved in using the method provided in this application. It should be understood that the various application scenarios described below are merely examples, and different scenarios can be combined.

[0248] It should be noted that the following embodiments use a tablet computer or a foldable screen phone in an unfolded state as examples. For the implementation of other types of electronic devices, please refer to the implementation of a tablet computer or a foldable screen phone in an unfolded state. This application will not repeat the description.

[0249] (I) Window Interface Switching Scenarios

[0250] Window interface switching scenarios can include scenarios where a new window interface is added, as well as scenarios where one window is displayed and another window interface is displayed.

[0251] Scenario A: A scenario involving the addition of a new window interface.

[0252] Figure 4A This is a schematic diagram of an interface for triggering a window switching interface provided in an embodiment of this application. For example... Figure 4A As shown in interface 401, application A window is displayed on the screen of a tablet or a foldable phone in its unfolded state. On interface 401, the tablet or foldable phone in its unfolded state detects and responds to a first operation, displaying interface 402; wherein, the first operation is used to trigger switching or adding a new window interface, for example, it can be a pinching motion with one finger at the bottom of both hands as shown in interface 401, or it can be other methods, and this application does not limit the specific method of the first operation.

[0253] The interface 402 includes a main display area 402a and a secondary display area 402b.

[0254] The main display area 402a is used to display a task center, which may include thumbnails and / or application icons of the window interfaces of applications associated with application A. As shown in interface 402, the associated applications of application A may include, but are not limited to: application B, application C, application D, application E, application F, application G, and application 1, application 2, application 3, application 4, and application 5. Among them, applications B to G are displayed as thumbnails of the window interfaces, which are usually the window interfaces opened in the background of a tablet computer or a foldable screen phone in an unfolded state; applications 1 to 5 are displayed as icons, which may be applications determined based on their degree of association with application A, or applications determined based on information such as usage frequency. This application does not limit the associated applications displayed, the order of applications, or the number of applications.

[0255] It should be noted that interface 402 and subsequent embodiments are only examples of window interfaces of different applications. The task center may also include window interfaces of different application instances or different atomic services belonging to the same application, which will not be described in detail in this application.

[0256] Additionally, it should be noted that, although not shown in interface 402, the task center may also include thumbnails of split-screen interfaces determined based on multiple applications and / or application instances and / or atomic services. For example, thumbnails of split-screen interfaces determined based on application H and application I. Or, for example, thumbnails of split-screen interfaces determined based on application H1 and application H2. Or, for example, thumbnails of split-screen interfaces determined based on application H1 and application I. The split-screen interface is typically a split-screen interface opened in the background on a tablet or a foldable phone in an unfolded state. Optionally, the split-screen interface can typically be a binary split-screen interface obtained from two window interfaces; alternatively, the split-screen interface can also be a split-screen interface obtained from three or more window interfaces, such as the following... Figure 5A As shown in interface 503, or other split-screen formats, the specific format of the split-screen interface in this application is not limited.

[0257] The secondary display area 402b includes an application A window interface displayed in the form of a spatial window. Referring to interfaces 401 and 402, a spatial window can be understood as the application A window interface displayed on interface 401 being perpendicular to the screen direction, with the left side of the application A window interface as the central axis, and the other side of the window interface flipped towards the back of the screen; that is, it can be understood as flipping the window interface towards the inside of the screen of a tablet computer or a foldable phone in an unfolded state. Furthermore, in this embodiment, the spatial window is not limited to the flipping direction shown in interface 402, and can also be as shown in the following embodiments. Figure 7 The flipping direction shown in interface 702 can also be as in the following embodiments. Figure 8 The flipping direction shown in interface 803.

[0258] It is understandable that by displaying the window interface in a spatial window format, the window interface can be displayed sideways on one side of the screen of a tablet or a foldable phone in its unfolded state. This increases the three-dimensionality of the window interface, increases the content displayed, and retains residual attention to the content displayed in application A's window interface, improving the smoothness of switching between window interfaces. It is also understood that, corresponding to the sideways display of the window interface in the secondary display area, the main display area can be understood as a tiled display or a two-dimensional planar display of the window interface. It should be noted that tiled display is only used to describe the display form of the window interface and does not limit the display position, display size, etc. When the window interface is tiled, visually, it is on the same plane as the screen displaying the window interface. For example, tiled display can specifically be full-screen display, split-screen display, etc. For ease of understanding, the following embodiments may also use sideways display to describe the window interface displayed in a spatial window format, and tiled display to describe the window interface displayed parallel to the screen.

[0259] In this embodiment, as shown in interface 402, the main display area 402a is larger than the secondary display area 402b. Thus, by defining the main and secondary display areas on the screen, a larger main display area can increase the user's attention to the window interface displayed therein, while a smaller secondary display area, combined with a spatial window format, can retain residual attention to the original window interface before switching, thereby improving the efficiency and continuity of multitasking.

[0260] In interface 402, a tablet computer or a foldable phone in an unfolded state can detect and respond to the second operation, displaying interface 403A or interface 403B; wherein, the second operation is used to indicate the target window interface to be switched, such as a click operation, etc., and this application does not limit the specific method of the second operation.

[0261] For example, interface 403A is a split-screen interface for application A and application C. In this example, when a tablet or a foldable phone in an unfolded state detects and responds to the first and second operations, it can automatically switch from displaying the application A window interface as shown in interface 401 to displaying the split-screen interface for application A and application C as shown in interface 403A. This enables convenient interaction with newly added window interfaces in multitasking scenarios, improving the efficiency and continuity of multitasking.

[0262] In another example, interface 403B is the application C window interface. In this example, when a tablet or a foldable phone in an unfolded state detects and responds to the first and second operations, it can switch from displaying the application A window interface as shown in interface 401 to displaying the application C window interface as shown in interface 403B. In this way, through the task center shown in the main display area 402a, convenient interaction of switching window interfaces in multi-tasking scenarios can be realized, improving the efficiency and continuity of switching window interfaces.

[0263] It should be noted that the positions of the main display area and the secondary display area shown in interface 402 are not limited in this embodiment. For example, the main display area can also be displayed on the left and the secondary display area on the right. Accordingly, the side position of the application A window interface shown in interface 402 is not limited in this embodiment. It can be determined according to the operation method of the first operation, for example, it can be displayed on the left side of the screen as shown in interface 402, or it can be displayed on the right side of the screen.

[0264] It should also be noted that the method of obtaining the display interface of the task center shown in interface 402 is not limited in this embodiment. For example, it can be determined by the degree of association with application A, by the order of use, or by the frequency of use. Furthermore, this embodiment does not limit different window interfaces to originating from different applications; for example, they can also originate from different instances or different atomic services of the same application. For instance, the task center shown in interface 402 may also include thumbnails of other instance interfaces of application A, such as thumbnails of the window interfaces of application A2 and application A3. Additionally, it should be noted that the task center can also be the desktop of an electronic device.

[0265] It should also be noted that the specific form of the task center shown in interface 402 is not limited in this embodiment. For example, when the task center needs to display a large number of thumbnails and / or application icons, it can be displayed through a multi-page interface or a scrollable interface; or, it can be displayed by adaptively adjusting the size of the thumbnails and / or the size of the application icons. This application does not limit the specific implementation method. In addition, the main display area 402a shown in interface 402 can be a part of the display area on the screen, or it can be displayed in the form of a pop-up window. The display form of the main display area is not limited in this embodiment.

[0266] Furthermore, it should be noted that the embodiments of this application do not limit the degree of side-viewing of the spatial window. It can be understood that when the side-viewing degree is large, the horizontal width occupied by the spatial window is smaller, and when the side-viewing degree is small, the horizontal width occupied by the spatial window is larger. Moreover, this application does not limit the display degree of the application A displayed in the form of a spatial window in the secondary display area 402b. The display of the application A window interface can be fully or partially displayed based on the side-viewing degree of the spatial window and the horizontal width of the secondary display area 402b.

[0267] Furthermore, in this embodiment, preset display effects, such as shadows and lighting, can be added to the application window A interface displayed in the form of a spatial window, which can enhance the three-dimensionality and perspective of the spatial window.

[0268] Figure 4B This is another schematic diagram of the interface for triggering the switching window provided in an embodiment of this application. For example... Figure 4BAs shown in interface 404, application A window is displayed on the screen of a tablet or a foldable phone in its unfolded state. On interface 404, the tablet or foldable phone in its unfolded state detects and responds to a third operation, displaying interface 405; wherein the third operation is used to trigger a drag operation on the first displayed content 400 from the application A window interface, for example, it can be a long press operation as shown in interface 404, or other methods; this application does not limit the specific method of the third operation. Figure 4A Similarly, interface 405 includes a main display area 405a and a secondary display area 405b.

[0269] Similar to the main display area 402a of interface 402, the main display area 405a is used to display the task center; similarly to the secondary display area 402b of interface 402, the secondary display area 405b includes the application A window interface displayed in the form of a spatial window, which will not be described in detail here. Furthermore, as shown in interface 405, the display size of the main display area 405a is larger than that of the secondary display area 405b.

[0270] In interface 405, a tablet computer or a foldable phone in an unfolded state can detect and respond to the fourth operation, displaying interface 406A or interface 406B; wherein, the fourth operation is used to instruct the operation of dragging the first display content 400 to the application C, such as a drag operation, etc., and this application does not limit the specific method of the fourth operation.

[0271] For example, interface 406A is a split-screen interface for application A and application C. In this example, when a tablet or a foldable phone in an unfolded state detects and responds to the third and fourth operations, it can automatically switch from displaying the application A window interface as shown in interface 404 to displaying the split-screen interface for application A and application C as shown in interface 406A. Furthermore, the first displayed content 400 from application A is cut or copied to the window interface of application C. This enables convenient interactive content editing in multitasking scenarios, improving the efficiency and continuity of multitasking.

[0272] In another example, interface 406B is the application C window interface. In this example, when a tablet or a foldable phone in an unfolded state detects and responds to the third and fourth operations, it can switch from displaying the application A window interface as shown in interface 404 to displaying the application C window interface as shown in interface 406B. In this way, through the task center shown in the main display area 405a, convenient interaction for content editing in multi-tasking scenarios can be realized, which can improve the efficiency and consistency of content editing in different window interfaces.

[0273] It should be noted that the application window A interface, displayed as a spatial window in the secondary display area, can be fully displayed or partially displayed.

[0274] For example, Figure 4A and Figure 4B The application A window interface shown is displayed in its entirety as a window. This full display improves the visibility of the application A window interface and facilitates seamless multitasking for the user.

[0275] Another example, Figure 4C A schematic diagram of the spatial window provided in the embodiments of this application, as shown below. Figure 4C The interface 407 shown may include a main display area 407a and a secondary display area 407b. Within the secondary display area 407b, the application A window interface, displayed as a spatial window, may also be partially displayed, such as... Figure 4C The area filled with the diagonal line of the application A is not displayed on the screen. In this way, by partially displaying the area, the display area of ​​the main display area can be increased, drawing more attention to the main display area. It can also retain residual attention to continuous tasks, improving the continuity in multitasking scenarios.

[0276] based on Figure 4A and Figure 4B The described scenario allows users to switch from a single-window interface on a tablet or unfolded foldable phone screen to a multi-window interface, facilitating multitasking across two windows. This can be understood as the multi-window interface being displayed on a tablet or unfolded foldable phone screen. Further details can be found in... Figure 4A and Figure 4B The content described can be switched to display a more multi-window interface. For example, it can switch from a split-screen interface displaying two windows to one displaying three windows. The specific implementation process is as follows. Figures 5A to 5C As shown.

[0277] Figure 5A This is another schematic diagram of the interface for triggering the switching window provided in an embodiment of this application. For example... Figure 5A As shown in interface 501, a split-screen interface, including application A window and application B window, is displayed on the screen of a tablet or a foldable phone in its unfolded state. On interface 501, the tablet or foldable phone in its unfolded state detects and responds to a first operation, displaying interface 502; wherein the first operation can be found in [reference needed]. Figure 4A As shown, it will not be elaborated further here.

[0278] Interface 502 includes a main display area 502a and a secondary display area 502b. The main display area 502a displays a task center, which includes thumbnails and / or application icons of the window interfaces of applications associated with application A and / or application B. The secondary display area 502b displays the application A window interface and the application B window interface, displayed separately in a spatial window format. As can be seen from interface 502, when at least two window interfaces are displayed in a spatial window format, the application B window interface can be displayed side-by-side behind the application A window interface, and both window interfaces can display a portion of the content. Additionally, it should be noted that the task center can also be the desktop of the electronic device.

[0279] In addition, the main display area 502a shown in interface 502 can be a part of the display area on the screen, or it can be displayed in the form of a pop-up window. In this embodiment, the display form of the main display area is not limited.

[0280] In interface 502, the tablet or foldable phone in its unfolded state can detect and respond to the second operation, displaying interface 503. As shown in interface 503, the two windows of the original split-screen interface can be displayed in a stacked manner on the display area 503b of the screen, namely, application A window and application B window; and the selected window, namely application D window, can be displayed on the display area 503a of the screen. As can be seen from interface 503, when at least two windows are displayed in a stacked manner, application B window is almost completely displayed below application A window.

[0281] It should be noted that the display positions of the application A window and the application B window as shown in the secondary display area 502b are not limited in this embodiment. For example, the display positions can be as shown in the secondary display area 502b in interface 502, with the application A window on the right and the application B window on the left, or the display positions can be with the application A window on the left and the application B window on the right.

[0282] It should be noted that, in this embodiment of the application, the stacking order of the original split-screen interface displayed on the display area 503b is not limited. As shown in interface 503, the stacking order of the original split-screen interface can be as shown in interface 503, with application A window interface on top and application B window interface on the bottom, or the stacking order of the original split-screen interface can also be application A window interface on the bottom and application B window interface on top.

[0283] It should be noted that the display method of interface 503 is not limited in this embodiment. For example, the display method can also be that the application A window interface is displayed in display area 503b, and the application D window interface and application B window interface are displayed in a stacked manner on display area 503a. In this way, the display position of the original split-screen interface can be preserved, and the newly opened window interface can be added by stacking it on top of any window interface in the original split-screen interface.

[0284] in addition, Figure 5A The interface 503 shown can also be used to directly display only the window interface of application D. This application does not limit the display method after selecting the window interface or split screen interface to switch in interface 502.

[0285] Combination Figure 5A and Figure 4A As can be seen from the description, the method provided by the embodiments of this application can trigger the display of more window interfaces when one or more window interfaces are displayed on the screen, thereby improving the continuity in multi-tasking scenarios and increasing the efficiency of users switching between multiple window interfaces.

[0286] Figure 5B This is another schematic diagram of the interface for triggering the switching window provided in an embodiment of this application. For example... Figure 5B As shown in interface 504, a split-screen interface, including application A window and application B window, is displayed on the screen of a tablet or a foldable phone in its unfolded state. On interface 504, the tablet or foldable phone in its unfolded state detects and responds to a third operation, displaying interface 505 or interface 506. In interface 504, the third operation is to trigger a drag operation on the second displayed content 500 in application B window. Additionally, Figure 5B The third operation shown can be further divided into two scenarios: when the tablet or the unfolded foldable phone detects that the user drags the second display content 500 to the left, the tablet or the unfolded foldable phone can display interface 505; and when the tablet or the unfolded foldable phone detects that the user drags the second display content 500 to the right, the tablet or the unfolded foldable phone can display interface 506.

[0287] For example, interface 505 is used to instruct a tablet computer or a foldable phone in an unfolded state to detect that the user has cut or copied the second display content 500 in the application B window interface into the application A window interface.

[0288] In another example, interface 506 is used to instruct the tablet computer or the unfolded foldable phone to detect that the user has cut or copied the second display content 500 of the application B window interface to the thumbnail and / or alternative application icon of the alternative window interface in the task center. Interface 506 can be used to display, in response to the user's drag operation, that the tablet computer or the unfolded foldable phone can gradually transition from a split-screen interface as shown in interface 504 to an interface as shown in interface 507, which includes a main display area 507a and a secondary display area 507b. Interface 506 is an intermediate transition interface; the main display area 507a in interface 507 displays the task center, which includes thumbnails and / or application icons of the window interfaces of applications associated with application A and / or application B; the secondary display area 507b in interface 507 displays the application A window interface and the application B window interface, respectively, in the form of spatial windows.

[0289] In interface 507, the tablet or unfolded foldable phone can detect and respond to the fourth operation, displaying interface 508. As shown in interface 508, the two windows of the original split-screen interface can be displayed in a stacked manner on the display area 508b of the screen, namely, application A window and application B window; and the target window of the drag operation, namely application D window, can be displayed on the display area 508a of the screen. It can be understood that the drag source based on the second display content 500 is application B window, and as shown in interface 508, application B window can be stacked on top of application A window. This can improve the efficiency and continuity of multitasking for users.

[0290] Combination Figure 5B and Figure 4B As can be seen from the description, the method provided in this application embodiment allows users to drag content from one window to another displayed window, or to a hidden window, when one or more windows are displayed on the screen. Furthermore, the task center and the original display interface are displayed in a hierarchical manner. Therefore, this improves the efficiency of switching between multiple windows and enhances the continuity of multitasking scenarios.

[0291] Figure 5C This is another schematic diagram of the interface for triggering the switching window provided in an embodiment of this application. Compared to Figure 5BThe second displayed content 500 can also be content belonging to the application A window interface, as shown in interface 509. On interface 509, the tablet computer or the unfolded foldable phone detects and responds to the third operation, displaying interface 510. As shown in interface 510, the third operation at this time is to drag the second displayed content 500 belonging to the application A window interface to the application B window interface.

[0292] A tablet computer or a foldable phone in its unfolded state can detect a drag operation that instructs the user to drag the second display content 500 to a designated area of ​​the application B window interface; the designated area could be, for example, the area near the right edge of the application B window interface. Additionally, a time threshold corresponding to the designated area can be set, such as 1 second, 2 seconds, etc.

[0293] A tablet computer, or a foldable phone in its unfolded state, responds to the drag operation, or responds to a time threshold reached after detecting the drag operation, by progressively displaying interface 511 and interface 512. Interface 511 and... Figure 5B Similarly, interface 506 can be understood as an intermediate transition interface; interface 512 and... Figure 5B Similarly, interface 507 can include a main display area 512a and a secondary display area 512b. The main display area 512a is used to display the task center, and the secondary display area 512b is used to display the application A window interface and the application B window interface, which are displayed in the form of spatial windows respectively.

[0294] In interface 512, the tablet or foldable phone in its unfolded state can detect and respond to the fourth operation, displaying interface 513. As shown in interface 513, the two windows of the original split-screen interface can be displayed in a stacked manner on the left display area 513b of the screen, namely, application A window and application B window; and the target window of the drag operation, namely application D window, can be displayed on the right display area 513a of the screen. It can be understood that, based on Figure 5C The drag source of the second display content 500 shown is the application A window interface, as shown in interface 513. The application A window interface can be located on top of the application B window interface. This can improve the efficiency and continuity of multitasking for users.

[0295] It should be noted that, Figure 5B Interface 508 and Figure 5CThe interface 513 shown illustrates that, in a scenario where a new window is added via drag-and-drop, undisplayed windows can be displayed in a stacked manner or as a space window; this application does not limit this. It is understood that the content described in the various scenarios of this application can be substituted or combined, and the specific implementation is not limited to the scenarios described in the embodiments of this application.

[0296] In one possible embodiment, a new window interface can also be added based on the display interface after the window size has been adjusted. For example, based on... Figure 8 The display interface shown in interface 802, interface 804, or interface 806 can also have one additional window interface added and updated to display as shown below. Figure 9 The interface shown is 902, 904, 905, or 906.

[0297] For example, Figure 5D This is another schematic diagram of an interface for adjusting the window size provided in an embodiment of this application. For example... Figure 5D The interface 514 shown is the interface after the window size has been adjusted. A tablet computer or a foldable phone in its unfolded state can respond to a bottom-to-top swipe operation in interface 514 to display area 514a. Area 514a is used to display application icons, or it can also be used to display thumbnails of application window interfaces. This application does not limit the display method, content, or number of applications in area 514a. It should be noted that this embodiment does not limit the display of area 514a to a bottom-to-top swipe operation; for example, it can also be triggered by a swipe operation from the side towards the inside of the screen, a swipe operation from the top down, or a preset gesture operation. Furthermore, the applications displayed in area 514a can be applications associated with application A and / or application C.

[0298] In region 514a, a tablet computer or a foldable phone in an unfolded state responds to a drag operation on application 3 by displaying interface 515, interface 516, or interface 517. The common feature of interfaces 515, 516, and 517 is that they all display the newly added application 3 window interface in the main display area. It can be understood that interfaces 515, 516, and 517 represent different methods of displaying an interface comprising three window interfaces. This embodiment does not limit the specific display method and can be determined according to a preset display method.

[0299] Based on the above introduction to interface window resizing scenarios, in split-screen scenarios, adjusting the size of multiple windows allows for the selection of one window as the primary focus, the display of other windows in a spatial window format, and the preservation of residual attention to other windows. This improves the continuity and efficiency of multitasking. Furthermore, user interaction allows for quick switching between windows displayed in the main display area, catering to a wider range of multitasking needs.

[0300] Additionally, based on interface 515, interface 516, or interface 517, you can also refer to... Figure 5D The content described continues to expand the window interface; please refer to the details. Figure 5D As shown, it will not be elaborated further here.

[0301] It should be noted that the embodiments of this application are not limited to dragging and dropping to add a new window interface in a split-screen scenario. For example, it can also be done by clicking or preset gesture operations.

[0302] For example, in a split-screen interface with two window interfaces, a new window interface can be added by clicking on preset controls. For example, Figure 5E This is a schematic diagram of a scenario where a new window interface is added based on a split-screen scenario in an embodiment of this application. This scenario can include two possible situations.

[0303] (1) As Figure 5E Interface 51A is a split-screen interface for application A and application B. Application B's window interface may also include control 50A, which is used to add a new window interface. It should be noted that the form of the control used to add a new window interface is not limited in this embodiment, that is, the form of control 50A is not limited.

[0304] In interface 51A, a tablet computer or a foldable phone in its unfolded state responds to a click on control 50A and displays interface 52. Interface 52 may include a main display area 52a and a secondary display area 52b. The main display area 52a can be used to display a task center for selecting a new application window, such as selecting the window for application C. The secondary display area 52b is used to display the windows of application A and application B displayed in interface 51A, moved to one side of the screen, for example, displaying only a portion of the window content. It can be understood that the display process from interface 51A to interface 52 can be a process of shifting the split-screen interfaces of application A and application B to one side of the screen until the display effect shown in interface 52 is achieved. It should be noted that, as described above, the secondary display area 52b can also display the window interfaces of application A and / or application B in a space window format, and the displayed window interface does not need to be fully displayed.

[0305] In interface 52, a tablet computer or a foldable phone in its unfolded state can display interface 53A in response to a click on the icon of application C. Interface 53A may include a main display area and a secondary display area. The main display area is used to display the split-screen interface of application B and application C, and the secondary display area is used to display the window interface of application A in a spatial window format. Optionally, the window interface of application A displayed in the spatial window format can be fully displayed or partially displayed. As shown in interface 53A, the window interface of application A displayed in the spatial window format is partially displayed, in which the diagonally filled area is not displayed on the screen.

[0306] (2) Figure 5E Interface 51B is a split-screen interface for application A and application B. Alternatively, control 50B can be included on the window interface of application A. Control 50B is used to indicate the addition of a new window interface. It should be noted that the form of the control used for adding a new window interface is not limited in this embodiment, that is, the form of control 50B is not limited.

[0307] In interface 51B, a tablet computer or a foldable phone in its unfolded state responds to a click on control 50B and displays interface 52. Interface 52 can be referred to in the previous description and will not be repeated here.

[0308] In interface 52, a tablet computer or a foldable phone in its unfolded state can display interface 53B in response to a click on the icon of application C. Interface 53B may include a main display area and a secondary display area. Unlike interface 53A, the main display area can be used to display a split-screen interface of application A and application C, while the secondary display area can be used to display the window interface of application B in a spatial window format. Optionally, the window interface of application B displayed in the spatial window format can be fully displayed or partially displayed. As shown in interface 53B, the window interface of application B displayed in the spatial window format is partially displayed, in which the diagonally filled area is not displayed on the screen.

[0309] pass Figure 5E The scenario described, where a new window is added in a split-screen environment, allows for the determination of which window becomes the main window based on the operation of adding the new window. This creates a new split-screen interface between the new window and the main window. For example, in interface 51A, the main window is the window of application B; therefore, interface 53A is a new split-screen interface combining the newly added window of application C and the window of application B. Similarly, in interface 51B, the main window is the window of application A; therefore, interface 53B is a new split-screen interface combining the newly added window of application C and the window of application A. Furthermore, after adding a new window, considering that windows that are not part of the main window in the original split-screen interface cannot be displayed on the screen, these windows are displayed sideways in the secondary display area. For example, in interface 53A, the window of application A is displayed sideways in the secondary display area; similarly, in interface 53B, the window of application B is displayed sideways in the secondary display area.

[0310] It should be noted that, although... Figure 5E As shown in interface 53A, application A's window is displayed sideways on the left side of the screen as an example. As shown in interface 53B, application B's window is displayed sideways on the right side of the screen as an example. In this application, the sideways display position is not limited and can be determined according to preset rules, etc. For example, preset rules can include original display position, original display order, window interface priority, window opening order, etc.

[0311] Another example is that in a split-screen interface with two window interfaces, a new window interface can be added by clicking on preset controls. For example, Figure 5F This is a schematic diagram of another scenario where a new window interface is added based on a split-screen scenario, as illustrated in this application embodiment. Figure 5EThe difference lies in the fact that, regardless of which window interface is added in the split-screen interface, the window interfaces can be displayed sequentially. As shown in interface 53A, window interfaces can be added sequentially from left to right. For example, based on the split-screen interface of application A and application B displayed in interface 51A, when adding the window interface of application C, it can be shifted to the left sequentially. This can also be understood as displaying the window interface of application C on the right side of the screen, shifting the window interface of application B to the left side of the screen, and shifting the window interface of application A to the left one display position as well. If the window interface of application A can no longer be displayed flat on the screen, then the window interface of application A can be displayed sideways.

[0312] Another example, based on Figure 5E The scenario shown illustrates that, considering some window interfaces do not support split-screen display, additional window interfaces can also be added as follows: Figure 5G As shown. Figure 5G and Figure 5E The difference lies in, for example Figure 5G As shown in interface 54, the newly added window interface is the window interface of application D, and application D is a window interface that does not support split-screen. At this time, the tablet computer or the unfolded foldable screen phone can display interface 55A, interface 55B1, or interface 55B2 in response to the click operation of the icon of application D in interface 54.

[0313] In interface 55A, the main display area may include: the window interface of application B displayed in split-screen mode on the left side of the screen; and a portion of the window interface of application D displayed in full-screen mode on the right side of the screen. It can be understood that because the size of the right side of the screen is smaller than the size of the window interface of application D displayed in full-screen mode, a portion of the window interface of application D displayed in full-screen mode can be displayed on the screen, while the remaining portion of the window interface of application D displayed in full-screen mode (such as the area filled with diagonal lines in interface 55A) is not displayed on the screen. In interface 55A, the secondary display area is used to display the window interface of application A in a side-view display mode.

[0314] In interface 55B1, the main display area may include: the window interface of application A displayed in split-screen mode on the left side of the screen; and a portion of the window interface of application D displayed in full-screen mode on the right side of the screen. It can be understood that because the size of the right side of the screen is smaller than the size of the window interface of application D displayed in full-screen mode, a portion of the window interface of application D displayed in full-screen mode can be displayed on the screen, while the remaining portion of the window interface of application D displayed in full-screen mode (such as the area filled with diagonal lines in interface 55B1) is not displayed on the screen. In interface 55B1, since the window interfaces of application A displayed in split-screen mode and application D displayed in full-screen mode already fill the left and right display areas of the screen, it is impossible to continue displaying the window interface of application B; therefore, the window interface of application B is switched to a side-view display. Optionally, when the window interface of application B, displayed in a side-view mode, is shown to the right of the window interface of application D, the side-view window interface of application B will not be displayed on the screen and will be hidden on the right side of the window interface of application D, as shown in interface 55B1. The side-view window interface of application B is filled with a diagonal line. Alternatively, as shown in interface 55B2, when the side-view window interface of application B cannot be displayed on the screen, the side-view window interface of application B can also be switched to be displayed in the secondary display area on the left side of the screen.

[0315] As another example, some electronic devices can also support three or more split screens, such as foldable phones and central control screens. Figure 5H This is another schematic diagram illustrating a scenario of an interface display method provided in an embodiment of this application. Figure 5E The difference between interface 52 and interface 56 is that the newly added window interface selected in interface 56 is the window interface of application E. It can be understood that the split-screen described earlier can be understood as a two-part split-screen.

[0316] Based on the scenario of the newly added window interface in interface 51A, the three-fold screen phone, the central control screen, etc., can display interface 57A1 or interface 57A2 in response to the click operation on the icon of application E in interface 56.

[0317] Optionally, application E can support a three-screen display, as shown in interface 57A1. As shown in interface 57A1, based on the fact that tri-fold screen phones, central control screens, etc., support a three-screen display, a three-screen interface of application A, application B, and application E can be displayed. In this scenario, application A, application B, and application E can all support a three-screen display.

[0318] Alternatively, application E may not support a three-screen layout and can be displayed as interface 57A2. As shown in interface 57A2, it may include: the window interface of application A displayed in a three-screen format, the window interface of application B displayed in a three-screen format, and the window interface of application E displayed in full-screen format.

[0319] Based on the scenario of the newly added window interface in interface 51B, the three-fold screen phone, the central control screen, etc., can display interface 57B1 or interface 57B2 in response to the click operation on the icon of application E in interface 56.

[0320] Optionally, application E can support a three-screen display, as shown in interface 57B1. As shown in interface 57B1, based on the fact that tri-fold screen phones, central control screens, etc., support a three-screen display, a three-screen interface of application A, application E, and application B can be displayed. The difference from interface 57A1 is that application E is located to the right of application A in the display position.

[0321] Alternatively, application E may not support a three-screen layout and can be displayed as interface 57B2. As shown in interface 57B2, it can include: the window interface of application A displayed in a three-screen format, and the window interface of application E displayed in full-screen format. It can be understood that since the window interfaces of application A (three-screen format) and application E (full-screen format) already fill the screen, the window interface of application B included in interface 51B is compressed into a side-view display. Furthermore, it can be understood that the window interface of application A (three-screen format) is displayed in the left 1 / 3 of the display space, while most of the content of the window interface of application E (full-screen format) is displayed in the middle 1 / 3 and right 1 / 3 of the display space. The area with diagonal fill in the window interface of application E (full-screen format) as shown in interface 57B2 will not be displayed on the screen. It can also be understood that since the window interface of application B is displayed to the right of the window interface of application E, the window interface of application B will not be displayed on the screen either. Alternatively, see [link to documentation]. Figure 5G As shown, the window interface of application B, which is displayed in a side view, can also be displayed in the left secondary display area.

[0322] It should be noted that for more scenarios involving split-screen, please refer to the content introduced above, and this application will not repeat it here.

[0323] It should also be noted that the above scenarios introduce a variety of possible ways to add new window interfaces. This application is not limited to the above operation methods or trigger entry points. For example, the trigger entry point can also be: a floating control or a notification bar. For example, in a scenario where one or more window interfaces are displayed on the desktop, when a new notification is received, when the opening operation of the new notification is detected, the window interface of the application to which the new notification belongs can be used as the newly added window interface.

[0324] Based on the descriptions of the above scenarios, one or a combination of the following processing methods may be included:

[0325] (1) When adding a new window interface, if the display space on the screen is already full, one or more undisplayed window interfaces will be squeezed into a side-view display format. For example Figure 5E The window interface of application A is shown in interface 53A. For example... Figure 5E The window interface of application B is shown in interface 53B.

[0326] (2) The newly added window interface can display all or part of the content. For example... Figure 5H The window interface of application E shown in interface 57A1 displays all content in a three-screen format. For example... Figure 5H The window interface of application E shown in interface 57A2 displays part of the content in full-screen mode.

[0327] Based on the above description, the method provided in this application embodiment can create a variety of possible multitasking scenarios and meet users' diverse needs for multitasking. Therefore, this method can provide richness and diversity in multitasking.

[0328] Scenario B: A scenario involving switching from displaying one window to displaying another window interface.

[0329] Figure 6A This is another schematic diagram of the interface for triggering the switching window provided in the embodiments of this application. Figure 6A The description of interface 501 shown in the image can be found in [reference]. Figure 5A The details described herein will not be repeated here. Figure 5A The difference lies in that the tablet computer or the unfolded foldable phone detects and responds to the first operation and can also display interface 610. The content displayed on interface 610 is the same as that on interface 502, including a main display area 610a and a secondary display area 610b. The difference is that the tablet computer or the unfolded foldable phone detects a fifth operation in interface 610 where the user drags the icon of application 3 to the corresponding display position of the application B window interface displayed in the secondary display area 610b. The fifth operation can be, for example, a long press and drag operation on icon 3, or a direct drag operation on icon 3, etc. This application does not limit the specific method of the fifth operation.

[0330] The tablet or foldable phone in its unfolded state responds to the fifth operation and displays interface 620. Interface 620 shows that, compared to interface 501, the area where application B's window was originally displayed in the split-screen interface is now used to display application 3's window. Therefore, displaying the task center with a hierarchy also allows users to easily switch between different window interfaces, thereby improving the efficiency and continuity of multitasking.

[0331] When a tablet or foldable phone in its unfolded state displays as follows Figure 5A The interface shown is 503 or as follows Figure 5B When interface 508 is displayed, different window interfaces can be switched and displayed in response to user operations. Figure 5A Using interface 503 as an example, Figure 6B This is another schematic diagram of the interface for triggering the switching window provided in the embodiments of this application. Depending on the operation method, Figure 6B The interface 503 is divided into interface 5031 and interface 5032.

[0332] One possible implementation is that on interface 5031, a tablet computer or a foldable phone in an unfolded state detects and responds to the user's swiping operation on the stacked area, which can be displayed as interface 601. As shown in interface 601, interface 601 includes display area 601a and display area 601b. Display area 601a still displays the application D window interface, while display area 601b can be used to display multiple stacked window interfaces, such as application A window interface and application B window interface, in a spatial window format. In this way, in scenarios where multiple (e.g., three) window interfaces are stacked, the spatial window display format allows users to easily preview more information in application A window interface and application B window interface, thereby facilitating user switching between window interfaces and improving the accuracy of multitasking.

[0333] For example, in interface 601, a tablet computer or a foldable phone in an unfolded state detects and responds to a click operation on the application B window interface, and can display interface 602A. Compared to interface 5031, interface 602A can be switched to display the application B window interface on top of the application A window interface.

[0334] Another possible implementation is that on interface 5032, the tablet or unfolded foldable phone can detect and respond to the user's click operation on the application window interface B included in the stacked area, and can directly display interface 602A. This improves the efficiency of switching window interfaces through click operations. It can be understood that in scenarios with two stacked window interfaces, directly displaying the switched window interface through a click operation can improve user operation efficiency.

[0335] Another possible implementation is that the three-window interface may be displayed as described above. Figure 5E As shown in interface 53A, on interface 53A, a tablet or an unfolded foldable phone can detect and respond to a user's click on the application A window interface included in the stacked area, and can also directly display interface 602B. This improves the efficiency of switching window interfaces through click operations. It can be understood that in scenarios with two stacked window interfaces, directly displaying the switched window interface through a click operation can improve user efficiency. It should be noted that although interface 602B uses switching between the application A window interface and the application B window interface as an example, in actual implementation, the application A window interface can also switch between the application C window interface, and the specific switching method is not limited. For example, the specific switching method could be: the closest window interface, a randomly determined window interface, the window interface of the last operation, the window interface opened most recently, etc.

[0336] Understandable, based on Figure 6B The three different implementation methods provided allow users to choose the appropriate method for different scenarios, thereby improving their processing capabilities in various situations. For example, in a scenario with three windows stacked, users can choose the implementation method shown in interface 5031, which allows them to preview the information of different window interfaces before switching between them, improving the accuracy of window interface switching. In a scenario with two windows stacked, users can choose the implementation method shown in interface 5032, which improves the efficiency of switching between window interfaces.

[0337] It should be noted that the display effect of multiple stacked interfaces displayed in the form of spatial windows as shown in the embodiments of this application is not limited. For example, multiple stacked interfaces displayed in the form of spatial windows may be fully displayed or not fully displayed. For example, the display effect can be determined comprehensively based on factors such as the horizontal width of the display area 601b, the side profile of the spatial windows, and the number of spatial windows.

[0338] In one possible example, Figure 6C This is an example diagram of a window switching interface provided in an embodiment of this application. Based on the foregoing... Figure 5E Interface 53A, as described, allows a tablet or foldable phone in its unfolded state to respond to a click on the window of application A displayed on the side. The screen can transition from interface 53A to interface 603B via interface 603A. Interface 603A can be understood as an intermediate transitional interface.

[0339] As can be seen from interfaces 53A, 603A, and 603B, when a tablet or foldable phone in its unfolded state determines that the user wants the window of application A to be tiled, it can gradually restore the window of application A from a side-view display to a tiled display. This restoration from a side-view display to a tiled display can be understood as the reverse process of a spatial window format.

[0340] In addition, as the window interface of application A gradually returns from a side-view display to a tiled display, as shown in interface 53A, the split-screen interface of application B and application C moves to the right, it can also be understood as being gradually squeezed out by the window interface of application A.

[0341] And, combined Figure 5E As shown in interface 51A, before switching to side-view display, the window interface of application A is displayed in a two-screen format with the window interface tiled. Therefore, when it is restored to tiled display, it is still displayed in a two-screen format with the window interface tiled.

[0342] As can be seen from interfaces 603A and 603B, when the window interface of application C is squeezed out of display on the screen, it switches from tiled display to side-view display in the secondary display area on the right side of the screen.

[0343] In this way, different window interfaces can be switched by clicking.

[0344] In another possible example, Figure 6D This is an example diagram of a window switching interface provided in an embodiment of this application. Based on the foregoing... Figure 5G Interface 55A, as described, allows tablets or unfolded foldable phones to respond to clicks on the window of application A displayed on the side. The interface transitions from 55A to 604B via interface 604A. Interface 604A can be understood as an intermediate transition interface.

[0345] As can be seen from interfaces 55A, 604A, and 604B, when a tablet or an unfolded foldable phone determines that the user wants the window of application A to be tiled, it can gradually restore the window of application A from a side-view display to a tiled display. This restoration from a side-view display to a tiled display can be understood as the reverse process of a spatial window format.

[0346] In addition, as the window interface of application A gradually returns from side-view display to tiled display, the split-screen interface obtained by the window interface of application B displayed in full-screen mode and the window interface of application D displayed in split-screen mode in interface 55A, shifts to the right, which can also be understood as being gradually squeezed out by the window interface of application A.

[0347] And, combined Figure 5G As shown in interface 51A, before switching to side-view display, the window interface of application A is displayed in a two-screen format with the window interface tiled. Therefore, when it is restored to tiled display, it is still displayed in a two-screen format with the window interface tiled.

[0348] As can be seen from interfaces 604A and 604B, when the window interface of application D is squeezed out of display on the screen, it switches from tiled display to side-view display in the secondary display area on the right side of the screen.

[0349] In this way, different window interfaces can be switched by clicking.

[0350] Based on interface 605B, a tablet computer or a foldable phone in its unfolded state, responding to a click operation on the window interface of application D displayed on the side, can transition from interface 605B through interfaces 605A1 and 605A2, ultimately displaying interface 605B. Interfaces 605A1 and 605A2 can be understood as intermediate transition interfaces.

[0351] As can be seen from interface 605B, through interfaces 605A1 and 605A2, and back to interface 605B, when the tablet computer or the unfolded foldable phone determines that the user wants the window interface of application D to be tiled, it can gradually restore the window interface of application D from a side-view display to a tiled display. It can be understood that restoring from a side-view display to a tiled display is the reverse process of a spatial window format.

[0352] In addition, as the window interface of application D gradually returns from side-view display to tiled display, such as the split-screen interface of application A and application B shown in interface 605B, it moves to the left, which can also be understood as being gradually squeezed out by the window interface of application D.

[0353] Furthermore, as shown in interface 55A, before switching to side-view display, the window interface of application D is displayed in full-screen mode with the window tiled. Therefore, when it is restored to tiled display, it is still displayed in full-screen mode with the window tiled.

[0354] As can be seen from interfaces 605A1 to 605A2, when the window interface of application A is squeezed to the point that it cannot be displayed on the screen, it switches from tiling display to side-view display in the secondary display area on the left side of the screen.

[0355] Then, from interface 605A2 to interface 605B, it can be seen that when the window interface of application B is squeezed to the point that it cannot be displayed on the screen, it switches from tiling display to side-view display in the secondary display area on the left side of the screen.

[0356] Furthermore, as can be seen from interface 605B, the secondary display area on the left side of the screen can display part of the window interface of application B, while the window interface of application A is not displayed on the screen. It can be understood that, in order to increase the display area of ​​the main display area, the number of side-viewable window interfaces in the secondary display area can be limited, for example, to one; while the excess side-viewable window interfaces can be hidden, meaning that although they are not displayed on the screen, they can be displayed again through window interface switching, etc. The specific implementation process will be introduced later. It can also be understood that the secondary display area can be used to display all or part of the window interfaces from the M related window interfaces (e.g., M is 3 in interface 605B), excluding the N window interfaces displayed in the main display area (e.g., N is 1 in interface 605B), and other window interfaces (e.g., the number of other window interfaces is 2 in interface 605B). (For example, in interface 605B, ultimately one of the two other window interfaces is displayed on the screen, i.e., a partial window interface is displayed.) It should be noted that, as an example, interface 605B displays at most one window interface in the side view of the display area. In this embodiment of the application, the number of window interfaces that can be displayed in the side view is not limited.

[0357] In this way, different window interfaces can be easily switched by clicking.

[0358] In another possible example, based on the foregoing description, the window interface may include side-view display and tiled display, totaling two display types. In the method provided in this application embodiment, the position of the window interface can be updated through dragging operations. For example, dragging operations on the window interface may be triggered by a long press operation, or by a touch operation on a menu control corresponding to the window interface; this application does not limit this. Furthermore, updating the position of the window interface may include:

[0359] (1) Swap the positions of windows with the same display type.

[0360] For example Figure 5D In interface 516, the positions of the side-view application A window in the left secondary display area and the side-view application C window in the right secondary display area are swapped. The updated display order is that the side-view application C window is located in the left secondary display area, and the side-view application A window is located in the right secondary display area.

[0361] For example, it could also include swapping the positions of one tiled window interface and another tiled window interface.

[0362] For example, by dragging a window, the position of related window elements can be updated based on the target position of the dragged window. For instance, dragging... Figure 5H If you drag the window of application A in interface 57A1 to the right of the window of application E, the windows of application B and application E can be shifted to the left. The updated display order from left to right is the window of application B, application E and application A.

[0363] (2) Drag and switch window interfaces of different display types.

[0364] For example Figure 5E In interface 53A, the positions of the window interface of application B, which is tiled in the main display area, and the window interface of application A, which is side-mounted in the secondary display area, are swapped. The updated display order is as follows: the window interface of application B is updated to be side-mounted and displayed in the left secondary display area; the side-mounted window interface of application A is updated to be tiled, and the split-screen interface of the window interface of application A and the window interface of application C can be displayed in the main display area.

[0365] For example Figure 5E In interface 53A, the positions of the window of application A, which is displayed sideways in the secondary display area, and the window of application C, which is displayed flat in the main display area, are swapped. The updated display order is as follows: the window of application C is updated to be displayed sideways and is displayed in the left secondary display area; the window of application A, which is displayed sideways, is updated to be displayed flat, and the split-screen interface of the window of application B and the window of application A can be displayed in the main display area.

[0366] above Figures 4A to 6D This section describes a scenario for switching window interfaces between multiple applications. Other possible scenarios for switching window interfaces may be triggered based on multi-application scenarios, single-application multi-instance scenarios, or a combination of single-application multi-instance and multi-application scenarios. For multi-application scenarios, please refer to [link / reference]. Figures 4A to 6D The content described in the text. See also... Figure 4A The interface 401 shown is for a single application with multiple instances. Figure 4A The application A shown can correspond to instance 1 in application A (which can also be simply referred to as "application A1" in this embodiment). Figure 4A The application C shown can, for example, correspond to instance 3 in application A (which can also be simply referred to as "application A3" in this embodiment). It is understood that in this scenario, such as Figure 4A The task center shown can display associated instances of application A1, such as all or some instances included in application A.

[0367] Figure 7This is another schematic diagram of the interface for triggering the switching window provided in an embodiment of this application. For example... Figure 7 Interface 700 shows the window interface of application A1. A tablet computer or a foldable screen phone in an unfolded state detects and responds to a sixth operation on interface 700, displaying interface 701. The sixth operation is used to trigger the display of the floating window interface. The sixth operation can be, for example, a two-finger pinch operation on interface 700. This application does not limit the specific manner of the sixth operation.

[0368] like Figure 7 As shown in interface 701, a tablet computer or a foldable phone in an unfolded state can display a floating window interface of application A. The tablet computer or the foldable phone in an unfolded state detects and responds to the seventh operation on interface 701, and displays interface 702. The seventh operation is used to trigger the display of the task center of application A. The seventh operation can be, for example, a long press operation at the top, or a swipe-down operation after a long press at the top, etc. This application does not limit the specific method of the seventh operation.

[0369] like Figure 7 As shown in interface 702, the task center of application A can display multiple window interfaces related to application A in a spatial window format. For example, it can be one or more open instance interfaces of application A. Alternatively, it can be a split-screen interface including instances of application A, such as split-screen interface 7021 shown in interface 702, where split-screen interface 7021 is a combination of application A2 and application B. Combining the spatial window format shown in interfaces 701 and 702, it can be understood that the application A1 window interface displayed at the top of interface 701, along with multiple background window interfaces, is perpendicular to the screen direction, with the top edge of the application A1 window interface as the central axis, and the other side of the window interface is flipped towards the back of the screen; that is, it can be understood as flipping the window interface towards the inside of the screen of a tablet computer or a foldable phone in an unfolded state.

[0370] It should be noted that this application does not limit the number of applications involved in the split-screen interface including an instance of application A. For example, the split-screen interface can also be obtained from two instances of the same application, such as a split-screen interface composed of application A5 and application A6, or it can be obtained from two instances of different applications, such as the split-screen interface 7021 shown in interface 702.

[0371] A tablet computer or a foldable phone in its unfolded state responds to an eighth operation on the split-screen interface 7021 and displays interface 703. The eighth operation triggers the display of the split-screen interface 7021 on the screen; the eighth operation may be, for example, a click operation, and this application does not limit the specific manner of the eighth operation.

[0372] Additionally, in the split-screen interface shown in interface 703, the tablet computer or the unfolded foldable phone can also respond to a ninth operation on the application A2 window interface included in the split-screen interface, and display interface 704. The ninth operation is used to trigger the display of the task center of application A at the display position of the application A2 window interface. The ninth operation can be, for example, a long press operation at the top or a swipe-down operation after a long press at the top. This application does not limit the specific method of the ninth operation.

[0373] As shown in interface 704, the left side of the display can use a spatial window format to display application A, including applications A1, A2, A3, and A4, as well as multiple window interfaces used to create new windows. The right side of the display maintains the display of application B's window interface. Combining the spatial window format shown in interfaces 703 and 704, it can be understood that the application A2 window interface displayed at the top left of interface 703, along with the multiple background window interfaces, is perpendicular to the screen direction, with the top edge of application A2 window interface as the central axis, and the other side of the window interface is flipped towards the back of the screen; that is, it can be understood as flipping the window interface towards the inside of the screen of a tablet computer or a foldable phone in an unfolded state.

[0374] This allows for the creation of different split-screen interfaces, enhancing the diversity and ease of use of split-screen interfaces. For example, on interface 704, a tablet or a foldable phone in its unfolded state can display interface 705 in response to the tenth operation on the window interface of application A1. Interface 705 is a split-screen interface composed of application A1 and application B. The tenth operation is used to switch between different window interfaces on the left side of the display, such as through a click operation; this application does not limit the specific method of the tenth operation. It can be understood that through the tenth operation shown in interface 704, interface 705, compared to interface 703, changes from displaying the window interface of application A2 in the left-side split-screen as shown in interface 703, to displaying the window interface of application A1 in the left-side split-screen as shown in interface 705. This allows for switching between partial window interfaces within a split-screen interface, thereby meeting the business needs of more split-screen scenarios and improving the efficiency of window interface switching.

[0375] (ii) Window resizing scenario based on split-screen interface

[0376] by Figure 4A The resulting split-screen interface 403A is used as an example. Figure 8 This is a schematic diagram of an interface for adjusting the window size provided in an embodiment of this application. This embodiment provides three possible adjustment methods, including:

[0377] Method 1: A tablet computer or a foldable phone in its unfolded state can display interface 801 in response to a leftward swipe operation on the split-screen controls included in interface 403A. As shown in interface 801, it can include a main display area 801a and a secondary display area 801b; wherein, the main display area 801a can be used to display the application C window interface, and the secondary display area 801b can be used to display the application A window interface in a spatial window format. In addition, the display size of the main display area 801a is larger than the display size of the secondary display area 801b. In this way, by displaying the application A window interface sideways on the left side of the tablet computer or the unfolded foldable phone screen in a spatial window format, the three-dimensionality of the window interface in space and the displayable content can be increased, and residual attention to the displayed content of the application A window interface can be retained, improving the continuity of multitasking. It should be noted that the embodiments of this application are not limited to triggering the display of interface 801 by a leftward swipe operation. For example, it can also be a swipe operation after a long press on the left side of the interface in interface 403A, or other preset gesture operations, etc.

[0378] On interface 801, a tablet computer or a foldable phone in its unfolded state can also display interface 802 in response to a click operation on the application A window. Combining interfaces 801 and 802, it can be seen that different window interfaces can be switched on the main display area. As shown in interface 802, the main display area 802a can be used to switch to display the application A window, while the secondary display area 802b automatically displays the application C window in a space window format. It should be noted that in this embodiment, the display of interface 802 is not limited to a click operation; for example, it can also be a long press operation on the application A window, or other preset gesture operations.

[0379] In Method 1, based on the scenario where the user triggers the window resizing by swiping left, the main display area can be fixed on the right side of the screen. Furthermore, by clicking on the windows displayed in the secondary display area, different window interfaces can be switched within the main display area. Method 1 not only enhances the hierarchy of content displayed on the screen and increases the user's attention to the main display area, but also retains residual user attention to the secondary display areas, thereby improving the efficiency and continuity of multitasking.

[0380] Method 2: A tablet computer or a foldable phone in its unfolded state can display interface 803 in response to a rightward swipe operation on the split-screen controls included in interface 403A. As shown in interface 803, it can include a main display area 803a and a secondary display area 803b; wherein, the main display area 803a can be used to display the application A window interface, and the secondary display area 803b can be used to display the application C window interface in a spatial window format. In addition, the display size of the main display area 803a is larger than the display size of the secondary display area 803b. Combining the spatial window format shown in interfaces 403A and 803, it can be understood that the application C window interface displayed on the right side of interface 403A is perpendicular to the screen direction, with the right side of the application C window interface as the central axis, and the other side of the window interface is flipped towards the back of the screen; that is, it can be understood as flipping the window interface towards the inside of the screen of a tablet computer or a foldable phone in its unfolded state.

[0381] In this way, by displaying application C sideways in the form of a spatial window on the right side of the screen of a tablet or a foldable phone in its unfolded state, the three-dimensionality of the window interface and the amount of content that can be displayed can be increased. It can also retain residual attention to the displayed content of application C's window interface, improving the continuity of multitasking. It should be noted that in this embodiment, the display interface 803 is not limited to being triggered by a rightward swipe operation; for example, it could also be a long-press swipe operation on the right side of the interface 403A, or other preset gesture operations.

[0382] On interface 803, a tablet computer or a foldable phone in its unfolded state can also display interface 804 in response to a click operation on the application C window interface. Combining interfaces 803 and 804, it can be seen that different window interfaces can be switched on the main display area. As shown in interface 804, the main display area 804a can be used to switch the display of the application C window interface, while the secondary display area 804b automatically displays the application A window interface in a spatial window format. It should be noted that in this embodiment, the display of interface 804 is not limited to a click operation; for example, it can also be a long press operation on the application A window interface, or other preset gesture operations.

[0383] In Method 2, based on the user's right-swipe gesture triggering the window resizing, the main display area can be fixed on the left side of the screen. Clicking on windows displayed in secondary display areas allows users to switch between different window interfaces within the main display area. Method 2 not only enhances the hierarchy of content displayed on the screen and increases user attention to the main display area, but also retains residual user attention to secondary display areas, thereby improving the efficiency and continuity of multitasking.

[0384] Method 3: A tablet computer or a foldable phone in its unfolded state can display interface 805 in response to a rightward swipe operation on the split-screen controls included in interface 403A. Interface 805 is the same as interface 803, and will not be described again here. It should be noted that in this embodiment, the display of interface 805 is not limited to a rightward swipe operation; for example, it can also be a long-press swipe operation on the right side of interface 403A, or other preset gesture operations, etc.

[0385] On interface 805, a tablet or a foldable phone in its unfolded state can also respond to a click on the application C window interface, displaying interface 806. Combining interfaces 805 and 806, it can be seen that different window interfaces can be switched on the main display area, and the display position of the main display area can correspond to the position of the target window interface in the split-screen interface. As shown in interface 806, the main display area 806a can be used to display the application C window interface. Based on the relative positional relationship of application A window interface on the left and application C window interface on the right in the split-screen interface shown in interface 403A, the main display area 806a can be displayed on the right side of the screen; while the secondary display area 806b automatically displays the application A window interface as a space window and is displayed on the left side of the screen.

[0386] In Method 3, the window resizing is triggered by a user swiping right. Furthermore, when switching between windows displayed in the main display area, the main display area's position is determined based on the relative positions of the split-screen interfaces. This allows the user to retain their memory of the relative positions of the split-screen interfaces during window switching, improving the continuity and efficiency of multitasking.

[0387] by Figure 5A The resulting interface 503 is used as an example. Figure 9 This is another schematic diagram of an interface for adjusting the window size provided in an embodiment of this application. Figure 8 similar, Figure 9 It can also include three possible adjustment methods, as follows:

[0388] Method 1: A tablet computer or a foldable phone in its unfolded state can display interface 901 in response to a leftward swipe operation on the split-screen controls included in interface 503. As shown in interface 901, it can include a main display area 901a and a secondary display area 901b; wherein, the main display area 901a can be used to display the application D window interface, and the secondary display area 901b can be used to display the application A window interface and the application B window interface respectively in the form of spatial windows. In addition, the display size of the main display area 901a is larger than the display size of the secondary display area 901b. It should be noted that in this embodiment, the display of interface 901 is not limited to a leftward swipe operation; for example, it can also be a long-press and swipe operation on the left side of the interface 503, or other preset gesture operations, etc.

[0389] On interface 901, a tablet computer or a foldable phone in its unfolded state can also display interface 902 in response to a click operation on the application A window. Combining interfaces 901 and 902, it can be seen that different window interfaces can be switched on the main display area. As shown in interface 902, the main display area 902a can be used to switch to display the application A window, while the secondary display area 902b automatically displays the application B and application D windows in a spatial window format. It should be noted that in this embodiment, the display of interface 902 is not limited to a click operation; for example, it can also be a long press operation on the application A window, or other preset gesture operations.

[0390] In Method 1, based on the scenario where the user triggers the window resizing by swiping left, the main display area can be fixed on the right side of the screen. Furthermore, by clicking on the windows displayed in the secondary display area, different window interfaces can be switched within the main display area. Method 1 not only enhances the hierarchy of content displayed on the screen and increases the user's attention to the main display area, but also retains residual user attention to the secondary display areas, thereby improving the efficiency and continuity of multitasking.

[0391] Method 2: A tablet or an unfolded foldable phone can display interface 903 in response to a rightward swipe operation on the split-screen controls included in interface 503. As shown in interface 903, it can include a main display area 903a, a secondary display area 903b1, and a secondary display area 903b2. The main display area 903a can be used to display the window interface of application A, the secondary display area 903b1 can be used to display the window interface of application D in a spatial window format, and the secondary display area 903b2 can be used to display the window interface of application B in a spatial window format. In addition, the display size of the main display area 903a is larger than the combined display size of the secondary display areas 903b1 and 903b2. In this way, by displaying application D and application B sideways on the left and right sides of the screen of the tablet or unfolded foldable phone in a spatial window format, the three-dimensionality of the window interface and the displayable content can be increased. It can also retain residual attention to the displayed content of application B and application D, improving the continuity of multitasking. It should be noted that the present application embodiment is not limited to triggering the display interface 903 by swiping to the right. For example, it can also be a long press and swipe operation on the right side of the interface 503, or other preset gesture operations.

[0392] On interface 903, a tablet computer or a foldable phone in its unfolded state can also display interface 904 in response to a click operation on the application B window interface. Combining interfaces 903 and 904, it can be seen that different window interfaces can be switched on the main display area. As shown in interface 904, the main display area 904a can be used to switch the display of the application B window interface, while the secondary display area 904b2 automatically displays the application B window interface in a space window format, and the secondary display area 904b1 maintains the display of the application D window interface in a space window format. It should be noted that in this embodiment, the display of interface 904 is not limited to a click operation; for example, it can also be a long press operation on the application B window interface, or other preset gesture operations.

[0393] In Method 2, based on the user's right-swipe gesture triggering the window resizing, the main display area can be fixed in the center of the screen, while the two secondary display areas are fixed on the left and right sides respectively. Clicking on the windows displayed in the secondary areas allows users to switch between different window interfaces in the main display area. Method 2 not only improves the hierarchy of content displayed on the screen, increasing user attention to the main display area, but also retains residual user attention to the secondary display areas, thereby improving the efficiency and continuity of multitasking.

[0394] Method 3: Unlike Method 2, which switches from interface 903 to display interface 904, tablets or unfolded foldable phones can also display interface 905 in response to a click on the application B window. Combining interfaces 904 and 905, it can be seen that different window interfaces can be switched on the main display area, and the display position of the main display area is fixed, as is the adjacency relationship between any two window interfaces. When switching between different window interfaces, the display position of the window interface can be updated using a wraparound method. As shown in interface 905, the main display area 905a can be used to display the application B window interface. Based on the interface shown in interface 503, where the application B window interface is stacked below the application A window interface, the application A window interface can be displayed through the secondary display area 905b1. Based on the interface shown in interface 503, where the application A window interface is located to the left of the application D window interface, and the secondary display area 905b1 already displays the application A window interface, the application D window interface can wrap around to the secondary display area 905b2 for display. It should be noted that the present application embodiment is not limited to triggering the display interface 905 by clicking. For example, it can also be a long press operation on the application B window interface, or other preset gesture operations.

[0395] In Method 3, based on the scenario where the user swipes to the right to trigger a window resizing, the main display area is fixed in the center of the screen. Multiple windows within the interface respond to user actions and are displayed in a wraparound fashion around the main display area and two secondary display areas. This allows the user to remember the relative positions of the multiple windows while switching between them, and also maintains the stability of the main display area, improving the continuity and efficiency of multitasking.

[0396] Method 4: Unlike Method 2, which switches from interface 903 to display interface 904, tablets or unfolded foldable phones can also display interface 906 in response to a click on the application B window. Combining interfaces 503 and 906, it can be seen that different window interfaces can be switched on the main display area, and the display position of the main display area can correspond to the position of the target window interface among multiple window interfaces. As shown in interface 906, the main display area 906a can be used to display the application B window interface. Based on the interface shown in interface 503, where the application B window interface is stacked below the application A window interface (which can also be understood as application B window interface on the far left, application A window interface in the middle, and application D window interface on the far right), the main display area 906a can be displayed on the left side of the screen; while the secondary display area 906b automatically displays the application A window interface and the application D window interface separately in a spatial window format, and displays them on the right side of the screen. It should be noted that the present application embodiment is not limited to triggering the display interface 906 by clicking. For example, it can also be a long press operation on the application B window interface, or other preset gesture operations.

[0397] In Method 4, based on the user's right-swipe gesture triggering a window resizing scenario, the display position of the main display area can be determined according to the relative positions of multiple window interfaces. This allows the user to retain their memory of the relative positions of multiple window interfaces during window switching, improving the continuity and efficiency of multitasking.

[0398] Figure 8 and Figure 9 To achieve different primary and secondary split-screen effects, including a primary display area and a secondary display area, depending on the user's operation direction. In other possible scenarios, embodiments of this application can also achieve different primary and secondary split-screen effects by operating preset controls. For example, Figure 8 The scenario shown may also include a preset control 1 for indicating that the main display area is displayed on the left and the secondary display area is displayed on the right (which can also be understood as "left larger, right smaller"); and a preset control 2 for indicating that the main display area is displayed on the right and the secondary display area is displayed on the left (which can also be understood as "left smaller, right larger"). It can be understood that the user can display interface 801 or interface 802 by operating the preset control 1 or preset control 2. Furthermore, switching the window interface displayed in the main display area can still be done through the preset control 1 or preset control 2. See also... Figure 8 The switching methods shown will not be elaborated upon here. For example, Figure 9The scenario shown may also include a preset control 1 for indicating that the main display area is displayed on the left and the secondary display area is displayed on the right (which can also be understood as "left larger, right smaller"); a preset control 2 for indicating that the main display area is displayed on the right and the secondary display area is displayed on the left (which can also be understood as "left smaller, right larger"); and a preset control 3 for indicating that the main display area is displayed in the middle and the secondary display areas are displayed on both the left and right sides (which can also be understood as "one large and two small"). It can be understood that the user can display interface 901 by operating the preset control 2, and the user can display interface 902 by operating the preset control 3. Furthermore, switching the window interface displaying the main display area can still be done through the preset control 1, preset control 2, or preset control 3. See also... Figure 9 The switching methods shown will not be elaborated further here.

[0399] It should be noted that, based on Figures 8 to 9 In the scenario shown, this embodiment of the application can also restore the original interface display through preset gesture operations and / or preset controls, such as restoring... Figure 8 The split-screen interface shown in interface 403A, and how to restore it as shown... Figure 9 The interface shown in 503 is a multi-window interface. For example, the preset gesture operation could be a two-finger pinch operation on the main display area; the preset control could be, for example, a... Figure 8 The split-screen controls shown in interface 403A can be understood as allowing the display to be restored by sliding the split-screen controls. Figure 8 The split-screen interface shown in interface 403A, or for example, a floating control used to indicate two split screens.

[0400] and Figure 9 In addition to the different methods of adjusting window size described, this application embodiment can also provide an implementation method for adjusting the window interface based on hot zones.

[0401] For example, the size of a window interface can be adjusted by dragging an associated control between two adjacent window interfaces. Optionally, the associated control can be used to adjust the size when two adjacent window interfaces are tiled. The associated control can be, for example, a split-screen bar, or other forms, which are not limited in this application.

[0402] For example, Figure 10A This is a schematic diagram illustrating the principle of an interface display method provided in an embodiment of this application. For example, the screen can be divided into a left hot zone, a middle hot zone, and a right hot zone. By dragging associated controls, they can be moved to different hot zones, thereby enabling adjustments to the window interface size and changes between side-view and tiled display modes. Figure 10AThe example shown uses a screen with two windows.

[0403] like Figure 10A As shown in interface 100A, it includes two window interfaces. The left window interface is displayed in a side-view mode, and the right window interface is displayed in a tiled mode. Furthermore, a linked control, such as linked control 1, can be included between the two adjacent window interfaces.

[0404] In interface 100A, in response to a sliding operation 1 that drags the associated control 1 from the left hot zone to the middle hot zone, interface 100B1 or interface 100B2 can be displayed. Optionally, when the left window interface is a window interface displayed in a split-screen mode, it can be displayed as interface 100B1. Alternatively, when the left window interface is a window interface displayed in a full-screen mode, it can be displayed as interface 100B2. Additionally, Figure 10A Taking the split-screen functionality of the right-side window as an example, it can be understood that if the right-side window cannot be split-screened, its size can remain unchanged, but it can be shifted to the right, and finally, part of the content will be displayed on the right side of the screen.

[0405] As can be seen from interfaces 100B1 or 100B2, the sliding operation 1 can not only change the right window from full-screen to split-screen display, but also switch the left window from side-view to tiled display. It can be understood that by adjusting the size of the right window, another window can be displayed on the desktop. Therefore, the left window, adjacent to the right window, can be switched from side-view to tiled display, thus allowing more windows to be displayed on the desktop in a tiled format.

[0406] In interface 100B1, interface 100C1 can be displayed in response to the sliding operation 2 of dragging the associated control 1 from the middle hot zone to the right hot zone. As can be seen from interface 100C1, the sliding operation 2 can not only change the left window interface from split-screen to full-screen display, but also switch the right window interface from tiled display to side-view display. Furthermore, it can be understood that the right window interface is displayed side-view in split-screen mode. It can be understood that because adjusting the size of the left window interface makes it impossible to continue displaying the right window interface on the desktop, switching the right window interface from tiled display to side-view display allows a larger left window interface to be displayed on the desktop.

[0407] Alternatively, in interface 100B2, in response to the sliding operation 3 of dragging the associated control 1 from the middle hot zone to the right hot zone, interface 100C2 can be displayed. As can be seen from interface 100C2, the sliding operation 3 can shift the left window interface from being partially displayed on the screen to being fully displayed, and can also switch the right window interface from tiled display to side-view display. Furthermore, it can be understood that the right window interface is displayed side-view in a split-screen format. It can be understood that due to the adjustment of the display size of the left window interface, it is impossible to continue displaying the right window interface on the desktop; therefore, the right window interface can be switched from tiled display to side-view display, thereby allowing a larger-sized left window interface to be displayed on the desktop.

[0408] For example, Figure 10B This is another schematic diagram illustrating the principle of an interface display method provided in an embodiment of this application. For example, the screen can be divided into a left hot zone, a middle hot zone, and a right hot zone. By dragging associated controls, they can be moved to different hot zones, thereby adjusting the size of the window interface and changing between side-view and tiled display formats. Figure 10B The example uses a screen with three windows.

[0409] like Figure 10B As shown in interface 100D, it includes three window interfaces. The left side includes two windows displayed in a side-view mode, and the right side includes one window displayed in a tiled mode. Furthermore, adjacent window interfaces can include associated controls, such as associated control 1 and associated control 2.

[0410] In interface 100D, in response to a sliding operation 1 that drags the associated control 2 from the left hot zone to the middle hot zone, interface 100E1 or interface 100E2 can be displayed. Optionally, when the middle window interface is a window interface displayed sideways in a split-screen format, it can be displayed as interface 100E1. Alternatively, when the middle window interface is a window interface displayed sideways in a full-screen format, it can be displayed as interface 100E2.

[0411] As seen in interfaces 100E1 and 100E2, swiping operation 1 not only allows the right-side window to be switched from full-screen to split-screen display, but also switches the middle window from side-view to tiled display. This can be understood as follows: by adjusting the tiled display size of the right-side window, another window can be displayed on the desktop. Therefore, the middle window adjacent to the right-side window can be switched from side-view to tiled display, allowing more windows to be displayed on the desktop in a tiled format. The tiled display size can be understood as maintaining the tiled display format while adjusting the size of the right-side window.

[0412] In interface 100E1, interface 100F1 can be displayed in response to the sliding operation 2, which drags the associated control 2 from the middle hot zone to the right hot zone. As can be seen from interface 100F1, the sliding operation 2 can not only change the display of the middle window from split-screen to full-screen, but also switch the right window from tiled display to side-view display. Furthermore, it can be understood that the right window is displayed side-view in a split-screen format. It is understandable that because adjusting the tiled display size of the middle window makes it impossible to continue displaying the right window on the desktop, switching the right window from tiled display to side-view display allows a larger tiled size of the middle window to be displayed on the desktop.

[0413] Alternatively, in interface 100E2, in response to the sliding operation 3 of dragging the associated control 2 from the central hot zone to the right hot zone, interface 100F2 can be displayed. As can be seen from interface 100F2, the sliding operation 3 can adjust the tiled display area of ​​the central window interface, which can also be understood as shifting the central window interface from being partially displayed on the screen to being fully displayed. It can also switch the right window interface from tiled display to side-view display. Furthermore, it can be understood that the right window interface is displayed side-view in a split-screen format. It can be understood that because adjusting the tiled display size of the central window interface makes it impossible to continue displaying the right window interface on the desktop, switching the right window interface from tiled display to side-view display allows a larger tiled display size of the central window interface to be displayed on the desktop. The tiled display area can also be understood as maintaining the tiled display format and the size of the central window interface while adjusting the display area of ​​the central window interface on the screen.

[0414] In interface 100F1, in response to a sliding operation 4 that drags the associated control 1 from the left hot zone to the middle hot zone, interface 100G1 or interface 100G2 can be displayed. Alternatively, in interface 100F2, in response to a sliding operation 4 that drags the associated control 1 from the left hot zone to the middle hot zone, interface 100G1 or interface 100G2 can also be displayed. It can be understood that interface 100F1 and interface 100F2 are essentially the same interface.

[0415] As seen in interfaces 100G1 and 100G2, the swiping operation 4 not only allows the middle window to be switched from full-screen to split-screen display, but also switches the left window from side-view to tiled display. This can be understood as follows: by adjusting the tiled display size of the middle window, another window can be displayed on the desktop. Therefore, switching the left window from side-view to tiled display allows for displaying more windows on the desktop in a tiled format. The difference between interfaces 100G1 and 100G2 is that in interface 100G1, the left window is displayed in split-screen mode, while in interface 100G2, the left window is displayed in full-screen mode.

[0416] In interface 100G1, interface 100H1 can be displayed in response to the sliding operation 5 of dragging the associated control 1 from the middle hot zone to the right hot zone. As can be seen from interface 100H1, the sliding operation 5 can not only adjust the left window interface from split-screen to full-screen display, but also switch the middle window interface from tiled display to side-view display. Furthermore, it can be understood that the middle window interface is displayed side-view in split-screen mode. It can be understood that due to the adjustment of the tiled display size of the left window interface, it is impossible to continue displaying the middle window interface on the desktop. Therefore, switching the middle window interface from tiled display to side-view display allows for a larger tiled display size of the middle window interface on the desktop. The difference between interface 100H2 and interface 100H1 is that in interface 100H1, the left window interface switches from split-screen to full-screen mode, while in interface 100H2, the left window interface switches from a partially displayed full-screen mode to a fully displayed mode through panning.

[0417] Alternatively, in interface 100G1, in response to the sliding operation 6 of dragging the associated control 1 from the central hot zone to the right hot zone, interface 100H2 can be displayed. From interface 100H2, it can be seen that the sliding operation 6 can adjust the tiled display area of ​​the central window interface, which can also be understood as shifting the left window interface from being partially displayed on the screen to being fully displayed on the screen, and can also switch the central window interface from tiled display to side-view display. Furthermore, it can be understood that the central window interface is displayed side-view in a split-screen format. It can be understood that because adjusting the tiled display size of the left window interface makes it impossible to continue displaying the central window interface on the desktop, switching the central window interface from tiled display to side-view display allows a larger tiled display size of the left window interface to be displayed on the desktop.

[0418] It should be noted that, Figure 10B Only a few possible examples are shown, with a three-window interface and a split-screen display as examples. Other possible scenarios can be found in [the relevant documentation]. Figure 10B This can be implemented in scenarios with four or more windows, or in scenarios with three or more split-screen layouts. Figure 10B The description is from the perspective of a window interface. In reality, a window interface can be displayed on the desktop of an electronic device, and its size can be determined according to the desktop display size. For specific implementation details, please refer to the descriptions in other embodiments.

[0419] Additionally, it should be noted that, Figure 10B Taking the division into three hot zones as an example only, this application does not limit the number of hot zones. For example, if the electronic device can support a three-screen layout, it can also be divided into four hot zones, and so on. It can be understood that when the electronic device includes four hot zones, there can be two middle hot zones, and so on. When the number of hot zones is increased, the number of middle hot zones can also be increased.

[0420] Understandable, from Figure 10B The content introduced in the article can be used to obtain:

[0421] (1) Each sliding operation can adjust the tiled display size of one window interface at most, or it can not adjust the tiled display size of the window interface and only perform translation processing.

[0422] For example, if the window interface does not support split-screen, then only panning can be performed by swiping.

[0423] For example, if a window interface is only partially displayed, it can be moved to full display by sliding, as shown in the intermediate window interface between interface 100E2 and interface 100F2.

[0424] Additionally, it should be noted that, Figure 10B Taking a sliding operation that spans one hotspot as an example, this embodiment does not limit the number of hotspots that a sliding operation can traverse. For example, the sliding operation shown in interface 100D can be an operation that drags the associated control 2 directly from the left hotspot to the right hotspot, which can be displayed as interface 100F1 or interface 100F2. It can be understood that in this scenario, the sliding operation can adjust the tiled display size of up to two window interfaces, or it can adjust the tiled display size of one window interface.

[0425] from Figure 10B As can be seen, the tiled display size of the window interface with black fill has been adjusted.

[0426] (2) The change between tiled display and side view display will not adjust the tiled display size of the window interface.

[0427] based on Figure 10B The principles introduced are as follows: Figure 5E The interface 53A shown is for example. Figure 10C This is a schematic diagram illustrating a scenario for an interface display method provided in an embodiment of this application. (In conjunction with...) Figure 5E As shown in interface 51A, before the side view is displayed, the window interface of application A in interface 53A is displayed in a split-screen format. Therefore, the window interface of application A in interface 53A is a split-screen window interface. The associated control between application A and application B in interface 53A is referred to as associated control 3, and the associated control between application B and application C is referred to as associated control 4.

[0428] In interface 53A, in response to the sliding operation 7 of dragging the associated control 4 from the middle hot zone to the right hot zone, interface 1005A can be displayed. Interface 1005A includes: a window interface of application A displayed sideways in a split-screen format in the secondary display area on the left; a window interface of application B displayed in full-screen format in the main display area in the middle; and a window interface of application C displayed sideways in a split-screen format in the secondary display area on the right.

[0429] In interface 1005A, in response to a sliding operation 8 that drags the associated control 3 from the left hot zone to the middle hot zone, interface 1005B can be displayed. Interface 1005B includes: a split-screen interface of application A and application B displayed flat in the main display area on the left; and a window interface of application C displayed sideways in the secondary display area on the right.

[0430] In interface 1005B, in response to a sliding operation 9 that drags the associated control 3 from the middle hot zone to the right hot zone, interface 1005C can be displayed. Interface 1005C includes: a full-screen application A window interface displayed flat in the main display area on the left; a split-screen application B window interface displayed sideways in the secondary display area on the right; and a split-screen application C window interface that is not displayed on the screen but is hidden sideways.

[0431] It should be noted that, Figure 10C This is only one possible scenario; other scenarios can be found in the reference section. Figure 10B The content described herein will not be repeated for other scenarios.

[0432] It should also be noted that the display position of the associated controls is not limited in the embodiments of this application.

[0433] For example, when two adjacent window interfaces are both tiled, the associated control is located between the two adjacent window interfaces. For instance, there may be a gap between the two window interfaces, and the associated control can be located in the middle of the gap.

[0434] In another example, two adjacent window interfaces are displayed, one tiled and the other as a space window. The associated control is located on one of the adjacent window interfaces, closer to the other. Optionally, the associated control is located on the window interface displayed as a space window, and closer to the tiled window interface. For example, the associated control can be displayed on the other window interface displayed as a space window, or it can be displayed adjacent to the tiled window interface, which can also be understood as the edge adjacent to the tiled window interface and the window interface displayed as a space window.

[0435] Alternatively, the display position of the associated control can be set to a fixed interval from the tiled window interface. For example, when two adjacent window interfaces are both tiled, there can be a gap between the two window interfaces, and the associated control can be located in the middle of the gap. Another example is that one of the two adjacent window interfaces can be tiled, and the other can be displayed as a space window. In this case, the associated control can be displayed at a fixed interval from the tiled window interface, such as on the other window interface displayed as a space window, or the associated control can be displayed adjacent to the tiled window interface, which can also be understood as the edge adjacent to the tiled window interface and the window interface displayed as a space window.

[0436] For example, Figure 10D This is a schematic diagram of another scenario for an interface display method provided in an embodiment of this application. Combined with... Figure 8As shown in interface 801, the sliding operation can also be used to drag the associated controls between application A and application C from the left hot zone to the right hot zone, thereby directly switching to display interface 803. This can also be understood as switching from application A being displayed sideways in the left secondary display area and application B being tiled in the right main display area, to application A being tiled in the left main display area and application B being sideways in the right main display area. Figure 10D For details on the specific implementation method, please refer to the above introduction to the hot zone-based sliding operation, which will not be repeated here.

[0437] It should be noted that, as Figure 10D As shown in the embodiments of this application, the number of hot zones that the drag operation of the associated control crosses is not limited.

[0438] (III) Window Closure Scenarios Based on Multitasking

[0439] Figure 11A This is one of the schematic diagrams illustrating a scenario for closing a window interface provided in an embodiment of this application. For example... Figure 11A As shown in interface 10A, it includes two window interfaces. The left secondary display area includes the window interface of application A displayed sideways; the right main display area includes the window interface of application B displayed in a tiled manner. For example, interface 10B can be displayed in response to a closing operation of the application B window interface. It can be understood that regardless of whether the sideways-displayed application A window interface is in full-screen or split-screen mode, since only the application A window interface remains after closing the application B window interface, the application A window interface can be displayed in full-screen mode on the desktop (or the target display area).

[0440] Figure 11B This is a second schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application. For example... Figure 11BAs shown in interface 11A, it includes three window interfaces. In the secondary display area on the left, there is the window interface of application B displayed sideways; in the main display area on the right, there is the window interface of application D displayed in a tiled manner. Additionally, to the left of the side-viewed application B window interface, there is also a side-viewed application A window interface, but it is not displayed on the screen. For example, taking the side-viewed application A window interface and the side-viewed application B window interface as examples, both are in split-screen format. In response to the closing operation of the application D window interface, interface 11B can be displayed. It can be understood that based on closing the application D window interface, the side-viewed application A window interface and the side-viewed application B window interface can be displayed to fill the gap; and since both the side-viewed application A window interface and the side-viewed application B window interface are in split-screen format, the interface after display filling is a two-part split-screen interface of application A and application B. Here, display filling can be understood as the window interface switching from side-view display to tiled display.

[0441] from Figure 11B As can be seen from this, the window interface of application A, which is not displayed on the screen as shown in interface 11A, can also be displayed to fill in the gaps.

[0442] Figure 11C This is the third schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application. Figure 11C As shown in interface 12A, it includes three window interfaces. The left secondary display area includes the window interface of application B displayed sideways; the right main display area includes the window interface of application D displayed in a tiled manner. Additionally, to the left of the side-displayed application B window interface, there is also a side-displayed application A window interface, but it is not displayed on the screen. For example, taking the side-displayed application A window interface as full-screen and the side-displayed application B window interface as split-screen as an example, interface 12B can be displayed in response to the closing operation of application D's window interface. It can be understood that, based on closing application D's window interface, the side-displayed application B window interface can fill the display gap; and, since the side-displayed application B window interface is in split-screen format and cannot fill the entire screen, the side-displayed application A window interface can continue to fill the display gap. Therefore, the interface after the display gap is a two-part split-screen interface consisting of the full-screen application A window interface and the split-screen application B window interface. It can be understood that, since application A's window interface is in full-screen format, only a portion of its content can be displayed.

[0443] Figure 11D This is the fourth schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application. Figure 11DAs shown in interface 13A, it includes three window interfaces. The left secondary display area includes the window interface of application B displayed sideways; the right main display area includes the window interface of application D displayed in a tiled manner. Additionally, to the left of the side-displayed application B window interface, there is also a side-displayed application A window interface, but it is not displayed on the screen. For example, taking the side-displayed application A window interface as a split-screen format and the side-displayed application B window interface as a full-screen format, interface 13B can be displayed in response to the closing operation of application D's window interface. It can be understood that based on closing application D's window interface, the side-displayed application B window interface can fill the display gap; and since the side-displayed application B window interface is in full-screen format, it can fill the entire screen, therefore the side-displayed application A window interface continues to be displayed sideways.

[0444] Figure 11E This is the fifth schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application. Figure 11E As shown in interface 14A, it includes three window interfaces. Specifically, the left secondary display area includes the window interface of application A displayed sideways; the middle main display area includes the window interface of application B displayed in a tiled manner; and the right secondary display area includes the window interface of application C displayed sideways. For example, taking the sideways-displayed windows of application A and application B as examples, both are in split-screen format. In response to the closing operation of application B's window interface, interface 14B can be displayed. It can be understood that, based on closing application B's window interface, the sideways-displayed windows of application A and application C can fill the display gap; and, since both sideways-displayed windows of application A and application C are in split-screen format, the interface after the display gap is a two-part split-screen interface of application A and application C.

[0445] Figure 11F This is the sixth schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application. Figure 11FAs shown in interface 15A, it includes three window interfaces. Specifically, the left secondary display area includes the window interface of application A displayed sideways; the middle main display area includes the window interface of application B displayed in a tiled manner; and the right secondary display area includes the window interface of application C displayed sideways. For example, taking the sideways-displayed application A window interface as a split-screen format and the sideways-displayed application B window interface as a full-screen format, in response to the closing operation of application B's window interface, interface 15B1 or interface 15B2 can be displayed. It can be understood that based on closing application B's window interface, the sideways-displayed application A window interface or the sideways-displayed application C window interface can fill the display gap. Optionally, when the sideways-displayed application A window interface fills the display gap, it can be displayed as interface 15B1. As shown in interface 15B1, the window of application A, displayed sideways, is in a split-screen format. After displaying additional content, it cannot fill the entire screen. Therefore, the window of application C, also displayed sideways, can continue to fill the remaining space. However, since application C's window is in full-screen mode, only a portion of its content can be displayed. Alternatively, when the window of application C, displayed sideways, is filling the remaining space, it can be displayed as shown in interface 15B2. Since the window of application C, displayed sideways, is in full-screen mode, after displaying additional content, it can fill the entire screen. Therefore, the window of application A, also displayed sideways, continues to be displayed sideways.

[0446] Figure 11G This is the seventh schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application. Figure 11G As shown in interface 16A, it includes three window interfaces. The left secondary display area includes the window interface of application A displayed sideways; the right main display area includes a split-screen interface of applications B and C. For example, taking the side-viewed window interface of application A as an example of a split-screen format, interface 16B can be displayed in response to the closing operation of the window interface of application B. It can be understood that, based on closing the window interface of application C, the side-viewed window interface of application A can be displayed to fill the gap; and, since the side-viewed window interface of application A is in a split-screen format, the interface after display filling is a split-screen interface of applications A and B.

[0447] Figure 11H This is the eighth schematic diagram illustrating a scenario of closing a window interface provided in an embodiment of this application. Figure 11HAs shown in interface 17A, it includes three window interfaces. The secondary display area on the left includes the window interface of application A displayed sideways; the main display area in the middle includes a split-screen interface of application B and application C. For example, taking the side-viewed window interface of application A as an example of a split-screen format, interface 17B can be displayed in response to the closing operation of the window interface of application C. It can be understood that, based on closing the window interface of application C, the side-viewed window interface of application A can be displayed to fill the gap; and, since the side-viewed window interface of application A is in full-screen mode, the interface after display filling is a split-screen interface consisting of the full-screen window interface of application A and the split-screen interface of application B. It can be understood that, since the window interface of application A is in full-screen mode, only a portion of its content can be displayed.

[0448] It should be noted that, through the above Figures 11A to 11H As can be seen from the description, when a window in the main display area is closed, the window displayed on the side can fill the display gap. For example, the window to be filled can be determined based on at least one of the following information:

[0449] (1) Priority of side-viewed window interfaces. For example, the priority of a side-viewed window interface that is displayed on the screen is higher than the priority of a side-viewed window interface that is not displayed on the screen. For another example, the priority of a side-viewed window interface that is adjacent to a closed window interface is higher than the priority of a side-viewed window interface that is not adjacent to a closed window interface, and so on.

[0450] (2) The form of the window interface displayed on the side, such as full screen, split screen, split screen, etc.

[0451] (3) Is the screen display area fully occupied? It can be understood that when the screen is fully occupied, the display padding ends; when it is not fully occupied, display padding can continue until the screen display area is fully occupied. Additionally, when the screen is not fully occupied and there are no other windows to fill the gap, the size of the already displayed window can be adjusted. For example, two split-screen windows can automatically adjust to a two-split window, and a two-split window can automatically adjust to a full-screen window. Figure 11A As shown.

[0452] Furthermore, in other possible scenarios, the various display interfaces provided above can be further processed. For example, during multitasking, a window interface can be fixed, and its display position, size, and format will not change. Taking a tri-fold phone or a large-screen device with a central control screen that supports three-screen operation as an example... Figure 12 This is a schematic diagram of a fixed window interface provided in an embodiment of this application.

[0453] like Figure 12 The interface 1201 may include a main display area and a secondary display area; wherein, the main display area can be used to display the three-screen interface of application A, application B and application C, and the secondary display area can be used to display the window interface of application D in the form of a space window.

[0454] For example, taking the fixing of the window interface of application A as an example, the window interface of application A may include a fixed control 1200. It should be noted that the display form of the fixed control 1200 is not limited in this application embodiment. For example, it can be in the form of a pin shown on interface 1201. It is understood that the fixed control 1200 can also be in other forms. For another example, other display forms can also be used to indicate that the window interface of application A is a fixed interface, such as adding fill effects, shadow effects, outline effects, etc. This application does not limit the form used to indicate a fixed window interface.

[0455] In interface 1201, a large-screen device such as a tri-fold phone or a central control screen can respond to a leftward swipe operation on the window interface of application C, and can then display interface 1203 via interface 1202. Interface 1202 serves as an intermediate transition interface.

[0456] As can be seen from interfaces 1201, 1202 to 1203, the window interface of application A is fixed in the display position on the left, while the other window interfaces can switch the display interface in response to user operations.

[0457] It's understandable that when a fixed window exists on the screen, its display will not change. Window interfaces in other display locations besides the fixed window's corresponding display position, such as... Figure 12 The center and right display positions can be switched between the window interface through user interaction. It should be noted that, although... Figure 12 The window interfaces of application B, application C and application D shown in the figure are switched. When there is a fixed window interface on the screen, the switching method of the interface display is not limited in this embodiment. For example, the interface display can be carried out by referring to the interface display methods introduced in the previous scenarios. For example, a new window interface can be added, the size of the window interface can be adjusted, the window interface can be closed, etc. For specific implementation methods, please refer to the content introduced in the previous text. This application will not repeat them here.

[0458] It should be noted that the various possible scenarios described above are only for explaining the methods provided in the embodiments of this application, and are not limited to these scenarios in specific implementations. For example, different scenarios can be combined. Figure 12 The concept shown, which allows switching the display position of a window based on a leftward swipe, can also be applied to scenarios that do not include a fixed window interface. For example... Figure 12 The fixed window interface shown can also be used in two-screen scenarios.

[0459] Based on the foregoing description of the interface processing effects achievable using the methods provided in this application across multiple scenarios, the following describes the implementation process of the interface display method provided in this application, to illustrate how the methods provided in this application can achieve the aforementioned results. Figures 4A to 12 The interface processing effect shown can provide a new split-screen interaction method, improving the efficiency and continuity of multitasking.

[0460] Figure 13 This is a flowchart illustrating an interface display method provided in an embodiment of this application. The process may include the following steps:

[0461] Step 1301: Detect the first operation on the first interface, which includes M window interfaces, where M is a positive integer greater than 1.

[0462] For example, the first interface can be, for instance, Figure 8 The interface shown is 403A, or for example, it can be... Figure 9 The interface shown is 503.

[0463] Step 1302: In response to the first operation, display a second interface. The second interface includes a first main display area and a first display area. The size of the first main display area is larger than the first display area. The first main display area is used to display N1 window interfaces out of the M window interfaces in a tiled manner. The first display area is used to display all or part of the window interfaces other than the N1 window interfaces out of the M window interfaces. Optionally, N1 is 1. Alternatively, N1 is greater than 1, and N1 window interfaces are displayed in a split-screen format in the first main display area.

[0464] In the first display area, all or part of the other window interfaces besides the first window interface are displayed in a spatial window format, wherein the spatial window format is a form of flipping the window interface toward the inside of the screen of the electronic device.

[0465] For example, the second interface could be, for instance, Figure 8 The interface shown is 801, 803, or 805, etc., or for example, it can be... Figure 9 The interface shown is 901 or 903, etc.

[0466] The specific implementation process of steps 1301 and 1302 can be found in the foregoing embodiments, and will not be repeated in this application.

[0467] Based on the above embodiments, this application also provides an electronic device, which includes multiple functional modules; the multiple functional modules interact to realize the functions performed by the electronic device in the methods described in the embodiments of this application. The multiple functional modules can be implemented based on software, hardware, or a combination of software and hardware, and the multiple functional modules can be arbitrarily combined or divided based on specific implementations. For example, [the following is an example of implementation details]. Figure 13 Steps 1301 to 1302 performed by the electronic device in the illustrated embodiment.

[0468] Based on the above embodiments, this application also provides an electronic device, which includes at least one processor and at least one memory, wherein the at least one memory stores computer program instructions. When the electronic device is running, the at least one processor executes the functions performed by the electronic device in the methods described in the embodiments of this application. For example, when executing... Figure 13 Steps 1301 to 1302 performed by the electronic device in the illustrated embodiment.

[0469] Based on the above embodiments, this application also provides a computer program product, which includes a computer program (also referred to as code or instructions) that, when run, causes a computer to perform the methods described in the embodiments of this application.

[0470] Based on the above embodiments, this application also provides a computer-readable storage medium storing a computer program, which, when executed by a computer, causes the computer to perform the methods described in the embodiments of this application.

[0471] Based on the above embodiments, this application also provides a chip for reading computer programs stored in a memory to implement the methods described in the embodiments of this application.

[0472] Based on the above embodiments, this application provides a chip system including a processor for supporting a computer device in implementing the methods described in the embodiments of this application. In one possible design, the chip system further includes a memory for storing necessary programs and data of the computer device. This chip system may be composed of chips or may include chips and other discrete devices. Those skilled in the art will understand that the embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0473] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to this application. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0474] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0475] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0476] Obviously, those skilled in the art can make various modifications and variations to this application without departing from the scope of protection of this application. Therefore, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application also intends to include such modifications and variations.

Claims

1. A method for displaying an interface, characterized in that, Applied to an electronic device, the screen area of ​​the electronic device includes X hot zones, where X is greater than 2, and the X hot zones include a left hot zone, one or more middle hot zones, and a right hot zone; the method includes: The first interface is displayed; wherein the first interface includes a first main display area and a first display area to the left of the first main display area, the first window interface of M window interfaces is displayed in a tiled manner in the first main display area, and the second window interface of the M window interfaces is displayed in a spatial window manner in the first display area. The first window interface and the second window interface are adjacent to each other, and M is an integer greater than 2; the spatial window manner is the form of flipping the window interface towards the inside of the screen of the electronic device. In response to a first drag operation that drags a first control located in the left hot zone to one of the one or more intermediate hot zones, a second interface is displayed; wherein, the first control is a control associated with the first window interface and the second window interface; the second interface includes a second main display area and a second display area to the left of the second main display area, wherein adjacent first window interfaces and second window interfaces are tiled in the second main display area, the second window interface is located to the left of the first window interface, and the third window interface among the M window interfaces is displayed in the form of a space window in the second display area; In response to a second drag operation that drags the first control to the right hot zone, a third interface is displayed; wherein the third interface includes a third main display area and third display areas located on both sides of the third main display area, the second window interface is displayed in a tiled manner in the third main display area, the first window interface is displayed in a space window in the third display area located to the right of the third main display area, and the third window interface is displayed in a space window in the third display area located to the left of the third main display area.

2. The method according to claim 1, characterized in that, After displaying the third interface, the method further includes: In response to a third drag operation that drags a second control located in the left hot zone to one of the one or more intermediate hot zones, a fourth interface is displayed; wherein the second control is a control associated with the second window interface and the third window interface; the fourth interface includes a fourth main display area and a fourth secondary display area to the right of the fourth main display area, the fourth main display area displays the adjacent second window interface and the third window interface in a tiled manner, the third window interface is located to the left of the second window interface, and the fourth secondary display area displays the first window interface in the form of a space window; In response to a fourth drag operation that drags the second control to the right hot zone, a fifth interface is displayed; wherein the fifth interface includes a fifth main display area and a fifth secondary display area located to the right of the fifth main display area, the third window interface is displayed in the fifth main display area, and the second window interface is displayed in the form of a space window in the fifth secondary display area.

3. The method according to claim 1 or 2, characterized in that, The third window interface is also displayed in the first display area in the form of a spatial window, and the third window interface is located to the left of the second window interface.

4. The method according to claim 1 or 2, characterized in that, The first interface for display includes: In response to a first operation on the sixth interface, the first interface is displayed; wherein the sixth interface includes the M window interfaces, the second window interface among the M window interfaces is displayed in a tiled manner, and the first operation is to drag the first control located in the sixth interface to the left hot zone.

5. The method according to claim 4, characterized in that, The M windows in the sixth interface are displayed in a split-screen format; or, The sixth interface includes a sixth main display area and a sixth secondary display area; wherein, the size of the sixth main display area is larger than that of the sixth secondary display area, the sixth main display area is used to tile N2 window interfaces out of the M window interfaces, and the sixth secondary display area is used to display all or part of the other window interfaces out of the M window interfaces in the form of a spatial window; N2 is smaller than M.

6. The method according to claim 1 or 2, characterized in that, The first control is located between the first window interface and the second window interface; or, The first control is located on one of the first window interfaces and the second window interface, near the other window interface.

7. The method according to claim 1 or 2, characterized in that, The maximum number of split screens that the electronic device can support is Y, and X is equal to Y plus 1.

8. The method according to claim 1 or 2, characterized in that, The method further includes: In response to a closing operation on a window interface in a secondary display area of ​​any interface, at least one window interface in the secondary display area of ​​the interface is switched from being displayed as a spatial window to being displayed as a tiled window.

9. The method according to claim 1 or 2, characterized in that, The method further includes: A first selection operation on the fourth window interface in any display area is detected, wherein the fourth window interface is one of the window interfaces displayed in the form of a spatial window among the M window interfaces. In response to the first selection operation, a seventh interface is displayed; the seventh interface includes a seventh main display area and a seventh secondary display area, the size of the seventh main display area is larger than the seventh secondary display area, the seventh main display area is used to tile N3 window interfaces out of the M window interfaces, the N3 window interfaces include the fourth window interface, N3 is a positive integer, the seventh secondary display area is used to display all or part of the other window interfaces out of the M window interfaces excluding the N3 window interfaces; N3 is less than M; In the seventh display area, all or part of the window interfaces other than the N3 window interfaces are displayed in the form of a spatial window.

10. The method according to claim 9, characterized in that, The value of N3 is 1.

11. The method according to claim 9, characterized in that, The fourth window interface was displayed in a split-screen format before being displayed in the space window format in any of the display areas. After the first selection operation, the fourth window interface is displayed in a split-screen format in the seventh main display area; N3 is greater than 1. or, The fourth window interface is displayed in full-screen mode before being displayed in the space window mode in any of the display areas. After the first selection operation, the fourth window interface is displayed in full-screen mode in the seventh main display area, and N3 is 1.

12. The method according to claim 9, characterized in that, The N3 is greater than 1; the display area at any given time is located on the first side of the screen; The N3 window interfaces displayed in the seventh main display area are obtained by the following method: taking the fourth window interface as the starting window interface, the second side window interface adjacent to the fourth window interface is translated in the second side direction; The first side and the second side are opposite sides of the screen.

13. The method according to claim 1 or 2, characterized in that, The display position of the first main display area is preset; or, The display position of the first main display area is determined based on the detected operation.

14. The method according to claim 4, characterized in that, The M window interfaces are at least three window interfaces; the sixth interface includes a first display area and a second display area, the first display area is used to display the second window interface, and the second display area is used to display the other window interfaces among the M window interfaces except the second window interface in a stacked manner.

15. The method according to claim 14, characterized in that, The method further includes: Perform a second operation in the second display area to update the window interface in the second display area from the stacked display to the spatial window display.

16. The method according to claim 15, characterized in that, When the second display area is displayed on the left, the second operation is a swipe to the right. When the second display area is displayed on the right, the second operation is a swipe to the left.

17. The method according to claim 14, characterized in that, The method further includes: A third operation is performed in the second display area to update the window interface in the second display area from displaying in a first stacking order to displaying in a second stacking order; In the first stacking order, the sixth window interface is displayed on top, and in the second stacking order, the seventh window interface is displayed on top.

18. The method according to claim 17, characterized in that, The third operation is a click operation on the seventh window interface.

19. The method according to claim 1 or 2, characterized in that, The method further includes: A fourth operation on the third interface was detected, the fourth operation being used to add an eighth window interface; In response to the fourth operation, an eighth interface is displayed, the eighth interface including the M window interfaces and the eighth window interface.

20. The method according to claim 19, characterized in that, The eighth interface includes an eighth main display area and an eighth secondary display area. The size of the eighth main display area is larger than that of the eighth secondary display area. The eighth main display area is used to tile the eighth window interface. The fourth secondary display area is used to display all or part of the window interfaces among the M window interfaces in the form of the spatial window.

21. The method according to claim 4, characterized in that, Before displaying the first interface in response to the first operation on the sixth interface, the method further includes: Detect and respond to the fifth operation in the ninth interface, and display the tenth interface; the tenth interface includes a ninth main display area and a ninth secondary display area, the size of the ninth main display area is larger than the ninth secondary display area, the ninth main display area is used to tile thumbnails of alternative window interfaces and / or alternative application icons, and the ninth secondary display area is used to display at least one window interface included in the ninth interface in the form of the spatial window. Detecting and responding to a second selection operation in the ninth main display area, the sixth interface is displayed, the sixth interface including the M window interfaces including at least one window interface and a ninth window interface included in the ninth interface, the ninth window interface being the window interface corresponding to the thumbnail of the candidate window interface selected by the second selection operation, or the ninth window interface being the window interface of the application corresponding to the candidate application icon selected by the second selection operation.

22. The method according to claim 21, characterized in that, The fifth operation is a two-finger pinch operation at the bottom, and the second selection operation is a click operation on the thumbnail or alternative application icon corresponding to the ninth window interface. And / or, The fifth operation is a drag operation on the first displayed content in the tenth window interface of the ninth interface. The drag operation is used to drag the first displayed content and to trigger a gradual switch from the ninth interface to the tenth interface. The second selection operation is to drag the first displayed content to the thumbnail or alternative application icon corresponding to the ninth window interface.

23. The method according to claim 21, characterized in that, The ninth interface includes at least one window interface corresponding to at least one application; The application corresponding to the thumbnail of the alternative window interface is associated with the at least one application; The application corresponding to the candidate application icon is associated with the at least one application.

24. The method according to claim 23, characterized in that, The thumbnails of the alternative window interfaces correspond to applications that are running in the background.

25. The method according to claim 4, characterized in that, Before displaying the first interface in response to the first operation on the sixth interface, the method further includes: Detecting and responding to a fifth operation in the ninth interface, a tenth interface is displayed; the tenth interface includes a ninth main display area and a ninth secondary display area, the size of the ninth main display area being larger than the ninth secondary display area, the ninth main display area being used to tile thumbnails and / or alternative application icons of alternative window interfaces, and the ninth secondary display area being used to display all or part of the multiple window interfaces included in the ninth interface in the form of the spatial window; the multiple window interfaces included in the ninth interface include the tenth window interface. Detect and respond to the replacement operation in the ninth main display area, and display the sixth interface, the sixth interface including the M window interfaces including the ninth window interface and excluding the tenth window interface, the ninth window interface being the window interface corresponding to the thumbnail of the candidate window interface selected by the replacement operation, or the ninth window interface being the window interface of the application corresponding to the candidate application icon selected by the second selection operation.

26. The method according to claim 5, characterized in that, The method further includes: When the sixth interface is the first split-screen interface, in response to the sixth operation in the sixth interface, the eleventh interface is displayed; the sixth operation is used to add an eleventh window interface. The eleventh interface includes a tenth main display area and a tenth secondary display area. The size of the tenth main display area is larger than that of the tenth secondary display area. The tenth main display area is used to tile the second split-screen interface that includes the eleventh window interface. The tenth secondary display area is used to display all or part of the window interfaces that do not belong to the second split-screen interface among the M window interfaces. In the tenth display area, all or part of the windows in the first split-screen interface that do not belong to the second split-screen interface are displayed in the form of a spatial window.

27. The method according to claim 1 or 2, characterized in that, The size of the first main display area is larger than that of the first display area.

28. The method according to claim 1 or 2, characterized in that, The method further includes: In response to the operation of dragging the second window interface to a third display area located on either side of the third main display area, the second window interface is displayed as a spatial window in the third display area located on either side, and the window interface located in the third display area on either side is displayed in the original display position of the second window interface.

29. The method according to claim 1 or 2, characterized in that, The method further includes: In response to the operation of dragging the third window interface to the third display area located to the right of the third main display area, the third window interface is displayed as a space window in the third display area located to the right of the third main display area, and the first window interface is displayed as a space window in the third display area located to the left of the third main display area.

30. The method according to claim 1 or 2, characterized in that, The method further includes: In response to the seventh operation, the twelfth window interface is set as a fixed window interface; The twelfth window interface is a split-screen interface.

31. The method according to claim 1 or 2, characterized in that, Two of the M window interfaces are window interfaces of different instances of the same application, or window interfaces of different atomic services of the same application, or window interfaces of different applications.

32. The method according to claim 1 or 2, characterized in that, When the first display area displays the second window interface, a portion of the content in the second window interface is displayed.

33. An electronic device, characterized in that, It includes at least one processor coupled to at least one memory, the at least one processor being configured to read a computer program stored in the at least one memory to perform the method as described in any one of claims 1 to 32.

34. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores instructions that, when executed on a computer, cause the computer to perform the method as described in any one of claims 1 to 32.

35. A computer program product containing instructions, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1 to 32.

Images