Layout interface management method, readable storage medium and program product

Abstract

The invention discloses a layout interface management method, a readable storage medium and a program product. The method comprises the steps that a layout interface is displayed based on layout information stored in a tree-shaped management structure, and nodes in the tree-shaped management structure and window segmentation containers in the layout interface are in one-to-one correspondence; in response to an adding operation of the new window, determining an adding position of the new window on the layout interface; under the condition that the adding position falls into a target auxiliary window area, based on the adding position, determining a container layout mode and a container inclusion relation of a to-be-created target window segmentation container, the target auxiliary window area being any auxiliary window area in a plurality of auxiliary window areas; and creating the target window segmentation container for accommodating the new window at the adding position based on the container layout mode of the target window segmentation container, and updating the tree-shaped management structure based on the container inclusion relation of the target window segmentation container, so that a layout interface after the windows are randomly combined can be obtained.

Description

Technical Field

[0001] This application belongs to the technical field of graphical user interface management, and particularly relates to a management method, a readable storage medium, and a program product for a layout interface. Background Art

[0002] In software development, the design of a graphical user interface (GUI) is crucial for enhancing the user experience. However, in the face of increasingly complex user requirements, the functions of traditional layout management are limited, and a graphical user interface with arbitrary combinations cannot be obtained.

[0003] For example, a development framework for a graphical user interface based on C++ not only provides a rich UI (User Interface) component library but also supports multiple layout strategies. When laying out a graphical user interface, although a graphical user interface can be obtained by dragging and dropping UI components, the form is relatively fixed, and a graphical user interface with arbitrary combinations cannot be obtained. Summary of the Invention

[0004] Embodiments of this application provide a management method, a readable storage medium, and a program product for a layout interface, which can obtain a layout interface with arbitrary combinations.

[0005] In a first aspect, an embodiment of this application provides a management method for a layout interface. The layout interface includes a plurality of auxiliary window areas, and the auxiliary window areas are used to arrange window split containers. Each auxiliary window area includes at least two sub-areas with different container layout methods. The method includes: displaying the layout interface based on the layout information saved in a tree management structure, where the nodes in the tree management structure and the window split containers in the layout interface are in a one-to-one correspondence relationship, the parent-child relationship between the nodes in the tree management structure is used to represent the container inclusion relationship between the window split containers, and each node is used to save the layout information of the corresponding window split container; in response to an operation of adding a new window, determining the adding position of the new window on the layout interface; in the case where the adding position falls into a target auxiliary window area, determining the container layout method and the container inclusion relationship of the target window split container to be created based on the adding position, where the target auxiliary window area is any one of the plurality of auxiliary window areas; creating a target window split container for accommodating the new window at the adding position based on the container layout method of the target window split container, and updating the tree management structure based on the container inclusion relationship of the target window split container.

[0006] In an alternative embodiment of the first aspect, the layout interface further includes a main window area, and a main window split container is arranged in the main window area; in the case where the addition position falls into the target secondary window area, based on the addition position, determine the container inclusion relationship of the target window split container to be created, including: in the case where no window is arranged in the target secondary window area and the addition position falls into the secondary window area, determine that the container inclusion relationship is the first inclusion relationship, and the first inclusion relationship is that the target window split container to be created includes the main window split container; in the case where a secondary window is arranged in the target secondary window area and the addition position falls into the sub-area where the secondary window is located, determine that the container inclusion relationship is the second inclusion relationship, and the second inclusion relationship is that the window split container corresponding to the secondary window includes the target window split container to be created.

[0007] In an alternative embodiment of the first aspect, the root node of the tree management structure stores the layout information of the main window split container; based on the container inclusion relationship of the target window split container, update the tree management structure, including: in the case where the container inclusion relationship is the first inclusion relationship, create a new root node, and the new root node is used to store the layout information of the target window split container, and update the root node to be a child node of the new root node; in the case where the container inclusion relationship is the second inclusion relationship, split out a first new child node from the node corresponding to the secondary window, and the first new child node is used to store the layout information of the target window split container.

[0008] In an alternative embodiment of the first aspect, in the case where the addition position falls into the target secondary window area, based on the addition position, determine the container layout mode of the target window split container to be created, including: in the case where a secondary window is arranged in any sub-area of the target secondary window area, based on the sub-area of the secondary window where the addition position falls, determine the container layout mode of the target window split container to be created, where the secondary window includes a plurality of secondary window sub-areas.

[0009] In an alternative embodiment of the first aspect, when a secondary window is arranged in the target secondary window area, the multiple secondary window sub-areas include: a secondary window center sub-area, a first secondary window sub-area, a second secondary window sub-area, a third secondary window sub-area, and a fourth secondary window sub-area. The first secondary window sub-area and the second secondary window sub-area are respectively located on both sides of the secondary window center sub-area in the horizontal direction, and the third secondary window sub-area and the fourth secondary window sub-area are respectively located on both sides of the secondary window center sub-area in the vertical direction. Based on the secondary window sub-area where the addition position falls, determine the container layout mode of the target window split container to be created, including: when the addition position falls into the first secondary window sub-area or the second secondary window sub-area, determine that the container layout mode of the target window split container to be created is a horizontal layout; when the addition position falls into the third secondary window sub-area or the fourth secondary window sub-area, determine that the container layout mode of the target window split container to be created is a vertical layout.

[0010] In an alternative embodiment of the first aspect, the method further includes: when the addition position falls into the secondary window center sub-area, create a superimposed container, and determine that the container inclusion relationship is a third inclusion relationship, where the third inclusion relationship is that the window split container corresponding to the secondary window includes the superimposed container, and place the new window and the secondary window layer in the superimposed container.

[0011] In an alternative embodiment of the first aspect, the method further includes: when the container inclusion relationship is a third inclusion relationship, split a second new sub-node from the node corresponding to the secondary window, and the second new sub-node is used to save the layout information of the superimposed container.

[0012] In an alternative embodiment of the first aspect, the method further includes: create a window task bar for each secondary window area; in response to the hiding operation of the target window, based on the layout information of the window split container saved in the tree management structure, determine the window task bar corresponding to the target window, which is any window on the target window layout interface; hide the target window, and display the window icon corresponding to the target window in the corresponding window task bar.

[0013] In a second aspect, an embodiment of the present application provides a computer-readable storage medium, on which computer program instructions are stored, and when the computer program instructions are executed by a processor, the management method of the layout interface in the first aspect is implemented.

[0014] In a third aspect, an embodiment of the present application provides a computer program product, and when the instructions in the computer program product are executed by a processor of an electronic device, the electronic device is enabled to execute the management method of the layout interface as in the first aspect.

