Window layout adjustment method and related apparatus

Abstract

The application provides a window layout adjustment method and related device. By implementing the method, after a user picks up all windows in an interface, the electronic device can provide the user with multiple window layout templates based on the number of windows in the current interface. The user can select a layout template from the multiple window layout templates according to his / her own expectations and browsing preferences. The multiple windows can be quickly and orderly displayed in the interface according to the area ratio, specific display shape, and specific display position of each window determined by the layout template, and each window will not block each other, so that the user can completely browse all the content displayed in each window. Through the method, the user can quickly and accurately adjust the multiple windows in the interface to the desired layout style through simple operations.

Description

Window layout adjustment method and related device

[0001] This application claims priority from the Chinese patent application No. 202410564451.1 filed on April 30, 2024, and entitled "Window layout adjustment method and related device", the whole content of which is incorporated herein by reference. TECHNICAL FIELD

[0002] The present application relates to the technical field of terminal screen projection, and in particular to a window layout adjustment method and related device. BACKGROUND

[0003] With the development of technology, computers, tablets and other electronic devices have become indispensable tools in people's daily life. When users use such products for work or entertainment, they often open multiple windows to obtain the information they want from multiple windows at the same time. For example, when working, users may open multiple document windows at the same time in order to copy and paste information from one document to another. Or when entertaining, users may open windows of social software, music software and other software at the same time in order to chat with others while listening to music and other entertainment activities.

[0004] When opening multiple windows to browse detailed information, users generally want to display the information of all the multiple windows on the interface at the same time, rather than minimizing some of the windows and switching between the windows multiple times to view. However, due to the limitations of the computer screen area, the user needs to adjust the area and position of each window to display multiple windows on the same interface while ensuring the browsing effect of each window. However, this adjustment operation generally takes a lot of time to complete, and the user experience is not good.

[0005] Therefore, how to provide a more quick and convenient window layout adjustment method for users is a problem to be solved. SUMMARY

[0006] The purpose of the present application is to provide a window layout adjustment method and related device. By implementing the method, after the user picks up all the windows in the interface, the electronic device can provide the user with multiple window layout templates based on the number of windows in the current interface. The user can select a layout template from the multiple window layout templates according to his own expectations and browsing preferences. The multiple windows can be quickly displayed in order in the interface according to the area ratio, specific display shape and specific display position specified by the layout template for each window, and each window will not block each other. The user can completely browse all the content displayed in each window. Through this method, the user can quickly and accurately adjust the multiple windows in the interface to the layout style he expects through simple operations.

[0007] The above objects and other objects are solved by the features of the independent claims. Further implementations provide the advantages mentioned if not conflicting with the objects.

[0008] In a first aspect, the present application provides a window layout adjustment method, comprising: in response to a first operation on a first interface, displaying a second interface, the first interface comprising a plurality of windows, the second interface comprising a first set of window thumbnails and at least one layout template, the first set of window thumbnails comprising thumbnails of the plurality of windows, the at least one layout template corresponding to a display manner of the plurality of application windows when displayed simultaneously on a screen; in response to a second operation on the first set of window thumbnails and a target layout template, displaying a third interface, the target layout template being any one of the at least one layout template, the third interface comprising at least two windows, the at least two windows being included in the plurality of windows, and the display manner of the at least two windows in the third interface being the same as the display manner corresponding to the target layout template.

[0009] In the present application, the plurality of windows in the first interface can be displayed in disorder in the first interface, and there can be overlapping parts between the plurality of windows in the first interface. After the user picks up the plurality of windows through the first operation, the electronic device can display the at least one layout template for the user in the second interface based on the total number of windows of the plurality of windows, and after the user selects one of the layout templates (i.e., the target layout template), the electronic device can display all or part of the plurality of windows (depending on the number of display areas provided by the target layout template) in the third interface according to the display manner corresponding to the layout template. In this way, the user can display the windows that he or she needs to browse in the layout that he or she expects without adjusting the windows one by one, which can effectively shorten the time for the user to adjust the window layout and provide a better user experience.

[0010] In the present method, the layout template can determine the area ratio of each window in the screen, the specific display shape, and the specific display position in the screen.

[0011] Optionally, the first operation can be a five-finger pinch operation of the user on the screen, i.e., the user spreads five fingers, contacts the screen with the fingertips of the five fingers, and then gathers the five fingers while keeping the fingers in contact with the screen.

[0012] Optionally, the second operation can be a click operation of the user on the target layout template.

[0013] With reference to the first aspect, in a possible implementation, in the third interface, there is no overlapping part between any two of the at least two windows.

[0014] To ensure that the user can completely browse the content displayed by each window in the third interface after the windows are sequentially displayed in the third interface by the layout template, in this embodiment, for any layout template provided by the electronic device for the user, there is no overlapping part between the display areas divided for each window. It can be understood that, when the at least two windows are displayed in the third interface by the target layout template, there is no overlapping part between any two of the at least two windows, and the user can completely browse the content displayed by each window in the at least two windows in the third interface.

[0015] Optionally, in the third interface, the total area proportion of the at least two windows in the third interface is greater than a preset threshold value. Specifically, the preset threshold value can be any value in 95%-100%. It can be understood that, under the premise of ensuring that the windows are not blocked, enlarging the area of the windows as much as possible can effectively improve the browsing experience of the user. Therefore, in this embodiment, when the at least two windows are sequentially displayed in the third interface by the layout template, under the premise of ensuring that the windows are not blocked, the electronic device can enlarge the display area of the at least two windows as much as possible, so that the at least two windows can cover the entire display screen as much as possible, reduce the waste of the display area, and improve the browsing experience of the user.

[0016] With reference to the first aspect, in a possible implementation, the at least one layout template includes at least one first layout template and at least one second layout template, the layout templates in the at least one first layout template all provide a number of display areas that is the same as the total number of windows of the plurality of windows, the layout templates in the at least one second layout template all provide a number of display areas that is less than the total number of windows of the plurality of windows, and the display third interface includes: in a case where the target layout template belongs to the at least one first layout template, displaying the plurality of windows in the third interface, and the display manner of the plurality of windows in the third interface is the same as the display manner corresponding to the target layout template; and in a case where the target layout template belongs to the at least one second layout template, displaying M windows of the plurality of windows in the third interface based on the number M of display areas provided by the target layout template, and the display manner of the M windows in the third interface is the same as the display manner corresponding to the target layout template.

[0017] In some scenarios, after a user opens multiple windows in an interface, the user can only want to browse the content presented by some of the windows at a later time, rather than all of the windows. Therefore, in this embodiment, after the user picks up all of the windows in the first interface by the first operation, the electronic device provides the user with a layout template in which the number of display areas is less than the total number of windows in the multiple windows (i.e., the at least one second layout template) in addition to the layout template in which the number of display areas is the same as the total number of windows in the multiple windows (i.e., the at least one first layout template).

[0018] The user can select a suitable template from the at least one first layout template or the at least one second layout template according to the number of windows that the user wants to browse at the same time, to sequentially display all or part of the multiple windows in the third interface.

[0019] Optionally, in the at least one second layout template, the number of display areas included in the layout template is at least 2 and at most N-1, where N is the number of windows corresponding to the multiple windows, i.e., the value of M is in the range of [2, (N-1)].

[0020] In combination with the first aspect, in a possible implementation, the M windows are M windows that are opened at a later time among the multiple windows; or the M windows are M windows that are operated at a later time by the user among the multiple windows.

[0021] It can be understood that, among the multiple windows opened by the user, the window that is opened at a later time or the window that is operated at a later time by the user is generally a window that is of higher interest to the current user. When the number of windows opened by the user is greater than the number of display areas provided by the layout template, the electronic device needs to determine a number of windows from the multiple windows to display. Therefore, in this embodiment, the electronic device can determine M windows that are opened at a later time or M windows that are operated at a later time by the user among the multiple windows as the M windows that are finally displayed in the third interface, to ensure that the windows in the third interface are windows of interest to the user as much as possible.

[0022] In combination with the first aspect, in a possible implementation, in the third interface, a first window of the multiple windows is displayed in a first area, and a second window is displayed in a second area. After the first interface is displayed, the method further includes: in response to a third operation on the first window, interchanging the display positions of the second window and the first window, the third operation being an operation of dragging the first window from the first area to the second area.

[0023] In the embodiment, after the user adjusts the layout of the at least two windows in the plurality of windows by the target layout template and displays the at least two windows in the third interface, if the user is not satisfied with the relative positions of the first window and the second window, the user can also drag the first window displayed in the first region onto the second region by the third operation to make the electronic device exchange the windows displayed in the two regions. In this way, the user can display each window at a position desired by the user according to personal preference without changing the overall window layout style.

