Window layout adjustment method and related device

Abstract

The invention provides a window layout adjustment method and a related device, and the method is implemented, an electronic device can provide a plurality of window layout templates for a user based on the number of windows in a current interface after the user captures all windows in the interface, and the user experience is improved. A user can select a layout template from the plurality of window layout templates according to own expectation and browsing preference, and the plurality of windows can be quickly and orderly displayed in an interface according to the area proportion, the specific display shape and the specific display position determined by the layout template for each window. And the windows are not mutually shielded, so that the user can completely browse all contents displayed in each window. Through the method, a user can quickly and accurately adjust the plurality of windows in the interface into the expected layout styles through simple operation.

Description

TECHNICAL FIELD

[0001] 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

[0002] With the development of science and 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, a user may open multiple document windows at the same time in order to copy and paste information in one document to other documents, or when entertaining, a user 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.

[0003] 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 limitation of the area of the computer screen, 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, but this adjustment operation generally takes a lot of time to complete, and the user experience is not good.

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

[0005] 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, so 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 operation.

[0006] The above and other objects will be achieved by the features of the independent claims. Further implementation forms are apparent from the dependent claims, the description and the figures.

[0007] 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, wherein the first interface comprises a plurality of windows, the second interface comprises a first window thumbnail set and at least one layout template, the first window thumbnail set comprises thumbnails of the plurality of windows, and the at least one layout template corresponds to a display mode of the plurality of application windows when displayed simultaneously on a screen; in response to a second operation on the first window thumbnail and a target layout template, displaying a third interface, wherein the target layout template is any one of the at least one layout template, the third interface comprises at least two windows, the at least two windows are included in the plurality of windows, and a display mode of the at least two windows in the third interface is the same as the display mode corresponding to the target layout template.

[0008] 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 mode corresponding to the layout template. In this way, the user can display the windows that the user needs to browse in the layout that the user 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.

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

[0010] Optionally, the first operation can be a five-finger grabbing 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.

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

[0012] In combination with 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.

[0013] In order 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 the 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.

[0014] 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. Specifically, the preset threshold 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 the 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.

[0015] In combination with 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 the same number of display areas 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 less than the total number of windows of the plurality of windows, and the 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.

[0016] 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).

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

[0018] 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)].

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

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

[0021] In combination with the first aspect, in a possible implementation, in the third interface, a first window in 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.

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

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

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

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

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

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

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

[0029] 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 preferences.

[0030] 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 comprise computer instructions, and the one or more processors 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.

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

[0032] 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 performs the method in the first aspect or any possible implementation manner of the first aspect.

[0033] 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 performs the method in the first aspect or any possible implementation manner of the first aspect. BRIEF DESCRIPTION OF DRAWINGS

[0034] Figure 1 The user interface related to adjusting the multi-window layout provided by the embodiments of the present application;

[0035] Figure 2An example diagram of a multi-window layout in a grid pattern is provided for embodiments of this application;

[0036] Figure 3 The user interface involved in adjusting the layout of multiple windows based on a layout template provided in the embodiments of this application;

[0037] Figure 4 Example diagrams of two "grid" style multi-window layouts provided for embodiments of this application;

[0038] Figure 5 A user interface for dragging and dropping windows to exchange window positions, provided in an embodiment of this application;

[0039] Figure 6 The user interface involved in adjusting the layout of multiple windows based on a layout template provided in the embodiments of this application;

[0040] Figure 7 The user interface involved in adjusting the layout of multiple windows based on a layout template provided in the embodiments of this application;

[0041] Figure 8 The user interface involved in adjusting the multi-window layout based on a new layout template after adding a window, as provided in the embodiments of this application;

[0042] Figure 9 The user interface involved in adjusting the multi-window layout based on a new layout template after adding a window, as provided in the embodiments of this application;

[0043] Figure 10 This is an architectural diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0044] The terminology used in the following embodiments of this application is for the purpose of describing particular embodiments only and is not intended to be limiting of this application. As used in the specification and appended claims of this application, the singular expressions “a,” “an,” “the,” “the,” “the,” and “this” are intended to include the plural expressions as well, unless the context clearly indicates otherwise. It should also be understood that the term “and / or” as used in this application refers to and includes any or all possible combinations of one or more of the listed items.

[0045] To facilitate understanding, the relevant terms involved in the embodiments of this application will be introduced below.

[0046] (1) Window layout template

[0047] In this application, the window layout template (hereinafter referred to as "layout template") is a functional option used to specify the area ratio, specific display shape, and specific display position of each window in the interface when multiple windows are displayed simultaneously in the same interface.