[0015] In an embodiment of the present application, the layout interface includes multiple auxiliary window areas for arranging window split containers, and the layout interface corresponds to a tree management structure. The nodes in the tree management structure and the window split containers in the layout interface have a one-to-one correspondence relationship. The parent-child relationship between the nodes in the tree management structure is used to represent the container inclusion relationship between the window split containers. Each node is used to save the layout information of the corresponding window split container. In this way, based on the layout information of the layout interface saved in the tree management structure, the layout interface can be displayed. When a new window is added to the layout interface and the added position of the new window falls into the target auxiliary window area, based on the added position of the new window, the container layout method and the container inclusion relationship of the target window split container to be created can be determined. Based on the container layout method of the target window split container to be created, a target window split container for accommodating the new window can be created on the layout interface. Using the target window split container, not only can the new window be added to the layout interface, but also based on the container layout method of the target window split container, the window can be flexibly placed, so that there are at least two sub-areas with different container layout methods in the auxiliary window area. Based on the container inclusion relationship, the tree management structure can be updated so that the tree management structure can save the layout information of the latest layout interface. Thus, by displaying the layout interface based on the updated tree management structure, a layout interface after any combination of windows can be obtained. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the following will briefly introduce the drawings required to be used in the embodiments of the present application. For those of ordinary skill in the art, without creative efforts, other drawings can also be obtained based on these drawings.

[0017] Figure 1 is a schematic diagram of the layout interface area division in the prior art;

[0018] Figure 2 is a schematic diagram of the layout interface area division provided by an embodiment of the present application;

[0019] Figure 3 is a schematic diagram of the layout interface area division provided by another embodiment of the present application;

[0020] Figure 4 is a schematic diagram of the layout interface area division provided by still another embodiment of the present application;

[0021] Figure 5 is a schematic flowchart of the management method of the layout interface provided by an embodiment of the present application;

[0022] Figure 6 is a schematic diagram of the window layout in the Splitter container provided by an embodiment of the present application;

[0023] Figure 7 It is a schematic diagram of auxiliary window division provided by an embodiment of the present application;

[0024] Figure 8 It is a schematic diagram of a layer window in Tabwidget provided by an embodiment of the present application;

[0025] Figure 9 It is a schematic diagram of the layout of windows in the layout interface provided by an embodiment of the present application;

[0026] Figure 10 It is a schematic diagram of a tree management structure provided by an embodiment of the present application;

[0027] Figure 11 It is a schematic diagram of using the tree management structure to save the layout information of windows provided by an embodiment of the present application;

[0028] Figure 12 It is a schematic diagram of the structure of a management device for the layout interface provided by an embodiment of the present application;

[0029] Figure 13 It is a schematic diagram of the structure of an electronic device provided by another embodiment of the present application.

[0030] The above-mentioned drawings include the following reference numerals:

[0031] 1210, display module; 1220, first determination module; 1230, second determination module; 1240, update module; 1301, processor; 1302, memory; 1303, communication interface; 1310, bus. Detailed implementation manners

[0032] The features and exemplary embodiments of various aspects of the present application will be described in detail below. In order to make the objectives, technical solutions and advantages of the present application clearer, the present application will be further described in detail below with reference to the accompanying drawings and specific embodiments. It should be understood that the specific embodiments described herein are only intended to explain the present application, rather than to limit the present application. For those skilled in the art, the present application can be implemented without some of these specific details. The following description of the embodiments is only intended to provide a better understanding of the present application by showing examples of the present application.

[0033] It should be noted that in this article, relational terms such as first and second are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variant thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device comprising a series of elements not only includes those elements, but also includes other elements not expressly listed, or also includes elements inherent to such process, method, article or device. Without further limitation, an element defined by the statement "comprising..." does not exclude the presence of additional identical elements in the process, method, article or device comprising the said element.

[0034] In software development, the design of the Graphical User Interface (GUI) is crucial for enhancing the user experience. However, in the face of increasingly complex user requirements, the functions of traditional layout management are limited and cannot obtain arbitrarily combined graphical user interfaces.

[0035] For example, the development framework of the graphical user interface based on C++ not only provides a rich UI (User Interface) component library, but also supports multiple layout strategies. When laying out the graphical user interface, although a graphical user interface can be obtained by dragging and dropping UI components, the form is relatively fixed and an arbitrarily combined graphical user interface cannot be obtained.

[0036] Specifically, the current layout scheme usually divides the entire layout interface into Figure 1 the five regions shown, namely the upper region, the lower region, the left region, the right region and the central region, and a title bar is also set on the layout interface. The data information of the upper region, the lower region, the left region, the right region and the central region is stored using relevant programming languages. Among them, the data information includes the orientation information, coordinate information, size information and the number of windows contained in the corresponding region, etc. When adding a new window, the insertion position and layout information of the new window are determined by calculating the position of the new window in the corresponding region. The specific rules are as follows:

[0037] In the case where the addition position of the new window is in the upper half region or the lower half region of the left region, the new window is added to the upper half region or the lower half region of the left region; in the case where the addition position of the new window is in the upper half region or the lower half region of the right region, the new window is added to the upper half region or the lower half region of the right region.

[0038] When the addition position of the new window is in the left half area or the right half area of the upper area, add the new window to the left half area or the right half area of the upper area; when the addition position of the new window is in the left half area or the right half area of the lower area, add the new window to the left half area or the right half area of the lower area.

[0039] Through the above rules, the obtained layout interface is relatively fixed and can only be divided based on the layout of four areas, namely the upper area, the lower area, the left area, or the right area. Among them, the upper area, the lower area, the left area, and the right area are the smallest area units. The upper area and the lower area can only place windows horizontally, and the left area and the right area can only place windows vertically.

[0040] In addition, in the existing layout management scheme, after the window is closed, the display and hiding of the window can only be controlled through the right-click menu of the title bar, and cannot be directly controlled on the layout interface, resulting in a poor user operation experience.

[0041] To solve the above technical problems, the present application provides a management method, a readable storage medium, and a program product for a layout interface. The layout interface includes multiple auxiliary window areas for arranging window splitting containers, and the layout interface corresponds to a tree management structure. The nodes in the tree management structure and the window splitting containers in the layout interface are in a one-to-one correspondence relationship. The parent-child relationship between the nodes in the tree management structure is used to represent the container inclusion relationship between the window splitting containers. Each node is used to save the layout information of the corresponding window splitting container. In this way, based on the layout information of the layout interface saved in the tree management structure, the layout interface can be displayed. When adding a new window to the layout interface and the addition position of the new window falls into the target auxiliary window area, based on the addition position of the new window, the container layout method and the container inclusion relationship of the target window splitting container to be created can be determined. Based on the container layout method of the target window splitting container to be created, a target window splitting container for accommodating the new window can be created on the layout interface. Using the target window splitting container, not only can the new window be added to the layout interface, but also based on the container layout method of the target window splitting container, the window can be flexibly placed, so that the auxiliary window area includes at least two sub-areas with different container layout methods. Based on the container inclusion relationship, the tree management structure can be updated, so that the tree management structure can save the layout information of the latest layout interface. Thus, by displaying the layout interface based on the updated tree management structure, a layout interface after arbitrary combination of windows can be obtained.