[0024] With reference to the first aspect, in a possible implementation, after the third interface is displayed, the method further includes: in response to a fourth operation on the third interface, displaying a fourth interface, the fourth interface including a second window thumbnail set and a side region, the second window thumbnail set including thumbnails of the at least two windows; in response to a fifth operation on the second window thumbnail, displaying a sixth interface, the sixth interface including a first region and a second region, the first region including the at least two windows and a first layout template set, any layout template in the first layout template set providing a number of display regions equal to a total number of windows of the at least two windows, the second region including at least one application icon; in response to a click operation on a first icon in the at least one application icon, displaying a seventh interface, the seventh interface including the first region, the first region of the seventh interface including the at least two windows, a third window, and a second layout template set, the third window being a window opened by clicking the first icon, any layout template in the second layout template set providing a number of display regions equal to a total number of windows of the at least two windows and the third window; and in response to an operation on a third layout template in the second layout template set, displaying an eighth interface, the eighth interface including the at least two windows and the third window, the at least two windows and the third window in the eighth interface being displayed in a same manner as a display manner corresponding to the target layout template.

[0025] Specifically, the fourth operation can be the five-finger grabbing operation described above, and the fifth operation can be an operation of releasing the second window thumbnail set after dragging the second window thumbnail set onto the side region.

[0026] In some scenarios, after the user has displayed the at least two windows in the third interface in an order by using the target layout template, the user can still want to add a new window and adjust the layout of all the opened windows by using the layout template again. Therefore, in this embodiment, the electronic device can display the application icons, the layout templates, and the windows in the same interface; after the user opens a new window, the electronic device can update the windows displayed in the interface and update the styles of the layout templates in the interface according to the number of the windows, so that the user can quickly obtain the layout template corresponding to the current number of windows and immediately adjust the layout of all the currently opened windows by using the layout template displayed in the interface.

[0027] With reference to the first aspect, in a possible implementation, before the eighth interface is displayed, the method further includes: in response to a sixth operation on the third layout template in the second set of layout templates, displaying the at least two windows and the third window in the second region of the seventh interface according to the display manner corresponding to the third layout template.

[0028] In this embodiment, after the electronic device displays the application icons, the layout templates, and all the opened windows in the seventh interface, if the user selects a layout template to be used, that is, the third layout template, in the seventh interface, the display styles of all the opened windows in the second region can be consistent with the display manner corresponding to the third layout template currently selected by the user. In this way, before the user formally adjusts the layout of the windows by using the template to make the electronic device display the eighth interface, the user can directly preview the layout effect of the selected layout template in the seventh interface, so as to confirm whether the browsing effect provided by the selected layout template meets the expectation.

[0029] With reference to the first aspect, in a possible implementation, the second region further includes a first control. After the at least two windows and the third window are displayed in the second region of the seventh interface according to the display manner in the third layout template, the method further includes: in the second region of the seventh interface, in response to an operation of dragging a fourth window to a fifth window display region, interchanging the display positions of the fourth window and the fifth window, the fourth window and the fifth window being any two windows in the at least two windows and the third window; and the step of displaying the eighth interface includes: in response to a seventh operation on the first control, displaying the eighth interface, in which the relative positional relationship of the at least two windows and the third window is the same as the relative positional relationship of the at least two windows and the third window when the at least two windows and the third window are displayed in the second region of the seventh interface.

[0030] In combination with the foregoing description, after the user determines and selects the third layout template from the second set of layout templates, the user can preview the application effect of the third layout template through the seventh interface, and the preview content includes the relative positions between the windows after the at least two windows and the third window are adjusted according to the third layout template. In this embodiment, if the display positions of one or more of the at least two windows and the third window do not meet the user's expectation, the user can directly adjust the display positions of the windows and the third window in the seventh interface; after the user subsequently clicks the end selection control, when the electronic device displays these windows in the screen according to the layout template selected by the user, the relative positions between the windows are consistent with the relative positions when the windows are displayed in the second area. In this way, the user can display each window at a position desired by the user without changing the overall window layout style according to personal preference.

[0031] In a second aspect, an embodiment of the present application provides an electronic device, which comprises one or more processors and a memory; the memory is coupled to the one or more processors, and the memory is configured to store computer program codes, the computer program codes comprising computer instructions, and the one or more processors are configured to invoke the computer instructions to enable the electronic device to perform the method in the first aspect or any possible implementation manner of the first aspect, or the method in the second aspect.

[0032] In a third aspect, the present application provides a chip system applied to an electronic device, and the chip system comprises one or more processors, and the processor is configured to invoke computer instructions to enable the electronic device to perform the method in the first aspect or any possible implementation manner of the first aspect.

[0033] In a fourth aspect, the present application provides a computer program product comprising instructions, and when the computer program product is executed on an electronic device, the electronic device is enabled to perform the method in the first aspect or any possible implementation manner of the first aspect.

[0034] In a fifth aspect, the present application provides a computer readable storage medium comprising instructions, and when the instructions are executed on an electronic device, the electronic device is enabled to perform the method in the first aspect or any possible implementation manner of the first aspect. BRIEF DESCRIPTION OF DRAWINGS

[0035] FIG. 1 is a user interface related to adjusting a multi-window layout according to an embodiment of the present application;

[0036] FIG. 2 is an example diagram of a multi-window layout in a "cross" style according to an embodiment of the present application;

[0037] FIG. 3 is a user interface involved in adjusting a multi-window layout based on a layout template according to an embodiment of the present application;

[0038] FIG. 4 is an example diagram of two "cross-shaped grid" style multi-window layouts according to an embodiment of the present application;

[0039] FIG. 5 is a user interface involved in exchanging window positions by dragging a window according to an embodiment of the present application;

[0040] FIG. 6 is a user interface involved in adjusting a multi-window layout based on a layout template according to an embodiment of the present application;

[0041] FIG. 7 is a user interface involved in adjusting a multi-window layout based on a layout template according to an embodiment of the present application;

[0042] FIG. 8 is a user interface involved in adjusting a multi-window layout based on a new layout template after adding a window according to an embodiment of the present application;

[0043] FIG. 9 is a user interface involved in adjusting a multi-window layout based on a new layout template after adding a window according to an embodiment of the present application;

[0044] FIG. 10 is an architecture diagram of an electronic device according to an embodiment of the present application. DETAILED DESCRIPTION

[0045] The terminology used in the following embodiments of the present application is for the purpose of describing particular embodiments only and is not intended to be limiting of the present application. As used in the specification and the appended claims, the singular forms "a," "an" and "the" are intended to include both singular and plural forms, unless the context clearly indicates otherwise. It will be further understood that the terms "and / or," as used in the specification and in the claims, is used to mean one and / or any combination of the listed terms.

[0046] For the convenience of understanding, the related terms involved in the embodiments of the present application are introduced first as follows.

[0047] (1) Window layout template

[0048] In the present application, a window layout template (hereinafter referred to as "layout template" for short) is a functional option for specifying the area ratio of each window in the interface, the specific display shape, and the specific display position in the interface when a plurality of windows are displayed simultaneously in the same interface.

[0049] In the present application, when multiple windows are displayed in the interface at the same time, the user can pick up the multiple windows by user operation, and after picking up, the multiple windows can be displayed in the form of thumbnails, at which time at least one layout template is also displayed in the interface of the electronic device. The number of windows corresponding to each layout template in the at least one layout template can be the same as the number of the above-mentioned multiple windows. In addition, if the number of the above-mentioned at least one layout template is greater than one, the window layout styles set by any two layout templates are not completely the same (i.e. in the window layout styles corresponding to any two layout templates, at least one of the following three items is different: the area ratio of each window in the interface, the specific display shape of each window, and the specific display position of each window in the interface).

[0050] After displaying the above-mentioned at least one layout template in the interface, the user can drag the picked-up multiple windows (thumbnails) to the layout template he wants and release the hand, after which the above-mentioned multiple windows will be displayed on the same interface according to the style corresponding to the layout template. For details, please refer to the subsequent description.

[0051] (2) Taskbar

[0052] In the Windows series system, the taskbar refers to the small strip located at the bottom of the desktop, which is mainly composed of the start menu (screen), the application area, the language option bar (can be unlocked), and the tray area.

[0053] Generally speaking, no matter how many windows the user opens, these windows will not block the taskbar in the interface. In addition, for most windows in the interface, the user can minimize them by corresponding user operation, and the minimized window will no longer display specific window content, but will be displayed in the form of an application icon in the application area included in the taskbar. The user can click the application icon in the application area again to display the window in the interface.

[0054] With the development of technology, computers, tablets and other electronic devices have become indispensable tools in people's daily life. When users use such products for work or entertainment, they often open multiple windows to obtain the information they want from multiple windows at the same time.