[0048] In this application, when multiple windows are displayed simultaneously on the interface, the user can grab the multiple windows through user operation. After grabbing, the multiple windows can be displayed in the form of thumbnails. At this time, at least one layout template will also be displayed on the interface of the electronic device. The number of windows corresponding to each layout template can be the same as the number of windows mentioned above. In addition, if the number of the at least one layout template is greater than one, the window layout styles set by any two layout templates are not completely the same (that is, 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 on the interface, the specific display shape of each window, and the specific display position of each window on the interface).

[0049] After displaying at least one of the above layout templates on the interface, the user can drag the multiple captured interfaces (thumbs up) onto the desired layout template and release. Then, the multiple windows will be displayed simultaneously on the same interface according to the style corresponding to the layout template. Please refer to the following instructions for details.

[0050] (2) Taskbar

[0051] In Windows systems, the taskbar is the small bar located at the bottom of the desktop, mainly consisting of the Start menu (screen), the application area, the language options bar (which can be unlocked), and the system tray.

[0052] Generally, no matter how many windows a user opens, they will not obscure the taskbar. Furthermore, most windows can be minimized by the user through appropriate actions. Minimized windows will no longer display their content but will instead appear as application icons in the application area of ​​the taskbar. Users can click the application icon in the application area again to bring the window back into view.

[0053] With the development of technology, electronic devices such as computers and tablets have become indispensable tools in people's daily lives. When users use these products for work or entertainment, they often open multiple windows to obtain the information they want from multiple windows simultaneously.

[0054] like Figure 1 As shown in (A), user interface 10 is the interface displayed on the electronic device after the user opens four windows. These four windows are... Figure 1The diagram shows windows 101, 102, 103, and 104 (A). Window 101 is a video playback software window, window 102 is a music playback software window, window 103 is a document editing software window, and window 104 is a calculator software window. Under normal circumstances, when a user opens these windows sequentially, they are displayed in a disordered manner on the interface, with later-opened windows appearing above earlier-opened windows. This can cause the content of previously opened windows to be partially obscured. For example, with windows 103 and 104, since window 103 was opened before window 104, window 104 will appear above window 103, and the content displayed in window 103 will be partially obscured by window 104.

[0055] Understandably, after a window is opened, users can manipulate it to change the hierarchical relationship between windows. Specifically, when a user interacts with a window (e.g., by clicking any area of ​​the window with the mouse or finger), that window will appear on top of all other windows, but the display hierarchy of other windows in the interface will remain unchanged. Similarly... Figure 1 Taking windows 103 and 104 as examples, in user interface 10, window 103 is displayed above windows 102 and 101 and below window 104. If the user wants to fully view all the content displayed in window 103, the user can operate on window 103 in user interface 10, for example... Figure 1 The click operation shown in (A) causes window 103 to be displayed on top of other windows, and causes the electronic device to display as shown in the image. Figure 1 User interface 11 is shown in (B) in the image.

[0056] like Figure 1 As shown in (B), in 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.

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