[0042] For example, the management method of the layout interface provided by the present application can implement Figure 2 and Figure 3 The schemes shown. Specifically, as Figure 2As shown in the figure, the layout interface is divided into a left area, a right area, an upper area, and a central area. The left area can be divided into two left sub-areas, and windows can be placed vertically in these two left sub-areas. As Figure 3 As shown in the figure, the layout interface is divided into a left area, a right area, an upper area, and a central area. The left area can be divided into an upper left sub-area, an upper right sub-area, and a lower left sub-area. Windows can be placed horizontally in the upper left sub-area and the upper right sub-area.

[0043] It should be noted that the application scenarios described in the embodiments of the present application above are for more clearly explaining the technical solutions of the embodiments of the present application, and do not constitute a limitation on the technical solutions provided by the embodiments of the present application. Those of ordinary skill in the art know that with the emergence of new application scenarios, the technical solutions provided by the embodiments of the present application are equally applicable to similar technical problems. The layout interface management method provided by the embodiments of the present application can be applied to various application scenarios that require management of the layout interface.

[0044] The following introduces the layout interface management method provided by the embodiments of the present application. In actual applications, the execution subject of the layout interface management method of the embodiments of the present application can be an electronic device. The electronic device can be equipped with a display screen, so that the layout interface can be displayed on the display screen.

[0045] First, the layout interface is introduced. The layout interface in this embodiment includes multiple auxiliary window areas.

[0046] There can be multiple ways to divide multiple auxiliary window areas on the layout interface. For example, as Figure 4 As shown in the figure, there are 4 auxiliary window areas on the layout interface. Among them, the auxiliary window areas are used to arrange window split containers, and each auxiliary window area includes at least two sub-areas with different container layout methods. Figure 7 Schematically shows a way to divide the auxiliary window area into multiple auxiliary window sub-areas.

[0047] Figure 5 Shows a schematic flowchart of the layout interface management method provided by an embodiment of the present application. As Figure 5 As shown in the figure, the method includes steps S501 to S504.

[0048] In step S501, based on the layout information saved in the tree management structure, the layout interface is displayed. The nodes in the tree management structure and the window split containers in the layout interface are in a one-to-one correspondence relationship. The parent-child relationship between the nodes in the tree management structure is used to represent the container inclusion relationship between the window split containers, and each node is used to save the layout information of the corresponding window split container.

[0049] Among them, the layout interface can be an interface used to arrange and organize various elements (windows, texts, images, buttons, menus, etc.) in software, web pages, or other digital product designs.

[0050] Among them, each node in the tree management structure also stores the depth information of the node in the tree management structure. For example, the depth information of the root node in the tree management structure can be 0, and the depth information of the child nodes of the root node can be 1, and so on.

[0051] Among them, the layout information of the window splitter container includes the number of windows in the window splitter container, the size of the windows, the layout method of the windows, as well as the position information of the window splitter container on the layout interface, the container layout method, and so on.

[0052] Optionally, the window splitter container can divide the layout interface into multiple resizable regions, so that windows can be placed in the resizable regions. In the embodiments of the present application, a window splitter container is arranged in the auxiliary window area, so that the window splitter container can be used to divide the auxiliary window area into multiple resizable regions, so that windows can be placed flexibly.

[0053] In the actual application process, the window splitter container can be a Splitter container. By using the Splitter container, the auxiliary window area can be divided into multiple resizable sub-regions, so that windows can be placed in the resizable sub-regions. Of course, by using the Splitter container, a window can also be divided into multiple resizable sub-regions, so that new windows can be added to the window.

[0054] As Figure 6 shown, when the Splitter container accommodates two windows, the two windows can be tiled horizontally in the Splitter container or tiled vertically in the Splitter container. For the layout method of tiling two windows horizontally in the Splitter container, it can be called a horizontal layout, and for the layout method of tiling two windows vertically in the Splitter container, it can be called a vertical layout.

[0055] In practical applications, the Splitter container can inherit the basic properties of the DockBase class, where the DockBase class is a type of window container class, and the Splitter container can be inherited from the DockBase class.

[0056] In step S502, in response to the addition operation of a new window, determine the addition position of the new window on the layout interface.

[0057] For example, when the user adds a new window on the layout interface, the electronic device can respond to the user's addition operation to determine the addition position of the new window on the layout interface.

[0058] In step S503, when the addition position falls within the target secondary window area, based on the addition position, determine the container layout mode and container inclusion relationship of the target window split container to be created, where the target secondary window area is any one of the multiple secondary window areas.

[0059] Such as Figure 4 As shown, the layout interface further includes a main window area. Since the main window area is in the central area of the layout interface, the main window with the most attractive content to the user can be placed in the main window area, which can facilitate the user to directly focus on the content in the main window.

[0060] For example, in the actual application process, the main window area can occupy more than 60% of the entire layout interface.

[0061] Next, the process of determining the container layout mode of the target window split container to be created will be introduced.

[0062] When the addition position falls within the target secondary window area, based on the addition position, determining the container layout mode of the target window split container to be created can have multiple implementation manners.

[0063] In one embodiment, when there is no window arranged in the target secondary window area, if the target secondary window area and the main window area are in the same horizontal direction, determine the container layout mode of the target window split container to be created as a horizontal layout, so that the new window and the main window can be tiled horizontally in the target window split container.

[0064] In another embodiment, when there is no window arranged in the target secondary window area, if the target secondary window area and the main window area are in the same vertical direction, determine the container layout mode of the target window split container to be created as a vertical layout, so that the new window and the main window can be tiled vertically in the target window split container.

[0065] In yet another embodiment, when there is a secondary window arranged in any sub - area of the target secondary window area, based on the sub - area of the secondary window area where the addition position falls, determine the container layout mode of the target window split container to be created, where the secondary window includes multiple sub - areas.

[0066] When the added position falls within the auxiliary window, that is, when a new window is added in the auxiliary window, based on the sub-region of the auxiliary window where the added position falls, determine the container layout mode of the target window split container to be created. In this way, it is possible to determine the container layout mode of the target window split container to be created more conveniently and quickly.