[0055] As shown in Figure 1(A), the user interface 10 is the interface displayed on the electronic device after the user opens four windows. These four windows are windows 101, 102, 103, and 104 shown in Figure 1(A). Window 101 is the window for video playback software, window 102 is the window for music playback software, window 103 is the window for document editing software, and window 104 is the window for calculator software. Under normal circumstances, when the user opens these windows sequentially, they will be displayed in a disordered and cluttered manner on the interface, with the later-opened window appearing above the earlier-opened window. This can cause the content of the previously opened window to be incompletely displayed on the interface. Taking windows 103 and 104 as examples, since window 103 was opened before window 104, window 104 will appear above window 103, and the content displayed in window 103 will not be fully presented to the user due to the obstruction of window 104.

[0056] Understandably, after a window is opened, the user can manipulate the window to change the hierarchical relationship between the windows. Specifically, when a user manipulates a window (e.g., by clicking any area of ​​the window with the mouse or finger), that window will be displayed on top of all other windows, but the display hierarchy of other windows in the interface remains unchanged. Taking windows 103 and 104 in Figure 1 as examples, in user interface 10, window 103 is displayed above windows 102 and 101, and below window 104. If the user wants to view all the content displayed in window 103, they can manipulate window 103 in user interface 10, such as by clicking as shown in Figure 1(A), causing window 103 to be displayed on top of the other windows, and the electronic device to display user interface 11 as shown in Figure 1(B).

[0057] As shown in Figure 1(B), in the user interface 11, window 103 is displayed on top of all other windows, and at this time the user can fully browse all the content displayed in window 101.

[0058] However, if the user wants to display all four windows (101-104) simultaneously on the interface without obstructing each other, and to make the display area of ​​the four windows fill the entire screen as much as possible (for example, to display them in an orderly manner in a grid pattern), the user needs to adjust the specific position and area of ​​each window on the interface one by one.

[0059] Taking window 103 as shown in Figure 1(B) as an example, in the user interface 11, the user can scale the window 103 by long-pressing and dragging its border. Specifically, when the dragging direction is towards the inside of the window 103, the window 103 will be shrunk, and when the dragging direction is towards the outside of the window 103, the window 103 will be enlarged. As shown in Figure 1(B), the user can long-press the upper left corner of the window 103 and drag it to the upper left to enlarge the window 103, and the electronic device will display the user interface 12 shown in Figure 1(C).

[0060] As shown in Figure 1(C), the display area of ​​window 103 in user interface 12 is larger than that of window 103 in user interface 11. In order to move window 103 to a suitable position so that all windows can be displayed in an orderly manner, as shown in Figure 1(C), the user can drag window 103 to the desired position by long-pressing and dragging the blank area above window 103 and then release the button (this operation will not change the size of window 103), and the electronic device will display user interface 13 as shown in Figure 1(D).

[0061] As shown in Figure 1(D), in the user interface 13, window 103 is displayed in the upper left area of ​​the screen, and the upper and left boundaries of window 103 basically coincide with the upper and left boundaries of the entire screen, respectively. Its area also occupies about one-quarter of the entire screen area (excluding the area occupied by the taskbar 105 at the bottom of the screen).

[0062] Similarly, users can scale and move windows 101, 102, and 104 using similar operations, so that the four windows are ultimately displayed on the screen in a grid pattern, as shown in the user interface 20 in Figure 2. In user interface 20, windows 101-104 have the same area, and the four windows basically fill the entire screen. The area of ​​each window is approximately one-quarter of the total screen area, and no single window will obstruct the other three windows. Users can fully browse the content displayed in each window.

[0063] However, the above window layout adjustment method requires the user to adjust the area and position of each window accurately, so as to display multiple windows in order and without mutual blocking in the same interface without affecting the window browsing effect. The user needs to spend a lot of time to adjust the layout of multiple windows to the desired style. In addition, when adjusting the area of the window, it is difficult for the user to adjust the area and shape (since the window is basically rectangular, the "shape" here refers to the length and width of the window) of each window to the area and shape corresponding to the window layout expected by the user. For example, when scaling the above-mentioned windows 101-104, according to the setting of the "checkered window layout style", the length and width of each window need to be adjusted to approximately one-half of the length and width of the screen, respectively. However, since there is no ruler or grid line in the interface to assist the user in adjusting, the user may need to scale the window multiple times to accurately adjust the length and width of each window to approximately one-half of the length and width of the screen, respectively. The whole process is complicated and the user experience is poor.

[0064] In view of the defects in the above method, the present application provides a window layout adjustment method. After the user picks up all the windows in the interface, the method provides the user with multiple window layout templates based on the number of windows in the current interface. The user can select a layout template from the multiple window layout templates according to his / her expectations and browsing preferences, and then move the picked-up windows to the layout template and release the hand. The multiple windows can be quickly displayed in order in the interface according to the area ratio, specific display shape and specific display position of each window determined by the layout template, and each window will not block each other. The user can completely browse all the content displayed in each window. Through this method, the user can quickly and accurately adjust the multiple windows in the interface to the desired layout style through simple operation. For details, please refer to the related description of FIGS. 3-9.

[0065] It should be noted in advance that, in order to facilitate the description, the specific content displayed in each window is not shown in FIGS. 3-8. Any two windows marked with different reference numerals represent two different windows, which can come from different application programs (for example, one window is a window of a music software and the other is a window of a video software), or from the same application program (for example, the user opens two different files through a file editing software). The present application does not limit this.

[0066] First, please refer to FIG. 3. FIG. 3 exemplarily shows the specific operation and interface change process involved in the window layout adjustment method provided by the present application.

[0067] As shown in (A) of FIG. 3, the user interface 30 includes windows 301, 302, 303, 304, and a task bar 305. Among them, the windows 301-304 are windows opened by the user, and at this time, these windows are displayed in a disordered and cluttered manner in the interface. Due to the limitation of the screen area of the electronic device, the windows 301, 303 and 304 have overlapping parts, and the windows 303 and 302 also have overlapping parts, resulting in that the contents contained in the windows 301 and 303 cannot be completely displayed in the interface 30.

[0068] In order to quickly adjust the windows 301-304 to the intended layout style, the user can use a corresponding user operation, such as the five-finger pinch operation on the screen shown in (A) of FIG. 3 (i.e., the user spreads his five fingers to contact the screen and gathers the fingers, the same below), to grab all the windows contained in the user interface 30, and make the electronic device display the user interface 31 as shown in (B) of FIG. 3.

[0069] As shown in (B) of FIG. 3, the user interface 31 includes a window thumbnail set 311, a layout template 31a, a layout template 31b, a layout template 31c, a layout template 31d, a layout template 31e, and a layout template 31f. Optionally, in the embodiment of the present application, the status bar can not be displayed at the bottom of the user interface 31. Among them:

[0070] The window thumbnail set 311 includes thumbnails of the windows 301-304. It can be understood that after the user grabs the windows 301-304 in the user interface 30 by the five-finger pinch operation, the electronic device displays the user interface 31 for the user to provide at least one layout template for these windows, so that the user can quickly adjust the four windows to an orderly and non-occluded state. Therefore, in the user interface 31, in order to reserve a large enough area to display all the layout templates provided by the electronic device, the electronic device can reduce the size of all the windows after the user grabs the windows 301-304, and display them in the user interface 31 in the form of a thumbnail set. Optionally, in the window thumbnail set, the hierarchical relationship between each thumbnail can be the same as the hierarchical relationship between the windows 301-304 in the user interface 30, for example, in the user interface 30, the window 302 is displayed above the window 303, and in the window thumbnail set 311, the thumbnail corresponding to the window 302 is also displayed above the thumbnail corresponding to the window 303.

[0071] Layout templates 31a-31f are all layout templates provided to the user by the electronic device based on the number of all open windows in the user interface 31. Each layout template is a functional option that determines the area proportion, specific display shape, and specific display position of each window (301-304) on the interface. Furthermore, any two layout templates will have different layout styles for the four windows. For example, as can be seen from the user interface 31, layout template 31a presents a "grid" layout, which can be used to set four windows to have the same shape and area, and display the four windows respectively in the upper left, upper right, lower left, and lower right corners of the same interface (see the previous explanation of Figure 2 for details). Layout template 31b presents a completely different layout from layout template 31c. It can divide an interface into two equally sized areas, with the left half used to display one of the windows (301-304), and the boundaries of this window can be... The right half of the window can be further divided into three areas of the same size from top to bottom. These three areas can be used to display the other three windows in windows 301-304, and the boundaries of these three windows can also be basically coincident with the boundaries of the areas they display. (It should be understood that in the embodiments of this application and other embodiments, "the window boundary can be basically coincident with the area boundary" means that the display area of ​​the window does not exceed the area, and the area ratio of the display area of ​​the window in the area is greater than a preset threshold; optionally, the threshold can be set to 95% to 100%).

[0072] In user interface 31, the electronic device can respond to user operations on any layout template, causing windows 301-304 to be displayed in an orderly manner on the same interface according to the area ratio, display shape, and display position determined by the layout template for each window. As shown in Figure 3(C), the user can move the window thumbnail set 311 onto the layout template 31a and release it, and the electronic device will respond to the operation and display the user interface 33 shown in Figure 3(D).