[0058] For example Figure 1Taking window 103 shown in (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; when the dragging direction is towards the outside of the window 103, the window 103 will be enlarged. Figure 1 As shown in (B), the user can long-press the upper left corner of window 103 and drag window 103 to the upper left to enlarge window 103, and make the electronic device display as shown. Figure 1 User interface 12 is shown in (C).

[0059] like Figure 1 As shown in (C), compared to window 103 in user interface 11, window 103 in user interface 12 has a larger display area. Therefore, in order to move window 103 to a suitable position so that all windows can be displayed in an orderly manner later, as follows... Figure 1 As shown in (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 as shown. Figure 1 User interface 13 is shown in (D) in the diagram.

[0060] like Figure 1 As shown in (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 a quarter of the entire screen area (excluding the area occupied by the taskbar 105 at the bottom of the screen).

[0061] 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. See the attached image for details. Figure 2 The user interface 20 shown is described above. 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 all the content displayed in each window.

[0062] However, the above window layout adjustment method needs 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 "checkboard" 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.

[0063] 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 own 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 multiple windows in the interface to the desired layout style through simple operation. For details, please refer to the related description of the following Figures 3-9 .

[0064] It should be noted in advance that, in order to facilitate the description, in Figures 3-8 , the specific content displayed in each window is not shown, and any two windows marked with different reference numerals represent two different windows. The two windows 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.

[0065] First, please refer to Figure 3 . Figure 3 The specific operation and interface change process involved in the window layout adjustment method provided by the embodiment of the present application are exemplarily shown.

[0066] like Figure 3 As shown in (A), the user interface 30 includes windows 301, 302, 303, 304, and a taskbar 305. Windows 301-304 are windows opened by the user, and these windows are displayed in a disordered and cluttered manner on the interface. Due to the limited screen area of ​​electronic devices, windows 301, 303, and 304 overlap, and windows 303 and 302 also overlap, causing the content contained in windows 301 and 303 to not be fully displayed on the interface 30.

[0067] To quickly adjust windows 301-304 to the desired layout style, users can use corresponding user actions, such as... Figure 3 The five-finger pinch gesture shown in (A) (i.e., the user's five fingers are spread out and touching the screen while the fingers are brought together, hereinafter the same) grabs all windows contained in the user interface 30 and causes the electronic device to display as shown in Figure 30. Figure 3 User interface 31 is shown in (B) of the diagram.

[0068] like Figure 3 As shown in (B), the user interface 31 includes: a window thumbnail set 311, layout templates 31a, 31b, 31c, 31d, 31e, and 31f. Optionally, in this embodiment, the status bar may not be displayed at the bottom of the user interface 31.

[0069] The window thumbnail set 311 includes thumbnails of windows 301-304. Understandably, after a user grasps windows 301-304 in the user interface 30 using a five-finger pinch gesture, the user interface 31 displayed by the electronic device can provide the user with at least one layout template for these windows, allowing the user to quickly adjust these four windows into an orderly and non-obstructing state. Therefore, in order to reserve a sufficiently large area in the user interface 31 to display all the layout templates provided by the electronic device, the electronic device can shrink all windows after the user grasps windows 301-304, displaying them only as a thumbnail set in the user interface 31. Optionally, the hierarchical relationship between each thumbnail in the window thumbnail set can be the same as the hierarchical relationship of windows 301-304 in the user interface 30. For example, if window 302 is displayed above window 303 in the user interface 30, then in the window thumbnail set 311, the thumbnail corresponding to window 302 will also be displayed above the corresponding thumbnail of window 303.

[0070] 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 in the interface for windows 301-304, and 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. For details, please refer to the aforementioned... Figure 2 The relevant explanations are as follows: Layout template 31b presents a layout completely different from layout template 31c. It can divide an interface into two equally sized areas, left and right. The left half of the area can be used to display one of the windows 301-304, and the boundary of the window can basically coincide with the boundary of the left half of the area (it should be understood that in the embodiments of this application and other embodiments, "the window boundary can basically coincide with the area boundary" means that the display area of ​​the window does not exceed the area, and the area ratio of the window's display area in the area is greater than a preset threshold; optionally, the threshold can be set to 95% to 100%). The right half of the area can be further divided into three equally sized areas 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 basically coincide with the boundaries of the areas they display.

[0071] 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 proportion, display shape, and display position determined for each window by the layout template. For example... Figure 3 As shown in (C), the user can move the window thumbnail atlas 311 onto the layout template 31a and release it, and the electronic device will respond to the operation and display as shown in (C). Figure 3 User interface 33 is shown in (D) in the diagram.

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

[0073] like Figure 3As shown in (D), in user interface 33, windows 301-304 are displayed in the interface according to the "grid" pattern presented by layout template 31a. At this time, windows 301-304 have the same shape and area, and they are displayed in the upper left, upper right, lower left and lower right corners of the same interface, respectively. No two windows overlap or obstruct each other, and the presentation area of ​​the four windows basically fills the entire screen.

[0074] The window layout adjustment method provided in this application allows users to quickly and accurately adjust multiple windows in the interface to their desired layout style with simple operations, without leaving too much blank area in the middle of the screen, thus ensuring the browsing effect of the windows as much as possible.

[0075] Of course, in this embodiment, the user can also move the window thumbnail set 311 to any one of the layout templates 31b-31f and release it, so that windows 301-304 are displayed on the same interface according to the layout style shown by the layout template. They will not be listed one by one here.

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

[0077] Furthermore, it should be noted that for any given layout template, the location of the display area for the window on the interface is fixed. When displaying multiple windows one by one in the areas defined by the layout template, each window corresponds to a separate display area. This application provides three different display rules for determining which window is displayed in which area.

[0078] Similarly Figure 3 The following example uses windows 301-304 as illustrations. For ease of explanation, t is used here. openX Indicates the opening time of window X, and uses t operateX This indicates the last time the user interacted with window X, where "X" represents the window's number; the later the window was opened, the more likely it was to be active.open The greater, the later the user's last operation time corresponding to the window operate The greater, and it is assumed that before displaying the user interface 30, the user opened the window 301, the window 302, the window 303 and the window 304 in sequence, after opening the window, the user operated (for example, click operation) the window 302 in sequence, so that the window 302 is displayed on top of all windows, and the electronic device displays the user interface 30 shown in (A) of the foregoing Figure 3 , then when the electronic device displays the user interface 30, the order relationship of the opening time of the four windows is t open 304 >t open303 >t open 302 >t open 301 , the order relationship of the user's last operation time is t open 302 >t open 304 >t open 303 >t open 301 .

[0079] 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:

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

[0081] 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 window 301-window 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 region displays which window. For example, the electronic device can display the window 301, the window 303, the window 302 and the window 304 in sequence 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 as shown in (D) of the foregoing Figure 3 , the electronic device can also display the window 301, the window 302, the window 303 and the window 304 in sequence 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, 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 of the screen, which is not limited in the present application.

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

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

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

[0085] Therefore, after the user moves the window thumbnail atlas 311 onto the layout template 31a and releases it, the electronic device may not display the following: Figure 3 Instead of the user interface 33 shown in (D), it displays as shown in [the diagram]. Figure 4 User interface 40 is shown in (A) in the image.

[0086] like Figure 4 As shown in (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.

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

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

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

[0090] like Figure 4 As shown in (B), in the user interface 41, the windows displayed in the upper left, lower left, upper right, and lower right corners of the screen are also determined, namely window 304, window 303, window 302, and window 301, respectively. Window 302 is displayed in the upper left corner with the highest browsing weight because it was last operated at the latest time, while window 301, which was last operated at the earliest time, is displayed in the lower right corner with the lowest browsing weight.

[0091] Of course, in some embodiments, the electronic device may also display the window with the later last operation time in the display area with the lower browsing weight, or display the window with the later opening time in the display area with the lower browsing weight. These will not be described in detail here.

[0092] In some embodiments of this application, after a user adjusts the layout of multiple windows using a layout template, if the user is not satisfied with the display position of one or more windows, the user can drag the windows displayed in one area to another area, causing the electronic device to swap the windows displayed in the two areas. This allows the user to display each window in the desired position according to their personal preference without changing the overall window layout style. See details... Figure 5 .

[0093] like Figure 5 As shown, Figure 5 The user interface 33 shown in (A) can be Figure 3 User interface 33 is shown in (D). As can be seen from the foregoing description, at this time, the electronic device has displayed windows 301-304 in the user interface 33 according to the "grid" pattern specified by the layout template 31a based on the user's previous operations, and windows 301, 303, 302 and 304 are displayed in the upper left corner, upper right corner, lower left corner and lower right corner of the screen respectively.

[0094] If the user wants window 302 to be displayed in the upper right corner of the screen at this time, then... Figure 5 As shown in (A), the user can press and hold the blank area at the top of window 302 and drag window 302 to the upper right corner of window 303, then release the button. This will cause the electronic device to swap the display positions of windows 302 and 303 and display as shown in (A). Figure 5 User interface 51 is shown in (B) of the diagram.

[0095] like Figure 5 As shown in (B) of the diagram, in user interface 51, window 302 is already displayed in the upper right area of ​​the screen, while window 303 is displayed in the lower left area. Similarly, if the user subsequently wishes to display window 301 in the upper right corner of the screen, then... Figure 5 As shown in (B), the user can long-press the blank area at the top of window 301 and drag window 301 to the upper right corner area where window 302 is located, then release the button to swap the display positions of window 301 and window 302 on the electronic device, and display as shown in (B). Figure 5 User interface 52 is shown in (C). That is, after the electronic device has finished setting the layout of the windows according to the layout template, the user can adjust the display position of each window multiple times without changing the overall layout format until the display position of each window on the screen meets the user's expectations.

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

[0097] Understandably, in this application, when an electronic device provides layout templates for multiple windows, it first needs to determine the total number of windows open in the interface. The number of display areas divided by each subsequent template is the same as the total number of windows open in the interface. That is, when there are four windows open in the interface, after the user pinches all the windows together, all layout templates provided by the electronic device will divide the screen into four display areas to display the four windows respectively. Correspondingly, when there are three windows open in the interface, after the user pinches all the windows together, all layout templates provided by the electronic device will divide the screen into three display areas to display the three windows respectively.

[0098] Figure 6 This example illustrates the specific operations and interface changes involved in adjusting the layout of three windows using the window layout adjustment method provided in this application, when a total of three windows are open.

[0099] like Figure 6As shown in (A), the user interface 60 includes windows 601, 602, and 603. Windows 601-603 are displayed in a disordered and chaotic manner on the interface.

[0100] Users can perform corresponding user actions, such as Figure 6 The five-finger pinch gesture shown in (A) grabs all windows contained in the user interface 60 and causes the electronic device to display as shown in the image. Figure 6 User interface 61 is shown in (B) of the diagram.

[0101] like Figure 6 As shown in (B), the user interface 61 includes: a window thumbnail set 611, layout templates 61a, 61b, 61c, 61d, 61e, and 61f. Optionally, in this embodiment, the status bar may not be displayed at the bottom of the user interface 61.

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

[0103] Layout templates 61a-61f are all layout templates provided to the user by the electronic device based on the number of all windows in the user interface 61.

[0104] For details regarding the function and related information of Window Thumbnail Atlas 611 and Layout Templates 61a-61f, please refer to the aforementioned sections. Figure 3 The relevant explanations will not be repeated here.

[0105] It should be noted that since the user only opens windows 601-603, in this embodiment, any one of the layout templates 61a-61f will divide the screen into three display areas, and each display area in each layout template is used to display one window from 601-603. For example, layout template 61a can be used to set the three windows to have the same shape and area and display them sequentially from left to right in the interface; layout template 61a can be used to set the three windows to have the same shape and area and display them sequentially from top to bottom in the interface; while layout template 61c can divide the left half of the screen into two equal areas, display two of the three windows with the same shape and area in the two equal areas respectively, and display the remaining window in the right half of the screen.

[0106] In user interface 61, the electronic device can respond to any operation of the user's layout template, so that windows 601-603 are 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.

[0107] like Figure 6 As shown in (C), the user can move the window thumbnail atlas 611 onto the layout template 61a and release it, and the electronic device will respond to the operation and display as shown in (C). Figure 6 User interface 63 is shown in (D) in the diagram.

[0108] like Figure 6 As shown in (D), in user interface 63, windows 601-603 are displayed in the interface according to the style presented by layout template 61a. At this time, windows 601-603 have the same shape and area, and are displayed in order from left to right on the screen. No two windows overlap or obstruct each other, and the presentation area of ​​the three windows basically fills the entire screen.

[0109] Similarly, when a user has opened five, six, or even more windows, the user can adjust the layout of multiple windows using the window layout adjustment method provided in this application. Examples will not be provided here.

[0110] In some scenarios, when a user opens multiple windows on the same interface, they may only want to browse the content presented in a few of these windows simultaneously, rather than all of them. Therefore, based on the aforementioned window layout adjustment methods, this application provides another window layout adjustment method. Implementing this method, in an interface displaying N (N≥2) windows simultaneously, the user can grab all the windows on the interface through user operation. The electronic device can respond to this operation and provide the user with a window layout template containing X display areas based on the number of windows on the current interface. Specifically, the value of X can be 2-N, and regardless of the value of X being any integer from 2-N, the window layout templates provided by the electronic device will always include a layout template with X display areas. The user can select a layout template from the above multiple window layout templates according to their expectations and browsing preferences, and then move the grabbed window (window thumbnail set) onto the layout template and release it. If the display area of ​​the layout template is N, then the aforementioned N windows can be quickly and orderly displayed on the interface according to the layout template. If the display area of ​​the layout template is less than N (let's assume it's M, 2 < M < N), then the electronic device can determine M windows from the aforementioned N windows (specifically, it can determine M windows from the N windows based on the opening time of each window or the user's last operation time), and display the determined M windows in an orderly manner on the interface according to the layout template. Please refer to [link / reference needed] for details.Figure 7 .

[0111] like Figure 7 As shown in (A), the user interface 70 includes windows 701, 702, 703, and 704. Therefore, based on the previous description, the value of N is 4. Windows 701 through 704 are displayed randomly in the user interface 70. Users can interact with these windows through various user operations, such as... Figure 7 The five-finger pinch gesture shown in (A) grabs all windows contained in the user interface 30 and causes the electronic device to display as shown. Figure 7 User interface 71 is shown in (B) of the diagram.

[0112] like Figure 7 As shown in (B), 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. Wherein:

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

[0114] The layout template set 712 includes layout templates 71a, 71b, 71c, and 71d. Each layout template provides four display areas, and any one of the layout templates can be used to display the four windows 701-704 in an orderly manner on the same interface according to the style corresponding to the layout template.

[0115] The layout template set 713 includes layout templates 71e, 71f, 71g, and 71h. Each layout template provides three display areas, and any one of these templates can be used to display the three windows (701-704) in an orderly fashion on the same interface according to the style corresponding to the layout template. Specifically, the electronic device can determine the three windows that were opened last or the three windows that were last accessed by the user based on the opening time or the last access time of windows 701-704, and the remaining window can be displayed in a minimized form in the taskbar at the bottom of the interface.

[0116] The layout template set 713 includes a layout template 71i and a layout template 71j, any one of which provides two display areas and can be used to sequentially display two windows of the windows 701-704 in the interface according to the layout corresponding to the layout template. Similarly, the electronic device can determine two windows of the windows 701-704 that are opened later or two windows that are last operated 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.

[0117] In a case where the user expects to sequentially display all the four windows of the windows 701-704 in the same interface, the user can determine the 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 sequentially display the windows 701-704 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 takes the value of 4), and the electronic device can display the windows 701-704 in the interface in the layout style of a "Tianzi grid", which can be specifically referred to as the user interface 33 shown in (D) of FIG. 13B. Figure 3

[0118] In a case where the user expects to sequentially display three windows of the windows 701-704 in the same interface, the user can determine the 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 sequentially display the three windows of the windows 701-704 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 takes the value of 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 that are last operated by the user) in the interface in the layout style corresponding to the layout template 71g, which can be specifically referred to as the user interface 72 shown in (C) of FIG. 13B. Figure 7

[0119] ​​In the case that the user expects to display two windows of the windows 701-704 in order in the same interface, the user can determine the layout template that he or she needs 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 then the electronic device can display the window 703 and the window 704 (it is assumed that the window 703 and the window 704 are the two windows that are newly operated by the user) in the same interface according to the layout style corresponding to the layout template 71i. For details, refer to the user interface 73 shown in (D) of FIG. 7B. Figure 7

[0120] 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 the M windows that he or she needs to display 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 the N windows is subsequently adjusted by using the layout template, the electronic device can accurately determine the aforementioned M windows that the user expects to display in the same interface from all the windows currently displayed in the interface.

[0121] 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 that the layout template 71i is the "target layout template", the window 703 and the window 704 in the user interface 73 can be referred to as "at least two windows", and in the case that the layout template 71g is the "target layout template", the window 702, the window 703 and the window 704 in the user interface 72 can be referred to as "at least two windows".

[0122] ​In other scenarios, after a user has opened multiple windows on the screen and grasped them all with a five-finger pinch gesture, the user may want to open even more windows and subsequently display them on the screen in an orderly manner along with the previously opened windows using a layout template. Therefore, based on the aforementioned window layout adjustment method, this application also provides another window layout adjustment method. Implementing this method, after a user has grasped all the windows on the interface, they can continue to open new windows. Furthermore, as the number of open windows changes, the electronic device can dynamically change the window layout template it provides to the user, ensuring that the display area contained in the window layout template always matches the number of windows currently open. This allows the user to quickly and orderly display all the windows on the same screen using the layout template after opening all the windows they need. For details, please refer to [link to relevant documentation]. Figure 8 .

[0123] like Figure 8 As shown in (A), the user interface 80 includes windows 801 and 802, which are displayed in an unordered state and overlap with each other. Users can perform corresponding user operations, such as... Figure 8 The five-finger pinch gesture shown in (A) grabs all windows contained in the user interface 80 and causes the electronic device to display as shown. Figure 8 User interface 81 is shown in (B) of the diagram.

[0124] like Figure 8 As shown in (B), the user interface 81 includes: a window thumbnail set 811, a layout template set 812, and a left side area 813L and a right side area 813R. Wherein:

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

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

[0127] Both the left side area 813L and the right side area 813R can respond to user operations, allowing the electronic device to divide the interface into two areas in subsequent processes. One area displays all windows opened by the user and multiple layout templates provided by the electronic device based on the number of windows. The other area displays application icons installed on the electronic device, allowing the user to open additional windows as needed. Windows opened by clicking application icons are also added to the aforementioned area for displaying windows and layout templates, and the layout templates displayed in this area change with the number of windows in the area. Optionally, when the user has not yet moved the window thumbnail set 811 onto the left side area 813L, the width of the left side area can be d1. After the user moves the window thumbnail set 811 onto the left side area 813L, the width of the left side area 813L can be increased to d2, prompting the user to release their finger to place the window thumbnail set 811 into the left side area 813L.

[0128] like Figure 8 As shown in (C), the electronic device can display the following in response to a user's action of moving the window thumbnail atlas 811 onto the left side area 813L and releasing it: Figure 8 The user interface 83 is shown in (D).

[0129] like Figure 8 As shown in (D), the user interface 83 includes region 831 and region 832, wherein:

[0130] Area 831 is used to display all windows currently open by the user, namely window 801 and window 802. Area 831 is also used to display a set of layout templates 831a provided by the electronic device based on the number of currently open windows, and an end selection control 831b. Since the user has a total of two windows open at this time, each layout template in the set of layout templates 831a provides two display areas. The user can select any layout template by clicking on it, and then click the end selection control to display window 801 and window 802 in an orderly manner on the screen according to the layout style corresponding to the selected layout template.

[0131] Zone 832 is used to display application icons installed on the electronic device. Any application icon in Zone 832 can respond to a user's click, causing the electronic device to open the window corresponding to that application, and this window will be added to Zone 831 for display.

[0132] In this embodiment, region 831 is located on the left side of user interface 83, and region 832 is located on the right side of user interface 83. Optionally, during the aforementioned operation, if the user moves the window thumbnail set 811 to the right side region 813R in user interface 82 and then releases the finger, then in user interface 83, region 831 can be located on the right side of user interface 83, while region 832 can be located on the left side of user interface 83.

[0133] like Figure 8 As shown in (D), in response to a user's click on the application icon 832a, the electronic device can display as shown in Figure (D). Figure 8 The (E) user interface 84. User interface 84 may include region 831 and region 832, wherein:

[0134] Area 832 is the same as area 832 in the user interface 83, which is used to display application icons installed in the electronic device.

[0135] Region 831 is the same as region 831 in user interface 83. In user interface 84, in addition to displaying windows 801 and 802, region 831 also displays window 803, which was newly opened by the user by clicking the application icon 832a. Optionally, although these three windows are still displayed in a random order, and there may still be overlap and obstruction between windows, in region 831, the window that was opened later will be displayed at the top. For example, window 803 can be displayed above window 801 and window 802. Furthermore, compared to user interface 83, since the number of open windows in user interface 84 increases, the layout templates in the layout template set 831a provided by the electronic device to the user based on the number of currently open windows will also be updated accordingly. Understandably, the user has opened a total of three windows at this time. Therefore, any layout template in the layout template set 831a in the user interface 84 can provide three display areas. The user can select any layout template by clicking on it and then click the end selection control to display windows 801, 802, and 803 in an orderly manner on the screen according to the layout style corresponding to the selected layout template.

[0136] Optionally, when displaying the user interface 84, the electronic device can determine the first layout template 831a1 in the layout template set 831a as the default layout template used by the user. At this time, the layout template 831a1 is selected by the selection box, indicating that if the user clicks the end selection control in the user interface 84, the electronic device will display windows 801, 802, and 803 in an orderly manner on the screen according to the layout style corresponding to the layout template 831a1. For details, please refer to... Figure 8 The user interface shown in (F) is 85.

[0137] If the layout template 831a1 is not the layout template desired by the user, the user can perform a click operation on other layout templates contained in the layout template set 831a to switch the last used layout template. As shown in (E) of FIG. 8B, the user can switch the layout template to be used to the layout template 831a2 by clicking the layout template 831a2, at which time the electronic device can display a user interface 86 as shown in (G) of FIG. 8B. Figure 8 Figure 8 Figure 9

[0138] In some scenarios, after the user has used the five-finger grabbing operation and the layout template to sequentially display multiple windows in the same interface, the user can still want to add a new window and again adjust the layout of all open windows using the layout template. Therefore, on the basis of the foregoing window layout adjustment method, the present application further provides another window layout adjustment method. After using the layout template to sequentially display multiple windows in the same interface, if the user needs to add a new window and sequentially display the window together with other windows in the screen, the user can simply use a simple user operation to again adjust the layout of all open windows using the window layout template. For details, see Figure 9 .

[0139] As shown in (A) of FIG. 9, the user interface 90 can be an interface displayed by the electronic device after the user has opened the window 901 and the window 902 in the screen and adjusted the layout of the window 901 and the window 902 using the layout template. The user interface 90 can include the window 901 and the window 902. At this time, the window 901 and the window 902 are sequentially displayed in the user interface 90 in a side-by-side layout style and do not overlap each other. Figure 9

[0140] If the user wants to open another window and sequentially display the window together with the window 901 and the window 902 in the screen at this time, the user can perform a corresponding user operation, for example, a five-finger grabbing operation on the screen as shown in (A) of FIG. 10, to grab all windows contained in the user interface 90 and cause the electronic device to display a user interface 91 as shown in (B) of FIG. 10. Figure 9 Figure 9

[0141] As​​​​​​Figure 8 As shown in (B) of FIG. 9A, 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. Wherein:

[0142] The window thumbnail set 911 includes a 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 are already displayed in order according to the style corresponding to the layout template in the interface 90 when they are grabbed, in the window thumbnail set 911, the relative 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 side by side, and the two thumbnails will not overlap each other.

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

[0144] As shown in (C) of FIG. 9A, the user interface 92 includes an area 921 and an area 922, wherein: Figure 8 The area 921 is used to display all the windows currently opened by the user, that is, the window 901 and the window 902. The area 921 is also used to display a layout template set 921a and an end selection control 921b provided by the electronic device based on the number of currently opened windows. The functions of the layout template set 921a and the end selection control 921b can refer to the related descriptions of the foregoing

[0145] , and will not be described here in detail. Similarly, since the window 901 and the window 902 are already displayed in order according to the style corresponding to the layout template in the interface 90 when they are grabbed, in the area 921, the relative positional relationship of the window 901 and the window 902 in the area 921 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 window 901 and the window 902 can also be displayed side by side in the area 921. Figure 9 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.

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

[0147] Figure 9 ​​As shown in (C) of FIG. 9A, in response to a click operation of the application icon 922a by the user, the electronic device can display a user interface 93 as shown in (D) of FIG. 9A. Figure 9 The user interface 93 can include a region 921 and a region 922, where:

[0148] The region 921 is the same as the region 921 in the user interface 92.

[0149] The region 922 is the same as the region 922 in the user interface 92, and is used to display application icons installed in the electronic device.

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

[0151] 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 provided by the electronic device based on the number of currently opened windows are also updated accordingly. It can be understood that at this time, the user has opened a total of three windows, and therefore in the layout template set 921a included in the user interface 93, any layout template provides three display regions. 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 of the layout style corresponding to the selected layout template.

[0152] Optionally, when displaying the user interface 93, 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 in the corresponding window shape and arrangement manner 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.

[0153] If the user needs to open other new windows subsequently, the user can also click the application icons 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.

[0154] Optionally, when displaying the user interface 93, the electronic device can determine the first layout template 921al in the layout template set 921a as the layout template used by the user 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 selection frame. Correspondingly, 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 manners 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 manners 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 manners 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.

[0155] In an optional implementation, when the electronic device displays the user interface 93, the user has determined and selected a desired layout template from the layout template set, but when previewing 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 they are displayed in the area 921. In this way, the user can display each window at the position expected by the user without changing the overall window layout style according to personal preferences.

[0156] For example, the layout template 921al in the user interface 93 sets three windows to be displayed horizontally and 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 from left to right and side by side; and because 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.

[0157] If the user directly clicks the end selection control 921b in the user interface 93 at this time, the electronic device can display the window 901, the window 902, and the window 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 window 901, the window 902, and the window 903 in the screen as shown in FIG. 9B. Figure 9User interface 94 is shown in (E). In user interface 94, window 903 is located on the far left and window 901 is located on the far right.

[0158] However, in user interface 93, if the user drags and drops to swap the display positions of window 903 and window 902 in area 921, and then clicks the end selection control 921b in user interface 93, the electronic device can still display windows 901, 902, and 903 in an orderly manner on the screen according to the layout style corresponding to layout template 921a2. However, in this case, the user interface displayed by the electronic device can... Figure 9 User interface 95 is shown in (F). Unlike user interface 94, in user interface 95, although windows 901, 902 and 903 are also displayed side by side, window 902 is located on the far left and window 903 is located on the far right.

[0159] In this embodiment, the user interface 90 can be referred to as the "third interface," and windows 901 and 902 can be referred to as "at least two windows." Figure 10 The five-finger pinch gesture shown in (A) can be referred to as the "fourth operation," user interface 91 can be referred to as the "fourth interface," window thumbnail atlas 911 can be referred to as the "second window thumbnail atlas," the user's action of dragging window thumbnail atlas 911 to the right side area 913R and releasing it can be referred to as the "fifth operation," user interface 92 can be referred to as the "sixth interface," area 921 can be referred to as the "first area," area 922 can be referred to as the "second area," the layout template set 921a in user interface 92 can be referred to as the "first layout template set," and the application icon contained in area 922 can be referred to as "at least one application." The program icon, application icon 922a can be called the "first icon", user interface 93 can be called the "seventh interface", window 903 can be called the "third window", layout template set 921a in user interface 93 can be called the "second layout template set", layout template 921a1 can be called the "third layout template", user interface 94 can be called the "eighth interface", end selection control 921b can be called the "first control", window 903 can be called the "fourth window", window 904 can be called the "fifth window", and the user's click operation on end selection control 921b in interface 92 can be called the "seventh operation".

[0160] The electronic device provided in this application will now be described.

[0161] The electronic device can be 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.

[0162] Figure 10 An example structure of the electronic device is shown.

[0163] As shown in ​ , 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.

[0164] It can be understood that the structure shown in 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 shown, or combine certain components, or split certain components, or different component arrangements. The components shown can be implemented in hardware, software, or a combination of software and hardware.

[0165] 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 into one or more processors.

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

[0167] The processor 110 can also include a memory that stores 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.

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

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

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

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

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

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

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

[0175] The pressure sensor 180A is configured to sense a pressure signal and convert the pressure signal into 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.

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

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

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

[0179] 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