[0067] Among them, the auxiliary window includes multiple auxiliary window sub-regions. Specifically, as Figure 7 shown, when there is an auxiliary window arranged in the target auxiliary window region, the multiple auxiliary window sub-regions include: an auxiliary window center sub-region, a first auxiliary window sub-region, a second auxiliary window sub-region, a third auxiliary window sub-region, and a fourth auxiliary window sub-region. The first auxiliary window sub-region and the second auxiliary window sub-region are respectively located on both sides in the horizontal direction of the auxiliary window center sub-region, and the third auxiliary window sub-region and the fourth auxiliary window sub-region are respectively located on both sides in the vertical direction of the auxiliary window center sub-region.

[0068] Based on the sub-region of the auxiliary window where the added position falls, there are various implementation manners to determine the container layout mode of the target window split container to be created.

[0069] In one embodiment, when the added position falls within the first auxiliary window sub-region or the second auxiliary window sub-region, determine that the container layout mode of the target window split container to be created is a horizontal layout.

[0070] In another embodiment, when the added position falls within the third auxiliary window sub-region or the fourth auxiliary window sub-region, determine that the container layout mode of the target window split container to be created is a vertical layout.

[0071] In the above embodiments, based on the sub-region of the auxiliary window where the added position falls, determine the container layout mode of the target window split container to be created. In this way, not only can the container layout mode of the target window split container to be created be determined more quickly, but also the user's addition operation can be better responded to, resulting in a better user experience.

[0072] Next, introduce the process of determining the container inclusion relationship of the target window split container to be created.

[0073] When the added position falls within the target auxiliary window region, based on the added position, there are various implementation manners to determine the container inclusion relationship of the target window split container to be created.

[0074] In one embodiment, when there is no window arranged in the target auxiliary window region and the added position falls within the auxiliary window region, determine that the container inclusion relationship is a first inclusion relationship, and the first inclusion relationship is that the target window split container to be created includes the main window split container.

[0075] Among them, the main window splitting container can be a Splitter container with a horizontal layout.

[0076] Specifically, for the layout interface, when a main window is arranged in the main window area, no window is arranged in the target secondary window area, and the addition position falls into the secondary window area, it indicates that a new window is added to the secondary window area.

[0077] At this time, a target window splitting container needs to be created on the layout interface. The target window splitting container to be created is used to accommodate and manage the main window and the new window, so that the main window and the new window can be displayed on the layout interface in a predetermined layout manner. Therefore, based on the above analysis, it can be obtained that the target window splitting container to be created includes the main window splitting container.

[0078] In another embodiment, when a secondary window is arranged in the target secondary window area and the addition position falls into the sub - area where the secondary window is located, the container inclusion relationship is determined to be the second inclusion relationship. The second inclusion relationship is that the window splitting container corresponding to the secondary window includes the target window splitting container to be created.

[0079] For the layout interface, when a secondary window is arranged in the target secondary window area and the addition position falls into the sub - area where the secondary window is located, it indicates that a new window is added to the secondary window.

[0080] At this time, a target window splitting container needs to be created on the layout interface. The target window splitting container to be created is used to accommodate and manage the secondary window and the new window, so that the secondary window and the new window can be displayed in the sub - area where the secondary window is located on the layout interface in a predetermined layout manner. Therefore, the window splitting container corresponding to the secondary window, that is, the window splitting container that manages the secondary window and the main window, includes the target window splitting container to be created.

[0081] To better understand the second inclusion relationship, the following will be further illustrated with specific examples.

[0082] For example, for the layout interface, a main window is arranged in the main window area, and a secondary window, that is, the first secondary window, is arranged in the target secondary window area, and no window is arranged in other secondary window areas. At this time, the layout interface arranges the first secondary window and the main window.

[0083] For the window splitting container, a total window splitting container needs to be set on the layout interface. The total window splitting container is used to manage and accommodate the first secondary window and the main window.

[0084] When the addition position falls within the sub-region where the first auxiliary window is located, it indicates that the new window is added to the first auxiliary window. At this time, the target window split container to be created is used to accommodate and manage the new window and the first auxiliary window. The total window split container is used to accommodate and manage the new window, the first auxiliary window, and the main window. Therefore, the total window split container, that is, the window split container corresponding to the first auxiliary window, contains the target window split container to be created.

[0085] For another example, for the layout interface, the main window is arranged in the main window area, and two auxiliary windows, namely the first auxiliary window and the second auxiliary window, are arranged in the target auxiliary window area, and no window is arranged in other auxiliary window areas. At this time, the layout interface is arranged with the first auxiliary window, the second auxiliary window, and the main window.

[0086] For the window split container, an auxiliary window split container is set on the layout interface, and this auxiliary window split container is used to accommodate and manage the first auxiliary window and the second auxiliary window. And a total window split container is also set on the layout interface, and this total window split container contains the auxiliary window split container.

[0087] When the addition position falls within the sub-region where the second auxiliary window is located, it indicates that the new window is added to the second auxiliary window. At this time, the target window split container to be created is used to accommodate and manage the new window and the second auxiliary window, while the auxiliary window split container is used to manage and accommodate the first auxiliary window, the second auxiliary window, and the new window. Therefore, the auxiliary window split container, that is, the window split container corresponding to the second auxiliary window, contains the target window split container to be created.

[0088] In another embodiment, when the addition position falls within the central sub-region of the auxiliary window, a superimposed container is created, and the container inclusion relationship is determined as the third inclusion relationship. The third inclusion relationship is that the window split container corresponding to the auxiliary window contains the superimposed container, and the new window and the auxiliary window are layered in the superimposed container.

[0089] Since the central sub-region is in the central area of the auxiliary window, the window placed in the central sub-region can display relatively important content. When the addition position falls within the central sub-region of the auxiliary window, a superimposed container is created, and the new window and the auxiliary window are layered in the superimposed container. In this way, without changing the sizes of the new window and the auxiliary window, the content in the new window or the auxiliary window can be better displayed by using the central sub-region.

[0090] Among them, multiple windows can be layered in the superimposed container, and the superimposed container can present multiple windows in the form of tabs. The user can quickly switch windows by clicking different tabs, so that multiple windows can be efficiently organized and displayed within the limited screen space.

[0091] Optionally, the overlay container can be a TabWidget container. Multiple windows can be stacked in the TabWidget container, and different windows can be switched through tab identifiers. For example Figure 8 As shown, two windows are stacked in the TabWidget container, and the two windows are the first window and the second window respectively. The first window can be displayed through tab identifier 1, and the second window can be displayed through tab identifier 2.