[0073] Optionally, after the user moves the window thumbnail atlas 311 onto the layout template 31a, the layout template 31a can be enlarged to indicate to the user that the selected element is the layout template 31a.

[0074] As shown in (D) of FIG. 3, in the user interface 33, the windows 301-304 have been displayed in the interface in the "cross" pattern presented by the layout template 31a. At this time, the windows 301-304 are all the same in shape and area, and are respectively displayed in the upper left corner, the upper right corner, the lower left corner and the lower right corner of the same interface, without any overlap between any two windows, and the presentation areas of the four windows substantially occupy the entire screen.

[0075] Through the window layout adjustment method provided in the present application, the user can quickly and accurately adjust multiple windows in an interface to a desired layout pattern through simple operations, and there will not be excessive blank areas on the screen, which can ensure the browsing effect of the windows as much as possible.

[0076] Of course, in the embodiment of the present application, the user can also move the window thumbnail set 311 to any one of the layout templates 31b-31f and then release the hand, so that the windows 301-304 are displayed in the layout pattern shown by the layout template in the same interface. Here, it will not be enumerated one by one.

[0077] In the embodiment, the user interface 30 can be referred to as "the first interface", the user interface 31 can be referred to as "the second interface", the user interface 33 can be referred to as "the third interface", the five-finger pinch operation on the screen shown in (A) of FIG. 3 can be referred to as "the first operation", the operation of moving the window thumbnail set 311 to the layout template 31a and then releasing the hand can be referred to as "the second operation", the windows 301-304 can be referred to as "multiple windows", the window thumbnail set 311 can be referred to as "the first window thumbnail set", the layout templates 31a-31f can be referred to as "at least one layout template", the layout template 31a can be referred to as "the target layout template", and the windows 301-304 in the user interface 33 can be referred to as "at least two windows".

[0078] In addition, it should be noted that for any layout template, the position of the display area divided by the layout template for the window in the interface is determined. When the multiple windows are displayed in the areas divided by the layout template one by one, each window corresponds to a display area, and the present application provides three different display rules for displaying which window in which area.

[0079] Similarly, the windows 301-304 shown in FIG. 3 are taken as an example for illustration. For the sake of illustration, here t openX represents the opening time of the window X, and t operateX represents the time when the user last operates in the window X, and "X" represents the label of the window. The later the window is opened, the later the t openThe greater, the later the user's last operation time corresponding to the window operate The greater, the later the user's last operation time corresponding to the window open 304 open 303 open 302 open 301 The greater, the later the user's last operation time corresponding to the window open 302 open 304 open 303 The greater, the later the user's last operation time corresponding to the window open 301 .

[0080] In combination with the foregoing description, the electronic device can display the windows in the regions divided by the layout template according to the following three display rules:

[0081] ① The electronic device randomly displays the windows in the regions divided by the layout template.

[0082] That is, after the user moves the window thumbnail set 311 to the layout template 31a and releases the hand, the electronic device can randomly display the windows 301-304 in the upper left corner region, the upper right corner region, the lower left corner region, and the lower right corner region in the same interface. Each region displays only one window, but the electronic device can randomly determine which window is displayed in which region. For example, the electronic device can display the windows 301, 303, 302, and 304 in the upper left corner region, the upper right corner region, the lower left corner region, and the lower right corner region in sequence as shown in (D) of FIG. 3, or the electronic device can display the windows 301, 302, 303, and 304 in the upper left corner region, the upper right corner region, the lower left corner region, and the lower right corner region in sequence, or display the four windows in other orders in the upper left corner region, the upper right corner region, the lower left corner region, and the lower right corner region, which is not limited in the present application.

[0083] ② The electronic device displays the windows in the regions divided by the layout template in sequence according to the order of the window opening time.

[0084] ​​​​​Understandably, most users browse from left to right and from top to bottom. Therefore, in this embodiment, the browsing weight (a higher browsing weight indicates higher user attention or browsing frequency for that area) of each layout template's divided display area can also be sorted according to the user's browsing habits, with the leftmost display area having a higher browsing weight and the topmost display area having a higher browsing weight. Taking a "grid" style layout template as an example, in its four divided display areas, the browsing weight of the top left corner area > the bottom left corner area > the top right corner area > the bottom right corner area.

[0085] Therefore, in this application, the electronic device can display windows with the later opening time in a display area with a higher browsing weight. That is, the window with the latest opening time will be displayed in the display area with the highest browsing weight, and correspondingly, the window with the earliest opening time will be displayed in the display area with the lowest browsing weight.

[0086] Therefore, after the user moves the window thumbnail set 311 onto the layout template 31a and releases it, the electronic device may not display the user interface 33 shown in (D) of FIG3, but instead display the user interface 40 shown in (A) of FIG4.

[0087] As shown in Figure 4(A), in the user interface 40, windows 301-304 are still displayed on the screen in a grid layout. However, the windows displayed in the upper left, lower left, upper right, and lower right corners of the screen are fixed, namely window 304, window 303, window 302, and window 301, respectively. Window 304 is displayed in the upper left corner, which has the highest browsing weight because it was opened the latest, while window 301, which was opened the earliest, is displayed in the lower right corner, which has the lowest browsing weight.

[0088] ③ The electronic device displays the windows in the areas defined by the layout template in the order in which they were opened.

[0089] Similarly, in this application, the electronic device can display the window with the later last operation time in the display area with the higher browsing weight. That is, the window with the largest (latest) last operation time will be displayed in the display area with the highest browsing weight, and correspondingly, the window with the smallest (earliest) last operation time will be displayed in the display area with the lowest browsing weight.

[0090] Therefore, after the user moves the window thumbnail atlas 311 onto the layout template 31a and releases it, the electronic device can display the user interface 41 as shown in Figure 4(B).

[0091] As shown in (B) of FIG. 4, in the user interface 41, but the windows displayed in the upper left corner region, the lower left corner region, the upper right corner region and the lower right corner region of the screen are also determined, which are window 304, window 303, window 302 and window 301 in sequence, wherein the window 302 is displayed in the upper left region with the highest reading weight because the last operation time is the largest (the latest), and the window 301 with the smallest (the earliest) last operation time is displayed in the lower right region with the lowest reading weight.

[0092] Of course, in some embodiments, the electronic device can also display the window with the larger (later) last operation time in the display region with the lower reading weight, or display the window with the larger (later) opening time in the display region with the lower reading weight, which will not be described one by one here.

[0093] In some embodiments of the present application, after the user adjusts the layout of the plurality of windows through the layout template, if the user is not satisfied with the display position of one or more windows, the user can also drag the window displayed in one region to another region to make the electronic device exchange the windows displayed in the two regions, so that the user can display each window at the position where the user expects the window to be displayed according to personal preference without changing the overall window layout style. For details, please refer to FIG. 5.

[0094] As shown in FIG. 5, the user interface 33 shown in (A) of FIG. 5 can be the user interface 33 shown in (D) of FIG. 3. As known from the foregoing description, at this time, the electronic device has displayed the windows 301-304 in the user interface 33 according to the user's previous operation in the "Tangzi grid" style specified by the layout template 31a, and the windows 301, 303, 302 and 304 are displayed in the upper left corner region, the upper right corner region, the lower left corner region and the lower right corner region of the screen in sequence.

[0095] If at this time the user wants to display the window 302 in the upper right corner region of the screen, as shown in (A) of FIG. 5, the user can long press the blank area at the top of the window 302 and drag the window 302 to the upper right corner region where the window 303 is located and then release the window 302, so that the electronic device exchanges the display positions of the window 302 and the window 303, and displays the user interface 51 as shown in (B) of FIG. 5.

[0096] As shown in (B) of FIG. 5, in the user interface 51, the window 302 has been displayed in the upper right region of the screen, while the window 303 is displayed in the lower left region of the screen. Similarly, if the user subsequently wants to display the window 301 in the upper right corner region of the screen, as shown in (B) of FIG. 5, the user can long press the blank region at the top of the window 301 and drag the window 301 to the upper right corner region where the window 302 is located, and then release the window 301, so that the electronic device exchanges the display positions of the window 301 and the window 302, and displays the user interface 52 as shown in (C) of FIG. 5. That is, after the electronic device completes the layout of the windows according to the layout templates, the user can adjust the display positions of the windows multiple times without changing the overall layout format until the display positions of the windows in the screen meet the user's expectations.

[0097] In this embodiment, the user interface 33 can be referred to as a "third interface", the window 302 can be referred to as a "first window", the window 303 can be referred to as a "second window", the display region occupied by the window 302 in the user interface 33 can be referred to as a "first region", the display region occupied by the window 303 in the user interface 33 can be referred to as a "second region", and the operation of long pressing the blank region at the top of the window 302 and dragging the window 302 to the upper right corner region where the window 303 is located, and then releasing the window 302 can be referred to as a "third operation".