[0092] In step S504, based on the container layout method of the target window splitting container, a target window splitting container for accommodating the new window is created at the addition position, and the tree management structure is updated based on the container inclusion relationship of the target window splitting container.

[0093] Next, the process of updating the tree management structure based on the container inclusion relationship of the target window splitting container will be introduced.

[0094] In one embodiment, when the container inclusion relationship is the first inclusion relationship, a new root node is created. The new root node is used to save the layout information of the target window splitting container, and the root node is updated to be a child node of the new root node.

[0095] Since the first inclusion relationship means that the target window splitting container to be created contains the main window splitting container, it indicates that the node in the tree management structure corresponding to the target window splitting container to be created is the parent node of the root node. Therefore, when the container inclusion is the first inclusion relationship, a new root node is created, and the new root node is used to save the layout information of the target window splitting container, so that the tree management structure can be updated quickly and accurately.

[0096] To better understand the above process, a specific example will be further described below.

[0097] For example, in the case where there is a main window arranged in the main window area, no window is arranged in the target auxiliary window area, and no window is arranged in other auxiliary window areas, only the main window splitting container is arranged in the layout interface. For the tree management structure at this time, there is only a root node, and the root node saves the layout information of the main window splitting container.

[0098] When the container inclusion relationship is the first inclusion relationship, that is, the target window splitting container to be created contains the main window splitting container, a new root node needs to be created for the tree management structure to save the layout information of the target window splitting container through the new root node, and the root node is updated to be a child node of the new root node.

[0099] In another embodiment, when the container inclusion relationship is the second inclusion relationship, a first new child node is split from the node corresponding to the auxiliary window. The first new child node is used to save the layout information of the target window splitting container.

[0100] Since the second inclusion relationship is that the window splitting container corresponding to the secondary window contains the target window splitting container to be created, it is necessary to split out the first new child node from the node corresponding to the secondary window so that the first new child node can store the layout information of the target window splitting container.

[0101] To better understand the above process, the following uses a specific example for further illustration.

[0102] For example, for the layout interface, the main window area is arranged with a main window, the target secondary window area is arranged with a secondary window, that is, the first secondary window, and no windows are arranged in other secondary window areas. At this time, the layout interface is arranged with the first secondary window and the main window.

[0103] For the window splitting container, a total window splitting container is set on the layout interface, and the total window splitting container is used to manage and accommodate the first secondary window and the main window.

[0104] For the tree management structure, the tree management structure includes a root node, which is used to store the layout information of the total window splitting container.

[0105] Therefore, when the container inclusion relationship is the second inclusion relationship, that is, the window splitting container corresponding to the first secondary window contains the target window splitting container to be created, it is necessary to split out the first new child node from the root node, and the first new child node is used to store the layout information of the target window splitting container.

[0106] Another example, for the layout interface, the main window area is arranged with a main window, the target secondary window area is arranged with two secondary windows, that is, the first secondary window and the second secondary window, and no windows are arranged in other secondary window areas. At this time, the layout interface is arranged with the first secondary window, the second secondary window and the main window.

[0107] For the window splitting container, a secondary window splitting container is set on the layout interface, and the secondary window splitting container is used to accommodate and manage the first secondary window and the second secondary window. And a total window splitting container is also set on the layout interface, and the total window splitting container contains the secondary window splitting container, and the total window splitting container can accommodate and manage the first secondary window, the second secondary window and the main window.

[0108] For the tree management structure, the layout information of the total window splitting container is stored in the root node, and the layout information of the secondary window splitting container is stored in the child node corresponding to the root node.

[0109] If the added position falls within the sub-region where the second auxiliary window is located, it indicates that the new window is added to the second auxiliary window. At this time, the target window split container to be created is used to accommodate and manage the new window and the second auxiliary window. Then, there is a window split container corresponding to the second auxiliary window, that is, the auxiliary window split container contains the target window split container.

[0110] Therefore, when the container inclusion relationship is the second inclusion relationship, that is, the window split container corresponding to the second auxiliary window contains the target window split container to be created, it is necessary to split a first new sub-node from the node corresponding to the second auxiliary window, that is, the above-mentioned sub-node. The first new sub-node is used to save the layout information of the target window split container.

[0111] In another embodiment, when the container inclusion relationship is the third inclusion relationship, a second new sub-node is split from the node corresponding to the auxiliary window. The second new sub-node is used to save the layout information of the overlay container. Through the second new sub-node, the layout information of the overlay container can be saved in a timely manner, so that the tree management structure can be updated quickly and accurately. Subsequently, based on the updated tree management structure, the layout interface is displayed, and any combination of layout interfaces can be obtained.

[0112] In this embodiment, splitting the second new sub-node from the node corresponding to the auxiliary window can refer to the process of splitting the first new sub-node from the node corresponding to the auxiliary window above, which will not be elaborated here one by one.

[0113] In order to better understand the tree management structure in this application, a specific embodiment is used below to introduce the tree management structure in this application.

[0114] As Figure 9 shown, it is a schematic structural diagram of a layout interface. First, the Figure 9 shown layout interface is introduced. This layout interface includes a main window area and two auxiliary window areas. The numbers 1, 2, 3, 4, 5, 6, 7, 8, and 9 on this layout interface are respectively used to represent windows.

[0115] The first step: In response to the user's operation of adding window 1, a horizontal window split container A is created based on the added position of window 1 on the layout interface. The window split container A is used to accommodate window 1.

[0116] At this time, as Figure 10 shown, a root node is created for the tree management structure, and the root node is used to save the layout information of the window split container A.

[0117] Step 2: In response to the user's operation of adding Window 2, determine the adding position of Window 2 on the layout interface. Since the adding position of Window 2 falls within the first secondary window area, and the first secondary window area and the main window area are in the same horizontal direction, create a horizontal window splitting container B, and the window splitting container B contains the window splitting container A.

[0118] At this time, since the window splitting container B contains the window splitting container A, create a new root node for the tree management structure, and the new root node stores the layout information of the window splitting container B. The root node in Step 1 is updated to a child node of the new root node, as Figure 10 shown, the root node, that is, the first node, is a child node of the new root node.

[0119] Window 2 includes multiple secondary window sub-areas as Figure 7 shown.

[0120] Step 3: In response to the user's operation of adding Window 4, determine the adding position of Window 4 on the layout interface. Since the adding position of Window 4 falls within the fourth secondary window sub-area in Window 2, create a vertical window splitting container C. The window splitting container B contains the window splitting container C, and the window splitting container C accommodates and manages Window 2 and Window 4.

[0121] At this time, as Figure 10 shown, split out a second node from the new root node, and store the layout information of the window splitting container C through the second node.

[0122] Due to the addition of Window 4, Window 4 and Window 2 will be tiled vertically in the first secondary window area. Due to the adjustment of the area where Window 2 is located, the multiple secondary window sub-areas included in Window 2 will also be adjusted.

[0123] Step 4: In response to the user's operation of adding Window 3, determine the adding position of Window 3 on the layout interface. Since the adding position of Window 3 falls within the fourth secondary window sub-area in the adjusted Window 2, create a vertical window splitting container D. The window splitting container C contains the window splitting container D, and the window splitting container D accommodates and manages Window 2 and Window 3.

[0124] At this time, as Figure 10 shown, split out a third node from the second node, and store the layout information of the window splitting container D through the third node.

[0125] Window 4 includes multiple secondary window sub-areas as Figure 7 shown.

[0126] Step 5: In response to the user's operation of adding Window 5, determine the adding position of Window 5 on the layout interface. Since the adding position of Window 5 falls into the second auxiliary window sub-region in Window 4, create a horizontal window splitting container E. The window splitting container C contains the window splitting container E, and the window splitting container E accommodates and manages Window 4 and Window 5.

[0127] At this time, as Figure 10 shown, split the fourth node from the second node, and save the layout information of the window splitting container E through the fourth node.

[0128] Regarding the adding processes of Window 6, Window 7, Window 8, and Window 9, the adding processes of the above-mentioned Window 1, Window 2, Window 3, Window 4, and Window 5 can be referred to, and will not be elaborated here one by one. By adding Window 6, Window 7, Window 8, and Window 9 on the layout interface, the fifth node, the sixth node, and the seventh node can be obtained through splitting.

[0129] Through the above steps, as Figure 11 shown, the layout information of the window can be saved using the tree management structure.

[0130] Next, the process of creating a target window splitting container for accommodating a new window at the adding position based on the container layout method of the target window splitting container will be introduced.

[0131] In one embodiment, when the container layout method of the target window splitting container to be created is a horizontal layout, a target window splitting container with a horizontal layout is created.

[0132] In another embodiment, when the container layout method of the target window splitting container to be created is a vertical layout, a target window splitting container with a vertical layout is created.

[0133] In this application, when a new window is added on the layout interface and the adding position of the new window falls into the target auxiliary window region, based on the adding position of the new window, the container layout method and the container inclusion relationship of the target window splitting container to be created can be determined. Based on the container layout method of the target window splitting container to be created, a target window splitting container for accommodating the new window can be created on the layout interface. Using the target window splitting container, the new window can be added on the layout interface, and the window can also be flexibly placed based on the container layout method of the target window splitting container, so that there are at least two sub-regions with different container layout methods in the auxiliary window region. Based on the container inclusion relationship, the tree management structure can be updated, so that the tree management structure can save the layout information of the latest layout interface. Thus, by displaying the layout interface based on the updated tree management structure, a layout interface after any combination of windows can be obtained.

[0134] In an alternative embodiment of the present application, the method of the present application further includes: creating a window task bar for each auxiliary window area; in response to a hiding operation of a target window, determining the window task bar corresponding to the target window based on the layout information of the window split container saved in the tree management structure, where the target window is any window on the target window layout interface; hiding the target window and displaying the window icon corresponding to the target window in the corresponding window task bar.

[0135] As Figure 4 shown, a title bar is provided on the layout interface, and each auxiliary window area corresponds to a window task bar.

[0136] When the user hides the target window, in response to the user's hiding operation, the target window is hidden, and based on the layout information of the window split container saved in the tree management structure, the window task bar corresponding to the target window is determined, and the window icon corresponding to the target window is displayed in the corresponding window task bar. In this way, it is more convenient to hide the window on the layout interface. Since each auxiliary window area corresponds to a window task bar, when it is necessary to display the target window subsequently, the window icon corresponding to the target window can be determined more quickly from the corresponding window task bar, so that the target window can be displayed on the layout interface more quickly.

[0137] Based on the layout interface management method provided in the above embodiment, correspondingly, the present application also provides a specific implementation manner of the layout interface management device.

[0138] It should be noted that the layout interface management device is a device corresponding to the above layout interface management method. All implementation manners in the above method embodiments are applicable to the embodiments of this device and can achieve the same technical effects, which will not be elaborated here.

[0139] As Figure 12 shown, the layout interface management device provided in the embodiment of the present application. The layout interface includes multiple auxiliary window areas, and the auxiliary window areas are used to arrange window split containers. Each auxiliary window area includes at least two sub-areas with different container layout manners.

[0140] The device includes a display module 1210, a first determination module 1220, a second determination module 1230, and an update module 1240.

[0141] The display module 1210 can be used to display the layout interface based on the layout information saved in the tree management structure. The nodes in the tree management structure and the window split containers in the layout interface are in a one-to-one correspondence relationship. The parent-child relationship between the nodes in the tree management structure is used to represent the container inclusion relationship between the window split containers, and each node is used to save the layout information of the corresponding window split container.

[0142] The first determination module 1220 is configured to determine the added position of the new window on the layout interface in response to the addition operation of the new window.

[0143] The second determination module 1230 is configured to, when the added position falls within the target secondary window area, determine the container layout mode and container inclusion relationship of the target window split container to be created based on the added position, where the target secondary window area is any one of multiple secondary window areas.

[0144] The update module 1240 is configured to create a target window split container for accommodating the new window at the added position based on the container layout mode of the target window split container, and update the tree management structure based on the container inclusion relationship of the target window split container.

[0145] In one embodiment, the layout interface further includes a main window area where a main window split container is arranged; the second determination module is further configured to, when no window is arranged in the target secondary window area and the added position falls within the secondary window area, determine that the container inclusion relationship is the first inclusion relationship, where the first inclusion relationship is that the target window split container to be created includes the main window split container; when a secondary window is arranged in the target secondary window area and the added position falls within the sub-area where the secondary window is located, determine that the container inclusion relationship is the second inclusion relationship, where the second inclusion relationship is that the window split container corresponding to the secondary window includes the target window split container to be created.

[0146] In one embodiment, the root node of the tree management structure stores the layout information of the main window split container; the update module, when the container inclusion relationship is the first inclusion relationship, creates a new root node for storing the layout information of the target window split container, and updates the root node to be a child node of the new root node; when the container inclusion relationship is the second inclusion relationship, splits out a first new child node from the node corresponding to the secondary window, where the first new child node is used to store the layout information of the target window split container.

[0147] In one embodiment, the second determination module is further configured to, when a secondary window is arranged in any sub-area of the target secondary window area, determine the container layout mode of the target window split container to be created based on the sub-area of the secondary window area where the added position falls, where the secondary window includes multiple secondary window sub-areas.