[0098] It can be understood that in this application, when the electronic device provides the layout templates for the multiple windows, it needs to first determine the total number of the windows opened in the interface, and the number of the display regions divided by each of the subsequently provided templates is the same as the total number of the windows opened in the interface. That is, when the number of the windows opened in the interface is 4, after the user picks up all the windows through the five-finger grabbing operation, all the layout templates provided by the electronic device to the user will divide the screen into 4 display regions to display the four windows respectively; correspondingly, when the number of the windows opened in the interface is 3, after the user picks up all the windows through the five-finger grabbing operation, all the layout templates provided by the electronic device to the user will divide the screen into 3 display regions to display the three windows respectively.

[0099] FIG. 6 exemplarily shows the specific operations and interface change processes involved in the adjustment of the layout of the three windows by the user through the window layout adjustment method provided in this application when a total of three windows are opened.

[0100] As shown in (A) of FIG. 6, the user interface 60 includes the window 601, the window 602, and the window 603. Among them, the window 601 to the window 603 are displayed in disorder in the interface.

[0101] The user can grab all the windows included in the user interface 60 by a corresponding user operation, such as a five-finger pinch operation on the screen as shown in (A) of FIG. 6, and cause the electronic device to display a user interface 61 as shown in (B) of FIG. 6.

[0102] As shown in (B) of FIG. 6, the user interface 61 includes a window thumbnail set 611, a layout template 61a, a layout template 61b, a layout template 61c, a layout template 61d, a layout template 61e, and a layout template 61f. Optionally, in an embodiment of the present application, the bottom of the user interface 61 can not display a status bar. Among them:

[0103] The window thumbnail set 611 includes thumbnails of the windows 601-603.

[0104] The layout templates 61a-61f are all layout templates provided by the electronic device for the user according to the number of all the windows in the user interface 61.

[0105] The functions and related information of the window thumbnail set 611 and the layout templates 61a-61f can refer to the foregoing related description of FIG. 3, which will not be repeated here.

[0106] It needs to be particularly pointed out that since the user has only opened three windows of the windows 601-603 in total, in the embodiment of the present application, any one of the layout templates 61a-61f will divide the screen into three display regions, and each display region in each layout template is used to display one of the windows 601-603. For example, the layout template 61a can be used to set the same shape and area for the three windows and display them in order from left to right in the interface, the layout template 61b can be used to set the same shape and area and display them in order from top to bottom in the interface, and the layout template 61c can divide the left half of the screen into two equal regions, display two of the three windows in the same shape and area in the two equal regions, and display the remaining window in the right half region.

[0107] In the user interface 61, the electronic device can respond to the user's operation on any one of the layout templates to cause the windows 601-603 to be sequentially displayed in the same interface according to the area ratio, display shape, and display position of each window determined by the layout template.

[0108] As shown in (C) of FIG. 6, the user can move the window thumbnail set 611 to the layout template 61a and then release the hand, and the electronic device can respond to the operation to display a user interface 63 as shown in (D) of FIG. 6.

[0109] As shown in (D) of FIG. 6, in the user interface 63, the windows 601-603 have been displayed in the interface according to the style presented by the layout template 61a. At this time, the shapes and areas of the windows 601-603 are all the same, and the windows are displayed in sequence from left to right in the screen, without any two windows overlapping and blocking each other, and the presentation areas of the three windows substantially occupy the entire screen.

[0110] Similarly, when the user has opened a total of five, six or even more windows, the user can adjust the layout of the multiple windows through the window layout adjustment method provided in this application, and here, no further examples are given.