[0148] In one embodiment, when a secondary window is arranged in the target secondary window area, the multiple secondary window sub-areas include: a secondary window center sub-area, a first secondary window sub-area, a second secondary window sub-area, a third secondary window sub-area, and a fourth secondary window sub-area. The first secondary window sub-area and the second secondary window sub-area are respectively located on both sides in the lateral direction of the secondary window center sub-area, and the third secondary window sub-area and the fourth secondary window sub-area are respectively located on both sides in the longitudinal direction of the secondary window center sub-area. The second determination module is further configured to determine that the container layout mode of the target window split container to be created is a horizontal layout when the addition position falls into the first secondary window sub-area or the second secondary window sub-area; and determine that the container layout mode of the target window split container to be created is a vertical layout when the addition position falls into the third secondary window sub-area or the fourth secondary window sub-area.

[0149] In one embodiment, the apparatus further includes a first creation module. When the addition position falls into the secondary window center sub-area, the first creation module creates a superimposed container, determines that the container inclusion relationship is a third inclusion relationship, where the third inclusion relationship is that the window split container corresponding to the secondary window includes the superimposed container, and places the new window and the secondary window layer in the superimposed container.

[0150] In one embodiment, the apparatus further includes a splitting module. When the container inclusion relationship is a third inclusion relationship, the splitting module splits a second new sub-node from the node corresponding to the secondary window, and the second new sub-node is used to store the layout information of the superimposed container.

[0151] In one embodiment, the apparatus further includes a second creation module, a third determination module, and a hiding module. The second creation module can be used to create a window task bar for each secondary window area. The third determination module can be used to, in response to a hiding operation of a target window, determine the window task bar corresponding to the target window based on the layout information of the window split container saved in the tree-shaped management structure, where the target window is any window on the target window layout interface. The hiding module can be used to hide the target window and display the window icon corresponding to the target window in the corresponding window task bar.

[0152] Figure 13 The figure shows a schematic hardware structure diagram of an electronic device provided by an embodiment of the present application.

[0153] The electronic device may include a processor 1301 and a memory 1302 storing computer program instructions.

[0154] Specifically, the above-mentioned processor 1301 may include a central processing unit (CPU), or an application specific integrated circuit (ASIC), or one or more integrated circuits configured to implement the embodiments of the present application.

[0155] The memory 1302 may include a mass storage for data or instructions. By way of example and not limitation, the memory 1302 may include a hard disk drive (HDD), a floppy disk drive, a flash memory, an optical disk, a magneto-optical disk, a magnetic tape, or a universal serial bus (USB) drive, or a combination of two or more of these. Where appropriate, the memory 1302 may include removable or non-removable (or fixed) media. Where appropriate, the memory 1302 may be internal or external to the integrated gateway disaster recovery device. In a particular embodiment, the memory 1302 is a non-volatile solid-state memory.

[0156] The memory may include a read-only memory (ROM), a random access memory (RAM), a magnetic disk storage media device, an optical storage media device, a flash memory device, an electrical, optical, or other physical / tangible memory storage device. Thus, generally, the memory includes one or more tangible (non-transitory) computer-readable storage media (e.g., memory devices) encoded with software including computer-executable instructions, and when the software is executed (e.g., by one or more processors), it is operable to perform the operations described with reference to the method according to the first aspect of the present application.

[0157] The processor 1301 realizes the management method of any one of the layout interfaces in the above embodiments by reading and executing the computer program instructions stored in the memory 1302.

[0158] In one example, the electronic device may further include a communication interface 1303 and a bus 1310. Among them, as Figure 13 shown, the processor 1301, the memory 1302, and the communication interface 1303 are connected through the bus 1310 and complete communication with each other.

[0159] The communication interface 1303 is mainly used to realize the communication between the modules, devices, units, and / or devices in the embodiments of the present application.

[0160] The bus 1310 includes components of hardware, software, or both that are coupled to each other. By way of example and not limitation, the bus may include an Accelerated Graphics Port (AGP) or other graphics bus, an Enhanced Industry Standard Architecture (EISA) bus, a Front Side Bus (FSB), a HyperTransport (HT) interconnect, an Industry Standard Architecture (ISA) bus, an InfiniBand interconnect, a Low Pin Count (LPC) bus, a memory bus, a MicroChannel Architecture (MCA) bus, a Peripheral Component Interconnect (PCI) bus, a PCI-Express (PCI-X) bus, a Serial Advanced Technology Attachment (SATA) bus, a Video Electronics Standards Association Local (VLB) bus, or other suitable buses or a combination of two or more of these. Where appropriate, the bus 1310 may include one or more buses. Although embodiments of the present application describe and illustrate specific buses, the present application contemplates any suitable bus or interconnect.

[0161] The electronic device can execute the management method of the layout interface in the embodiments of the present application, thereby implementing the combination of Figures 4 to 11 the management method of the layout interface described.

[0162] In addition, in combination with the management method of the layout interface in the above embodiments, embodiments of the present application can be implemented by providing a computer storage medium. Computer program instructions are stored on the computer storage medium; when the computer program instructions are executed by a processor, any one of the management methods of the layout interface in the above embodiments is implemented.

[0163] Embodiments of the present application also provide a computer program product, including a computer program, which when executed by a processor implements any one of the management methods of the layout interface in the above embodiments.

[0164] It should be clear that the present application is not limited to the specific configurations and processes described above and shown in the figures. For the sake of brevity, detailed descriptions of known methods are omitted here. In the above embodiments, several specific steps are described and shown as examples. However, the method process of the present application is not limited to the specific steps described and shown, and those skilled in the art can make various changes, modifications, and additions, or change the order between steps after understanding the spirit of the present application.

[0165] The functional blocks shown in the above-described structural block diagrams can be implemented as hardware, software, firmware, or a combination thereof. When implemented in hardware, it can be, for example, an electronic circuit, an application specific integrated circuit (ASIC), appropriate firmware, a plug-in, a functional card, and so on. When implemented in software, the elements of the present application are programs or code segments used to perform the required tasks. The program or code segment can be stored in a machine-readable medium, or transmitted over a transmission medium or communication link via a data signal carried in a carrier wave. A "machine-readable medium" can include any medium that can store or transmit information. Examples of machine-readable media include electronic circuits, semiconductor memory devices, ROM, flash memory, erasable ROM (EROM), floppy disks, CD-ROMs, optical disks, hard disks, fiber optic media, radio frequency (RF) links, and so on. The code segment can be downloaded via a computer network such as the Internet, an intranet, and so on.