[0111] In some scenarios, after the user has opened multiple windows in the same interface, the user can only want to browse the contents presented by some of the windows at the same time, rather than all the windows. Therefore, on the basis of the aforementioned window layout adjustment method, another window layout adjustment method is provided in this application. In an interface in which N (N≥2) windows are displayed at the same time, the user can pick up all the windows in the interface through a user operation, and the electronic device can respond to the operation to provide the user with a window layout template containing X display areas, based on the number of windows in the current interface. Specifically, the value of X can be 2-N, and no matter what integer value of X is in 2-N, the window layout template provided by the electronic device contains a layout template with X display areas. The user can select a layout template from the aforementioned multiple window layout templates according to his or her own expectations and browsing preferences, and move the picked-up windows (window thumbnail set) to the layout template and then release the hand. If the number of display areas of the layout template is N, the aforementioned N windows can be quickly displayed in order in the interface according to the layout corresponding to the layout template, and if the number of display areas of the layout template is less than N (assuming M, 2

[0112] As shown in (A) of FIG. 7, the user interface 70 includes the windows 701, 702, 703 and 704. As can be known from the foregoing description, at this time, the value of N is 4. The windows 701-704 are displayed in a disordered and chaotic state in the user interface 70. The user can pick up all the windows in the user interface 30 through a corresponding user operation, such as the five-finger grabbing operation on the screen shown in (A) of FIG. 7, and cause the electronic device to display the user interface 71 shown in (B) of FIG. 7.

[0113] As shown in (B) of FIG. 7, the user interface 71 includes: a window thumbnail set 711, a layout template set 712, a layout template set 713, and a layout template set 714. Among them:

[0114] The window thumbnail set 711 includes thumbnails of the windows 701-704.

[0115] The layout template set 712 includes layout templates 71a, 71b, 71c, and 71d, any of which provides four display areas, and any of which can be used to sequentially display the four windows 701-704 in the layout template corresponding style in the same interface.

[0116] The layout template set 713 includes layout templates 71e, 71f, 71g, and 71h, any of which provides three display areas, and any of which can be used to sequentially display three windows of the windows 701-704 in the layout template corresponding style in the same interface. Specifically, the electronic device can determine three windows of the windows 701-704 that are opened later or three windows that are operated later by the user as the three windows that need to be displayed in the interface at the same time according to the opening time or the last operation time of the windows 701-704, and the remaining one window can be displayed in the form of minimization in the taskbar below the interface.

[0117] The layout template set 713 includes layout templates 71i and 71j, any of which provides two display areas, and any of which can be used to sequentially display two windows of the windows 701-704 in the layout template corresponding style in the same interface. Similarly, the electronic device can determine two windows of the windows 701-704 that are opened later or two windows that are operated last by the user as the two windows that need to be displayed in the interface at the same time according to the opening time or the last operation time of the windows 701-704, and the remaining two windows can be displayed in the form of minimization in the taskbar below the interface.

[0118] In a case where the user expects to display the four windows of the windows 701-704 in order in the same interface, the user can determine a layout template needed by the user from the layout template set 712, and move the window thumbnail set 731 to the layout template and then release the hand to make the windows 701-704 displayed in order in the interface according to the layout corresponding to the layout template. For example, the user can move the window thumbnail set 731 to the layout template 71a and then release the hand (at this time, the aforementioned M is 4), and the electronic device can display the windows 701-704 in the layout style of a "cross" in the same interface, which can be specifically referred to the user interface 33 shown in (D) of FIG. 3.

[0119] In a case where the user expects to display three windows of the windows 701-704 in order in the same interface, the user can determine a layout template needed by the user from the layout template set 713, and move the window thumbnail set 731 to the layout template and then release the hand to make the three windows of the windows 701-704 displayed in order in the interface according to the layout corresponding to the layout template. For example, the user can move the window thumbnail set 731 to the layout template 71g and then release the hand (at this time, the aforementioned M is 3), and the electronic device can display the windows 702, 703 and 704 (here, it is assumed that the windows 702, 703 and 704 are the three windows newly operated by the user) in the layout style corresponding to the layout template 71g in the same interface, which can be specifically referred to the user interface 72 shown in (C) of FIG. 7.

[0120] In a case where the user expects to display two windows of the windows 701-704 in order in the same interface, the user can determine a layout template needed by the user from the layout template set 714, and move the window thumbnail set 731 to the layout template and then release the hand to make the two windows of the windows 701-704 displayed in order in the interface according to the layout corresponding to the layout template. For example, the user can move the window thumbnail set 731 to the layout template 71i and then release the hand (at this time, the aforementioned M is 2), and the electronic device can display the windows 703 and 704 (here, it is assumed that the windows 703 and 704 are the two windows newly operated by the user) in the layout style corresponding to the layout template 71i in the same interface, which can be specifically referred to the user interface 73 shown in (D) of FIG. 7.

[0121] It can be understood that in the embodiments of the present application, if the user expects the number of windows to be subsequently displayed in the same interface to be less than the total number of opened windows, before displaying the user interface 70, the user can determine that he needs to display M windows in the interface, and update the user last operation time corresponding to the M windows by operating (for example, clicking) the M windows, to ensure that when the layout of N windows is adjusted by using the layout template window subsequently, the electronic device can accurately determine the above-mentioned M windows which the user expects to be displayed in the same interface from all the windows currently displayed in the interface.

[0122] In the embodiments, the user interface 70 can be referred to as a "first interface", the user interface 71 can be referred to as a "second interface", the user interface 73 can be referred to as a "third interface", the windows 701-704 can be referred to as "a plurality of windows", the window thumbnail set 711 can be referred to as "a first window thumbnail set", the layout templates 71a-71j can be referred to as "at least one layout template", the layout templates contained in the layout template set 712 can be referred to as "at least one first layout template", the layout templates contained in the layout template set 713 and the layout template set 714 can be referred to as "at least one second layout template", the layout template 71i or the layout template 71g can be referred to as "a target layout template", in the case where the layout template 71i is "a target layout template", the windows 703 and 704 in the user interface 73 can be referred to as "at least two windows", in the case where the layout template 71g is "a target layout template", the windows 702, 703 and 704 in the user interface 72 can be referred to as "at least two windows".

[0123] In some other scenarios, when the user opens a plurality of windows in the screen and then picks up all the windows by the five-finger grabbing operation, the user can still want to open more windows and display these windows together with the previously opened windows in an orderly manner in the screen by using the layout template in the subsequent process. Therefore, on the basis of the aforementioned window layout adjustment method, the present application further provides another window layout adjustment method. In the implementation of the method, after all the windows in the interface are picked up, the user can continue to open new windows, and as the number of opened windows in the interface changes, the electronic device can dynamically change the layout templates of the windows provided to the user, so that the number of display areas contained in the window layout templates provided by the electronic device always remains consistent with the number of currently opened windows of the user, so as to facilitate the user to quickly display all the windows in the same interface in an orderly manner by using the layout template after opening all the windows required by the user. Please refer to FIG. 8 for details.

[0124] As shown in (A) of FIG. 8, the user interface 80 includes windows 801 and 802, which are displayed in a disordered state and overlap each other. The user can, through a corresponding user operation, such as a five-finger pinch operation on the screen as shown in (A) of FIG. 8, grab all the windows included in the user interface 80 and cause the electronic device to display the user interface 81 as shown in (B) of FIG. 8.

[0125] As shown in (B) of FIG. 8, the user interface 81 includes a window thumbnail set 811, a layout template set 812, a left side area 813L, and a right side area 813R. Among them:

[0126] The window thumbnail set 811 includes thumbnails of the windows 801 and 802.

[0127] The layout template set 812 includes layout templates 81a and 81b, either of which provides two display areas and can be used to display the windows 801 and 802 in the same interface in an orderly manner according to the corresponding style of the layout template.

[0128] The left side area 813L and the right side area 813R can respond to user operations to cause the electronic device to divide the interface into two areas in a subsequent process, one of which is used to display all the windows opened by the user and the layout templates provided by the electronic device based on the number of windows, and the other of which is used to display application icons installed in the electronic device for the user to subsequently continue to open windows as needed. The window opened by the user by clicking the application icon will also be added to the area for displaying windows and layout templates, and the layout template displayed in the area will also change with the number of windows in the area. Optionally, when the user has not moved the window thumbnail set 811 to the left side area 813L, the width of the left side area can be d1, and after the user moves the window thumbnail set 811 to the left side area 813L, the width of the left side area 813L can be enlarged to d2 to prompt the user to release the window thumbnail set 811 to the left side area 813L.

[0129] As shown in (C) of FIG. 8, the electronic device can display the user interface 83 as shown in (D) of FIG. 8 in response to the user moving the window thumbnail set 811 to the left side area 813L and releasing the operation.

[0130] As shown in (D) of FIG. 8, the user interface 83 includes areas 831 and 832, wherein:

[0131] The area 831 is used to display all the windows currently opened by the user, i.e., the window 801 and the window 802. The area 831 is also used to display a layout template set 831a provided by the electronic device for the user based on the number of the currently opened windows and an end selection control 831b. Since the user has opened two windows in total at this time, in the layout template set 831a, any one of the layout templates provides two display areas. The user can select any one of the layout templates by clicking the layout template, and click the end selection control to display the window 801 and the window 802 in the layout style corresponding to the selected layout template in sequence on the screen.

[0132] The area 832 is used to display the application icons installed in the electronic device. Any one of the application icons in the area 832 can respond to the click operation of the user to make the electronic device open the window corresponding to the application, and the window is added to the area 831 for display.

[0133] In this embodiment, the area 831 is located at the left side of the user interface 83, and the area 832 is located at the right side of the user interface 83. Alternatively, in the foregoing operation process, if the user moves the window thumbnail set 811 to the right side area 813R and then releases the hand, in the user interface 83, the area 831 can be located at the right side of the user interface 83, and the area 832 can be located at the left side of the user interface 83.

[0134] As shown in (D) of FIG. 8, in response to the click operation of the user on the application icon 832a, the electronic device can display a user interface 84 as shown in (E) of FIG. 8. The user interface 84 can include the area 831 and the area 832, wherein:

[0135] The area 832 is the area 832 in the user interface 83, which is used to display the application icons installed in the electronic device.

[0136] The region 831 is the region 831 in the user interface 84. In the user interface 84, in addition to displaying the window 801 and the window 802, the window 803 newly opened by the user by clicking the application icon 832a is also displayed in the region 831. Optionally, although the three windows are still displayed in a disordered state and there may be overlapping and occlusion between the windows, in the region 831, the window opened later will be displayed above the window opened earlier, for example, the window 803 can be displayed above the window 801 and the window 802. In addition, compared with the user interface 83, because the number of opened windows in the user interface 84 increases, the layout templates in the layout template set 831a provided by the electronic device for the user in the region 831 also correspondingly update based on the number of windows currently opened by the user. It can be understood that at this time, the user has opened three windows in total, and therefore in the layout template set 831a in the user interface 84, any layout template can provide three display regions, and the user can click any layout template to select the layout template and click the end selection control to display the window 801, the window 802, and the window 803 in the screen in an orderly manner according to the layout style corresponding to the selected layout template.

[0137] Optionally, when the user interface 84 is displayed, the electronic device can determine the first layout template 831al in the layout template set 831a as the layout template used by the user by default, and at this time, the layout template 831al has been selected by the selected box, indicating that at this time, if the user clicks the end selection control in the user interface 84, the electronic device will display the window 801, the window 802, and the window 803 in the screen in an orderly manner according to the layout style corresponding to the layout template 831al. For details, refer to the user interface 85 shown in (F) in FIG. 8.

[0138] If the layout template 831al is not the layout template expected by the user, the user can perform a click operation on other layout templates included in the layout template set 831a to switch the last used layout template. As shown in (E) in FIG. 8, the user can switch the layout template to be used to the layout template 831a2 by clicking the layout template 831a2, and at this time, the electronic device can display the user interface 86 shown in (G) in FIG. 8. In the user interface 86, the layout template 831a2 is selected by the selected box because it is selected by the user. After the user clicks the end selection control in the user interface 86, the electronic device can display the window 801, the window 802, and the window 803 in the screen in an orderly manner according to the layout style corresponding to the layout template 831a2. For details, refer to the user interface 87 shown in (H) in FIG. 8.

[0139] In some scenarios, after the user has displayed multiple windows in order in the same interface by the five-finger grabbing operation and the layout template, the user can still want to add a new window and adjust the layout of all the opened windows again by the layout template. Therefore, on the basis of the aforementioned window layout adjustment method, the present application further provides another window layout adjustment method. In the implementation of the method, after displaying multiple windows in order in the same interface by the layout template, if the user needs to add a new window and display the window in order with other windows in the screen, the user can adjust the layout of all the opened windows again by the window layout template through simple user operations. For details, please refer to FIG. 9.

[0140] As shown in (A) of FIG. 9, the user interface 90 can be the interface displayed by the electronic device after the user adjusts the layout of the window 901 and the window 902 by the layout template after opening the window 901 and the window 902 in the screen at the same time. The user interface 90 can include the window 901 and the window 902. At this time, the window 901 and the window 902 are displayed in order in the user interface 90 in the layout style of left-right parallel display, and there is no overlap between them.

[0141] If the user wants to open another window and display the window in order with the window 901 and the window 902 in the screen at this time, the user can grab all the windows contained in the user interface 90 and make the electronic device display the user interface 91 as shown in (B) of FIG. 9 by corresponding user operations, such as the five-finger grabbing operation on the screen as shown in (A) of FIG. 9.

[0142] As shown in (B) of FIG. 9, the user interface 91 includes a window thumbnail set 911, a layout template set 912, and a left side area 913L and a right side area 913R. Among them:

[0143] The window thumbnail set 911 includes the thumbnail set of the window 901 and the window 902. It needs to be particularly pointed out that since the window 901 and the window 902 have been displayed in order in the interface 90 according to the style corresponding to the layout template when they are grabbed, in the window thumbnail set 911, the positional relationship between the thumbnails of the window 901 and the window 902 can be the same as the relative positional relationship of the window 901 and the window 902 in the user interface 90, that is, the two thumbnails can also be displayed in left-right parallel display, and the two thumbnails will not overlap with each other.

[0144] The specific functions of the layout template set 912, the left side area 912L and the right side area 912R can refer to the foregoing related description of FIG. 8, and will not be repeated here. The user can release the window thumbnail set 911 by dragging it into the right side area 912R, so that the electronic device displays the user interface 92 as shown in (C) of FIG. 9.

[0145] As shown in (C) of FIG. 9, the user interface 92 includes an area 921 and an area 922, wherein:

[0146] The area 921 is used to display all the windows currently opened by the user, i.e., the window 901 and the window 902. The area 921 is also used to display the layout template set 921a provided by the electronic device for the user based on the number of currently opened windows and the end selection control 921b, and the functions of the layout template set 921a and the end selection control 921b can refer to the foregoing related description of FIG. 8, and will not be repeated here. Similarly, since the window 901 and the window 902 are arranged in order in the interface 90 according to the style corresponding to the layout template when they are grabbed, in the area 921, the relative position relationship of the window 901 and the window 902 in the area 921 can be the same as that in the user interface 90, i.e., the window 901 and the window 902 can also be displayed side by side in the area 921.

[0147] The area 922 is used to display the application icons installed in the electronic device. Any one of the application icons in the area 922 can respond to the click operation of the user to make the electronic device open the window corresponding to the application, and the window will be added to the area 921 for display.

[0148] As shown in (C) of FIG. 9, in response to the click operation of the user on the application icon 922a, the electronic device can display the user interface 93 as shown in (D) of FIG. 9. The user interface 93 can include the area 921 and the area 922, wherein:

[0149] The area 921 is the same as the area 921 in the user interface 92.

[0150] The area 922 is the same as the area 922 in the user interface 92, which is used to display the application icons installed in the electronic device.

[0151] In the area 921 in the user interface 93, in addition to the window 901 and the window 902, the window 903 newly opened by the user by clicking the application icon 922a is also displayed.

[0152] Compared with the user interface 92, since the number of windows in the user interface 93 is increased, the layout templates in the layout template set 921a in the region 921 for displaying the layout templates provided by the electronic device based on the number of currently opened windows is also updated accordingly. It can be understood that at this time, the user has opened three windows in total, and therefore in the layout template set 921a contained in the user interface 93, any layout template provides three display regions, and the user can click any layout template to select the layout template, and click the end selection control to display the windows 901, 902 and 903 in the screen in the order according to the layout style corresponding to the selected layout template.

[0153] Optionally, when the user interface 93 is displayed, the electronic device can determine the first layout template 921a1 in the layout template set 921a as the layout template used by the user by default, and at this time the layout template 921a1 has been selected by the selection box. Correspondingly, in the region 921 in the user interface 93, the windows 901, 902 and 903 can be displayed according to the corresponding window shape and arrangement in the layout template 921a1. For example, the layout template 921a1 in the user interface 93 sets the three windows to be displayed horizontally side by side, and therefore in the region 921 in the user interface 93, the windows 901, 902 and 903 are also displayed side by side from left to right.

[0154] If the user subsequently needs to open other new windows, the user can also click the application icon in the region 922 in the user interface 93 to open other new windows. Similarly, as the number of windows increases, the layout templates in the layout template set 921a in the region 921 are also updated accordingly.

[0155] Optionally, when the electronic device displays the user interface 93, the electronic device can determine the first layout template 921al in the layout template set 921a as the layout template that the user will use by default, and the user can also click the first layout template 921al in the layout template set 921a to select the layout template, at which time the layout template 921al has been selected by the selected box. Accordingly, in the area 921 in the user interface 93, the window 901, the window 902, and the window 903 can be displayed according to the corresponding window shapes and arrangement in the layout template 921al. It can be understood that when the user switches the layout template to be used to another layout template in the layout template set 921a by clicking, the window 901, the window 902, and the window 903 in the area 921 will also be displayed according to the window shapes and arrangement corresponding to the switched layout template. That is, after the user selects the layout template and before the user clicks the end selection control, the user can preview the layout effect of the selected layout template through the shapes and arrangement of the multiple windows displayed in the area 921, so as to confirm whether the browsing effect provided by the selected layout template meets the expectation.

[0156] In an optional implementation, when the electronic device displays the user interface 93, the user has determined and selected the layout template required by the user from the layout template set, but when the user previews the browsing effect of the selected layout template through the area 921, the user wants to change the subsequent display positions of one or more windows in the screen, the user can directly drag the window in the area 921 to make the electronic device change the display position of the window; after the user subsequently clicks the end selection control, when the electronic device displays these windows in the screen according to the layout template selected by the user, the relative positions between the windows will also be the same as the relative positions when the windows are displayed in the area 921. In this way, the user can display each window at the position expected by the user according to personal preference without changing the overall window layout style.

[0157] For example, the layout template 921al in the user interface 93 will set the three windows to be displayed horizontally side by side, and in the area 921 in the user interface 93, the window 901, the window 902, and the window 903 are also displayed side by side from left to right; and since the window 903 is the window that is most recently opened by the user, the window 903 is located at the leftmost side and the window 901 is located at the rightmost side in the area 921 in the user interface 93.

[0158] If the user directly clicks the end selection control 921b in the user interface 93 at this time, the electronic device can display the windows 901, 902 and 903 in the screen in the order according to the layout style corresponding to the layout template 921a2, so that the electronic device displays the user interface 94 as shown in (E) of FIG. 9. In the user interface 94, the window 903 is located at the leftmost side, and the window 901 is located at the rightmost side.

[0159] However, in the user interface 93, if the user exchanges the display positions of the window 903 and the window 902 in the region 921 through a drag operation, and then clicks the end selection control 921b in the user interface 93, the electronic device can still display the windows 901, 902 and 903 in the screen in the order according to the layout style corresponding to the layout template 921a2, but in this case, the electronic device displays the user interface 95 as shown in (F) of FIG. 9. Unlike the user interface 94, in the user interface 95, the windows 901, 902 and 903 are also displayed side by side, but the window 902 is located at the leftmost side, and the window 903 is located at the rightmost side.

[0160] In this embodiment, the user interface 90 can be referred to as a "third interface", the window 901 and the window 902 can be referred to as "at least two windows", the five-finger grab operation of the user on the screen as shown in (A) of FIG. 9 can be referred to as a "fourth operation", the user interface 91 can be referred to as a "fourth interface", the window thumbnail set 911 can be referred to as a "second window thumbnail set", the operation of the user dragging the window thumbnail set 911 to the right side region 913R and then releasing the hand can be referred to as a "fifth operation", the user interface 92 can be referred to as a "sixth interface", the region 921 can be referred to as a "first region", the region 922 can be referred to as a "second region", the layout template set 921a in the user interface 92 can be referred to as a "first layout template set", the application icons contained in the region 922 can be referred to as "at least one application icon", the application icon 922a can be referred to as a "first icon", the user interface 93 can be referred to as a "seventh interface", the window 903 can be referred to as a "third window", the layout template set 921a in the user interface 93 can be referred to as a "second layout template set", the layout template 921a1 can be referred to as a "third layout template", the user interface 94 can be referred to as an "eighth interface", the end selection control 921b can be referred to as a "first control", the window 903 can be referred to as a "fourth window", the window 904 can be referred to as a "fifth window", and the clicking operation of the user on the end selection control 921b in the interface 92 can be referred to as a "seventh operation".

[0161] Next, the electronic device provided in the present application is introduced.

[0162] The electronic device is a mobile phone, a tablet computer, a wearable device, a vehicle-mounted device, an augmented reality (AR) / virtual reality (VR) device, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), or a dedicated camera (for example, a single-lens reflex camera, a card camera), and the like, and the specific type of the electronic device is not limited in the present application.

[0163] FIG. 10 exemplarily shows the structure of the electronic device.

[0164] As shown in FIG. 10, the electronic device 100 can include a processor 110, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, a sensor module 180, a key 190, a display screen 194, and the like. The sensor module 180 can include a pressure sensor 180A, a touch sensor 180K, and the like.

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

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

[0167] The controller can generate operation control signals according to instruction operation codes and timing signals, and complete the control of fetching and executing instructions.

[0168] The processor 110 can also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory can hold instructions or data that the processor 110 has just used or is using repeatedly. If the processor 110 needs to use the instructions or data again, it can be directly called from the memory. This avoids repeated access and reduces the waiting time of the processor 110, thereby improving the efficiency of the system.

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

[0170] The I2C interface is a bidirectional synchronous serial bus that includes a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 can include multiple sets of I2C buses. The processor 110 can be coupled to the touch sensor 180K, the charger, the flash, the camera, etc. through different I2C bus interfaces. For example, the processor 110 can be coupled to the touch sensor 180K through an I2C interface, so that the processor 110 and the touch sensor 180K communicate through the I2C bus interface to realize the touch function of the electronic device 100.

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

[0172] The charging management module 140 is configured to receive charging input from a charger. The charger can be a wireless charger or a wired charger. In some embodiments with wired charging, the charging management module 140 can receive charging input from a wired charger through the USB interface 130. In some embodiments with wireless charging, the charging management module 140 can receive wireless charging input through a wireless charging coil of the electronic device 100. The charging management module 140 can charge the battery 142 and power the electronic device through the power management module 141.