[0166] It should also be noted that the exemplary embodiments mentioned in the present application describe some methods or systems based on a series of steps or devices. However, the present application is not limited to the order of the above steps, that is, the steps can be executed in the order mentioned in the embodiments, or different from the order in the embodiments, or several steps can be executed simultaneously.

[0167] Aspects of the present application have been described above with reference to the flowcharts and / or block diagrams of methods, apparatuses (systems), and computer program products according to embodiments of the present application. It should be understood that each block in the flowcharts and / or block diagrams, and the combinations of blocks in the flowcharts 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, a special-purpose computer, or other programmable data processing device to produce a machine, such that the instructions executed by the processor of the computer or other programmable data processing device enable the implementation of the functions / actions specified in one or more blocks of the flowchart and / or block diagram. Such a processor can be, but is not limited to, a general-purpose processor, a special-purpose processor, a special application processor, or a field programmable logic circuit. It can also be understood that each block in the block diagram and / or flowchart, and the combinations of blocks in the block diagram and / or flowchart, can also be implemented by dedicated hardware that performs the specified functions or actions, or by a combination of dedicated hardware and computer instructions.

[0168] As described above, this is only the specific implementation manner of the present application. Those skilled in the art can clearly understand that for the convenience and brevity of description, the specific working processes of the systems, modules, and units described above can refer to the corresponding processes in the foregoing method embodiments, and will not be elaborated herein. It should be understood that the protection scope of the present application is not limited thereto. Any person skilled in the art within the technical scope disclosed by the present application can easily think of various equivalent modifications or substitutions, and these modifications or substitutions should all be covered within the protection scope of the present application.

Claims

1. A method for managing a layout interface, characterized in that: The layout interface includes a plurality of auxiliary window areas, the auxiliary window areas are used to arrange window splitting containers, each of the auxiliary window areas includes at least two sub-areas with different container layout modes, and the method includes: Based on the layout information stored in the tree management structure, the layout interface is displayed, the nodes in the tree management structure and the window splitting containers in the layout interface are in a one-to-one correspondence, the parent-child relationship between the nodes in the tree management structure is used to represent the container inclusion relationship between the window splitting containers, and each node is used to store the layout information of the corresponding window splitting container; In response to an operation of adding a new window, determining an adding position of the new window on the layout interface; In the case where the adding position falls within the target auxiliary window area, determining the container layout mode and container inclusion relationship of the target window segmentation container to be created based on the adding position, the target auxiliary window area being any one of the multiple auxiliary window areas; Based on the container layout mode of the target window split container, the target window split container for accommodating the new window is created at the adding position, and based on the container inclusion relationship of the target window split container, the tree management structure is updated.

2. The method according to claim 1, characterized in that The layout interface also includes a main window area, and the main window area is arranged with a main window split container; In the case where the adding position falls within the target auxiliary window area, determining the container inclusion relationship of the target window segmentation container to be created based on the adding position includes: In the case where no window is arranged in the target auxiliary window area and the adding position falls into the auxiliary window area, determining that the container inclusion relationship is a first inclusion relationship, wherein the first inclusion relationship is that the target window split container to be created includes the main window split container; When an auxiliary window is arranged in the target auxiliary window area and the adding position falls into the sub-area where the auxiliary window is located, it is determined that the container inclusion relationship is a second inclusion relationship, and the second inclusion relationship is that the window split container corresponding to the auxiliary window includes the target window split container to be created.

3. The method according to claim 2, characterized in that The root node of the tree management structure stores the layout information of the main window split container; Based on the container inclusion relationship of the target window segmentation container, updating the tree management structure includes: In the case where the container inclusion relationship is the first inclusion relationship, creating a new root node, the new root node is used to store the layout information of the target window split container, and updating the root node to be a child node of the new root node; In the case where the container inclusion relationship is the second inclusion relationship, a first new child node is split from the node corresponding to the auxiliary window, and the first new child node is used to store the layout information of the target window split container.

4. The method according to claim 1, characterized in that: In the case where the adding position falls within the target auxiliary window area, determining a container layout mode of the target window split container to be created based on the adding position includes: In the case where an auxiliary window is arranged in any sub-area of ​​the target auxiliary window area, a container layout mode of the target window split container to be created is determined based on the auxiliary window sub-area where the adding position falls, wherein the auxiliary window includes multiple auxiliary window sub-areas.

5. The method according to claim 4, characterized in that In the case where an auxiliary window is arranged in the target auxiliary window area, the plurality of auxiliary window sub-areas include: an auxiliary window central sub-area, a first auxiliary window sub-area, a second auxiliary window sub-area, a third auxiliary window sub-area and a fourth auxiliary window sub-area, the first auxiliary window sub-area and the second auxiliary window sub-area are respectively located on both sides of the auxiliary window central sub-area in a horizontal direction, and the third auxiliary window sub-area and the fourth auxiliary window sub-area are respectively located on both sides of the auxiliary window central sub-area in a vertical direction; Determining a container layout mode of the target window split container to be created based on the auxiliary window sub-region where the adding position falls includes: When the adding position falls into the first auxiliary window sub-region or the second auxiliary window sub-region, determining that the container layout mode of the target window split container to be created is a horizontal layout; When the adding position falls into the third auxiliary window sub-region or the fourth auxiliary window sub-region, it is determined that the container layout mode of the target window split container to be created is a vertical layout.

6. The method according to claim 5, characterized in that The method further comprises: When the adding position falls into the central sub-area of ​​the auxiliary window, a superposition container is created, and the container inclusion relationship is determined to be a third inclusion relationship, wherein the third inclusion relationship is that the window splitting container corresponding to the auxiliary window includes the superposition container, and the new window and the auxiliary window layer are placed in the superposition container.

7. The method according to claim 6, characterized in that The method further comprises: In the case where the container inclusion relationship is the third inclusion relationship, a second new child node is split from the node corresponding to the auxiliary window, and the second new child node is used to store the layout information of the superimposed container.

8. The method according to any one of claims 1 to 7, characterized in that The method further comprises: Creating a window task bar for each of the auxiliary window areas; In response to a hiding operation of a target window, determining the window task bar corresponding to the target window and any window on the layout interface of the target window based on the layout information of the window split container stored in the tree management structure; The target window is hidden, and a window icon corresponding to the target window is displayed in the corresponding window task bar.

9. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer program instructions, and when the computer program instructions are executed by a processor, the method for managing a layout interface according to any one of claims 1 to 8 is implemented.

10. A computer program product, characterized in that When the instructions in the computer program product are executed by a processor of an electronic device, the electronic device executes the method for managing a layout interface as described in any one of claims 1 to 8.

Images