[0173] The power management module 141 is configured to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 to power the processor 110, the internal memory 121, the display screen 194, the camera 193, and the wireless communication module 160. The power management module 141 can also be configured to monitor parameters such as battery capacity, battery cycle count, battery health status (leakage, impedance), and the like. In some other embodiments, the power management module 141 can also be disposed in the processor 110. In some other embodiments, the power management module 141 and the charging management module 140 can also be disposed in the same device.

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

[0175] The display screen 194 is configured to display images, videos, and the like. The display screen 194 can include a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flex light-emitting diode (FLED), a Miniled, a MicroLed, a Micro-oLed, a quantum dot light emitting diode (QLED), and the like. In some embodiments, the electronic device 100 can include one or N display screens 194, where N is a positive integer greater than 1.

[0176] The pressure sensor 180A is configured to sense a pressure signal and convert the pressure signal to an electrical signal. In some embodiments, the pressure sensor 180A can be disposed on the display 194. The pressure sensor 180A can be of various types, such as a resistive pressure sensor, an inductive pressure sensor, a capacitive pressure sensor, etc. The capacitive pressure sensor can include at least two parallel plates of conductive material. When a force is applied to the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure based on the change in capacitance. When a touch operation is applied to the display 194, the electronic device 100 detects the intensity of the touch operation based on the pressure sensor 180A. The electronic device 100 can also calculate the position of the touch based on the detection signal of the pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities can correspond to different operation instructions. For example, when a touch operation with an intensity less than a first pressure threshold is applied to a short message application icon, an instruction to view short messages is executed. When a touch operation with an intensity greater than or equal to the first pressure threshold is applied to the short message application icon, an instruction to create a new short message is executed.

[0177] The touch sensor 180K, also referred to as a "touch device". The touch sensor 180K can be disposed on the display 194, and the touch sensor 180K and the display 194 together form a touch screen, also referred to as a "touch panel". The touch sensor 180K is configured to detect a touch operation applied thereto or in the vicinity thereof. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display 194. In other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, which is different from the position where the display 194 is located.

[0178] The keys 190 include a power key, a volume key, etc. The keys 190 can be mechanical keys. They can also be touch keys. The electronic device 100 can receive key input and generate key signal input related to user settings and function control of the electronic device 100.

[0179] In the present application, the processor 110 in the electronic device 100 can determine the corresponding layout template for the windows according to the number of windows displayed in the display screen 194 after the user grabs the windows in the interface. Specifically, the internal memory 121 included in the processor 110 can store the mapping relationship between the number of windows and the layout template set. After the processor 110 determines the number of windows currently opened by the user, the processor 110 can query the layout template set corresponding to the number of windows based on the determined number of windows and the above mapping relationship. Any one layout template set includes at least one layout template, which can be used to sequentially display all windows in the interface in the same interface (i.e., the windows do not block each other, and the ratio of the area of all windows to the total area of the screen is greater than a predetermined threshold), and can be used to control the area ratio, specific display shape and specific display position of each window in the interface. Part or all of the layout templates in the layout template set corresponding to the above number of windows will be output to the display screen 194 under the processing of the processor 110 and the GPU. Any one layout template can be selected by the user through a touch operation. The processor 110 can respond to the user's selection operation of the layout template and sequentially display all currently opened windows in the display screen 194 according to the layout style corresponding to the above user-selected layout template in combination with the GPU.

[0180] Specifically, after the user selects the layout template, the parameters corresponding to the template (including the number of display areas, the starting point and the terminal of each display area boundary in the screen, etc.) will be further delivered to the GPU. The GPU renders the screen picture according to these parameters, so that the electronic device sequentially displays the currently opened windows in the display screen 194 according to the style corresponding to the above user-selected layout template.

Claims

1. A window layout adjustment method, characterized by, The method comprises: displaying a second interface in response to a first operation on a first interface, the first interface comprising a plurality of windows, the second interface comprising a first window thumbnail set and at least one layout template, the first window thumbnail set comprising thumbnails of the plurality of windows, the at least one layout template corresponding to a display manner of the plurality of application windows when displayed simultaneously on a screen; displaying a third interface in response to a second operation on the first window thumbnail and a target layout template, the target layout template being any one of the at least one layout template, the third interface comprising at least two windows, the at least two windows being included in the plurality of windows, and the display manner of the at least two windows in the third interface being the same as the display manner corresponding to the target layout template.

2. The method of claim 1, wherein, In the third interface, there is no overlapping part between any two windows of the at least two windows.

3. The method according to claim 1 or 2, characterized in that, The at least one layout template comprises at least one first layout template and at least one second layout template, the layout templates in the at least one first layout template each providing a number of display areas that is the same as a total number of windows of the plurality of windows, and the layout templates in the at least one second layout template each providing a number of display areas that is less than the total number of windows of the plurality of windows, and the display of the third interface comprises: in a case where the target layout template belongs to the at least one first layout template, displaying the plurality of windows in the third interface, and the display manner of the plurality of windows in the third interface being the same as the display manner corresponding to the target layout template; in a case where the target layout template belongs to the at least one second layout template, displaying M windows of the plurality of windows in the third interface based on a number M of display areas provided by the target layout template, and the display manner of the M windows in the third interface being the same as the display manner corresponding to the target layout template.

4. The method of claim 3, wherein: the M windows are M windows of the plurality of windows that are opened later in time; or the M windows are M windows of the plurality of windows that are operated later in time by a user. In the third interface, a first window of the plurality of windows is displayed in a first area, and a second window is displayed in a second area, and after the display of the first interface, the method further comprises:

5. The method according to any one of claims 1 to 4, characterized in that, interchanging the display positions of the second window and the first window in response to a third operation on the first window, the third operation being an operation of dragging the first window from the first area to the second area. After the display of the third interface, the method further comprises:

6. The method according to any one of claims 1 to 4, characterized in that, displaying a fourth interface in response to a fourth operation on the third interface, the fourth interface comprising a second window thumbnail set and a side area, the second window thumbnail set comprising thumbnails of the at least two windows. ​ display a sixth interface in response to the fifth operation on the second window thumbnail, the sixth interface including a first region and a second region, the first region including the at least two windows and a first set of layout templates, any one of the first set of layout templates providing a same number of display regions as a total number of windows of the at least two windows, and the second region including at least one application icon; display a seventh interface in response to a click operation on a first icon of the at least one application icon, the seventh interface including the first region, the first region of the seventh interface including the at least two windows, a third window, and a second set of layout templates, the third window being a window opened by clicking the first icon, and any one of the second set of layout templates providing a same number of display regions as a total number of windows of the at least two windows and the third window; display an eighth interface in response to an operation on a third layout template of the second set of layout templates, the eighth interface including the at least two windows and the third window, and the at least two windows and the third window being displayed in the eighth interface in a same manner as corresponding to the target layout template.

7. The method of claim 6, wherein, Before the eighth interface is displayed, the method further includes: display the at least two windows and the third window in the second region of the seventh interface according to the corresponding display manner of the third layout template in response to a sixth operation on the third layout template of the second set of layout templates.

8. The method of claim 7, wherein, The second region further includes a first control, and after the at least two windows and the third window are displayed in the second region of the seventh interface according to the display manner of the third layout template, the method further includes: in the second region of the seventh interface, in response to an operation of dragging a fourth window to a fifth window display region, exchange display positions of the fourth window and the fifth window, the fourth window and the fifth window being any two of the at least two windows and the third window; the eighth interface includes: display the eighth interface in response to a seventh operation on the first control, the at least two windows and the third window having a same relative positional relationship in the eighth interface as when the at least two windows and the third window are displayed in the second region of the seventh interface.

9. An electronic device, comprising: The electronic device includes one or more processors, a memory, and a display screen; The memory is coupled to the one or more processors, and the memory is configured to store computer program code including computer instructions, and the one or more processors are configured to invoke the computer instructions to cause the electronic device to perform the method of any one of claims 1-8.

10. A chip system, characterized by The chip system is applied to an electronic device, and the chip system includes one or more processors configured to invoke computer instructions to cause the electronic device to perform the method of any one of claims 1-8.

11. A computer-readable storage medium comprising instructions, wherein: When the instructions are executed on the electronic device, cause the electronic device to perform the method of any of claims 1-8.

Images