Window layout control method and device, electronic equipment and storage medium

CN119883449BActive Publication Date: 2026-09-04BEIJING XIAOMI MOBILE SOFTWARE CO LTD
View PDF 3 Cites 0 Cited by

Patent Information

Application Number
CN202311398143.8
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2023-10-25
Publication Date
2026-09-04
Estimated Expiration
2043-10-25

AI Technical Summary

Technical Problem

[0003]目前,移动终端的多窗口模式的布局方式,主要是按照系统规定的排布方式自动排列,给予用户的窗口布局自由度较低,导致用户实际使用效果很差

Benefits of technology

[0041]本公开实施方式的窗口布局控制方法,包括在自动排布模式下,响应于检测到针对当前显示的窗口的触发操作满足预设条件关闭自动排布模式,基于用户针对当前显示的窗口的控制操作排布窗口。本公开实施方式中,利用自动排布模式可以实现多窗口的自动排布,从而减少用户在使用期间排布窗口的成本,以使得用户能够专注于自身的任务,提高用户作业效率,而且通过检测用户针对窗口的触发操作识别用户意图,从而在用户想要自由排布窗口布局时,关闭自动排布模式,满足用户自由调节窗口布局的需求,兼顾自动化和自由度。

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119883449B_ABST
    Figure CN119883449B_ABST
Patent Text Reader

Abstract

The present disclosure provides a window layout control method and device, electronic equipment and storage medium. The window layout control method comprises: in an automatic arrangement mode, in response to detecting that a trigger operation on a currently displayed window meets a preset condition, closing the automatic arrangement mode, and arranging the window based on a control operation of a user on the currently displayed window. In the present disclosure, the automatic arrangement mode can be used to automatically arrange multiple windows, thereby reducing the cost of arranging windows during use, enabling the user to focus on their own tasks, improving user work efficiency. Moreover, by detecting the trigger operation of the user on the window to identify the user's intention, the automatic arrangement mode can be closed when the user wants to freely arrange the window layout, thereby meeting the user's demand for freely adjusting the window layout and balancing automation and freedom.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This disclosure relates to the field of electronic equipment technology, specifically to a window layout control method, apparatus, electronic device, and storage medium. Background Technology

[0002] In recent years, with the increasing functionality of electronic devices, desktop modes similar to computer multi-window modes have emerged on mobile touch screen devices. These are multi-window modes where multiple floating windows rather than full-screen windows dominate the display interface of mobile terminals.

[0003] Currently, the layout of multi-window mode on mobile terminals is mainly based on the automatic arrangement according to the system's prescribed layout, which gives users little freedom in window layout and results in a poor user experience. Summary of the Invention

[0004] To improve the layout control effect for multiple windows, this disclosure provides a window layout control method, apparatus, electronic device, and storage medium.

[0005] In a first aspect, the present disclosure provides a window layout control method, including:

[0006] In automatic layout mode, in response to detecting that the trigger operation for the currently displayed window meets the preset conditions, the automatic layout mode is turned off, wherein the automatic layout mode represents a control mode that automatically lays out each window based on automatic layout rules.

[0007] The windows are arranged based on the user's control operations on the currently displayed window.

[0008] In some implementations, the process of automatically arranging each window based on the automatic arrangement rules in the automatic layout mode includes:

[0009] The currently displayed windows are arranged in a centered, tiled configuration along the display direction, with the center point of each window located on the central axis of the display interface.

[0010] In some implementations, disabling the automatic arrangement mode in response to detecting that a trigger operation for the currently displayed window meets a preset condition includes:

[0011] In response to detecting that the total size occupied by all currently displayed windows in the display direction is greater than the display interface size, it is determined that the trigger operation for the currently displayed window meets the preset condition, and the automatic arrangement mode is turned off.

[0012] In some implementations, disabling the automatic arrangement mode in response to detecting that a trigger operation for the currently displayed window meets a preset condition includes:

[0013] In response to detecting that the distance between the center point of any currently displayed window and the central axis is greater than a first distance, it is determined that the trigger operation for the currently displayed window meets the preset condition, and the automatic arrangement mode is turned off.

[0014] In some implementations, arranging the windows based on user control operations on the currently displayed window includes:

[0015] In the presence of any two overlapping windows, in response to the overlapping area having a first dimension in a first direction and a second dimension in a second direction that is less than a second distance, the window is moved toward the direction of the smaller of the first dimension and the second dimension and tiled, wherein the first direction and the second direction are perpendicular to each other.

[0016] In some implementations, arranging the windows based on user control operations on the currently displayed window includes:

[0017] When the first window completely covers the second window, the third distance between each edge of the second window and the edge of the adjacent first window is detected, and the second window is moved in the direction where the third distance is the smallest, so that at least one edge of the second window is not covered by the first window.

[0018] In some embodiments, when the first window completely covers the second window, detecting a third distance between each edge of the second window and its adjacent edge of the first window, and moving the second window in the direction where the third distance is minimized, so that at least one edge of the second window is not covered by the first window, includes:

[0019] When the first window completely covers the second window, the fourth distance between each edge of the first window and its adjacent display interface edge, and the third distance between each edge of the second window and its adjacent first window edge are detected.

[0020] If the fourth distance in the smallest third distance direction is less than the preset edge distance, compare the fourth distance in the second smallest third distance direction with the preset edge distance until the target fourth distance is greater than or equal to the preset edge distance. Move the second window in the direction of the target fourth distance, and the edge of the second window that is not covered by the first window is at a distance equal to the preset edge distance from the edge of the first window.

[0021] Secondly, embodiments of this disclosure provide a window layout control device, including:

[0022] The mode control module is configured to, in automatic layout mode, in response to detecting that a trigger operation for the currently displayed window meets a preset condition, close the automatic layout mode, wherein the automatic layout mode represents a control mode that automatically lays out each window based on automatic layout rules.

[0023] The window arrangement module is configured to arrange the windows based on user control operations on the currently displayed window.

[0024] In some implementations, the window layout module is configured as follows:

[0025] The currently displayed windows are arranged in a centered, tiled configuration along the display direction, with the center point of each window located on the central axis of the display interface.

[0026] In some implementations, the mode control module is configured to:

[0027] In response to detecting that the total size occupied by all currently displayed windows in the display direction is greater than the display interface size, it is determined that the trigger operation for the currently displayed window meets the preset condition, and the automatic arrangement mode is turned off.

[0028] In some implementations, the mode control module is configured to:

[0029] In response to detecting that the distance between the center point of any currently displayed window and the central axis is greater than a first distance, it is determined that the trigger operation for the currently displayed window meets the preset condition, and the automatic arrangement mode is turned off.

[0030] In some implementations, the window layout module is configured as follows:

[0031] In the presence of any two overlapping windows, in response to the overlapping area having a first dimension in a first direction and a second dimension in a second direction that is less than a second distance, the window is moved toward the direction of the smaller of the first dimension and the second dimension and tiled, wherein the first direction and the second direction are perpendicular to each other.

[0032] In some implementations, the window layout module is configured as follows:

[0033] When the first window completely covers the second window, the third distance between each edge of the second window and the edge of the adjacent first window is detected, and the second window is moved in the direction where the third distance is the smallest, so that at least one edge of the second window is not covered by the first window.

[0034] In some implementations, the window layout module is configured as follows:

[0035] When the first window completely covers the second window, the fourth distance between each edge of the first window and its adjacent display interface edge, and the third distance between each edge of the second window and its adjacent first window edge are detected.

[0036] If the fourth distance in the smallest third distance direction is less than the preset edge distance, compare the fourth distance in the second smallest third distance direction with the preset edge distance until the target fourth distance is greater than or equal to the preset edge distance. Move the second window in the direction of the target fourth distance, and the edge of the second window that is not covered by the first window is at a distance equal to the preset edge distance from the edge of the first window.

[0037] Thirdly, embodiments of this disclosure provide an electronic device, including:

[0038] processor; and

[0039] A memory storing computer instructions for causing a processor to perform the method according to any embodiment of the first aspect.

[0040] Fourthly, embodiments of this disclosure provide a storage medium storing computer instructions for causing a computer to perform the method described according to any embodiment of the first aspect.

[0041] The window layout control method of this disclosure includes, in automatic layout mode, disabling the automatic layout mode in response to detecting that a trigger operation on the currently displayed window meets preset conditions, and arranging windows based on user control operations on the currently displayed window. In this disclosure, the automatic layout mode enables automatic arrangement of multiple windows, thereby reducing the cost of window arrangement for users during use, allowing users to focus on their tasks and improving user efficiency. Furthermore, by detecting user trigger operations on windows to identify user intent, the automatic layout mode is disabled when the user wants to freely arrange the window layout, satisfying the user's need for free adjustment of the window layout, thus balancing automation and freedom. Attached Figure Description

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

[0043] Figure 1a This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0044] Figure 1b This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0045] Figure 2 This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0046] Figure 3 This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0047] Figure 4 This is a flowchart of a window layout control method in some embodiments of this disclosure.

[0048] Figure 5 This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0049] Figure 6 This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0050] Figure 7a This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0051] Figure 7b This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0052] Figure 8 This is a flowchart of a window layout control method in some embodiments of this disclosure.

[0053] Figure 9a This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0054] Figure 9b This is a schematic diagram illustrating the principle of window layout control methods in some embodiments of this disclosure.

[0055] Figure 10 This is a structural block diagram of a window layout control device in some embodiments of this disclosure.

[0056] Figure 11 This is a structural block diagram of an electronic device in some embodiments of this disclosure. Detailed Implementation

[0057] The technical solutions of this disclosure will now be clearly and completely described with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of this disclosure, not all of them. All other embodiments obtained by those skilled in the art based on the embodiments of this disclosure without inventive effort are within the scope of protection of this disclosure. Furthermore, the technical features involved in the different embodiments of this disclosure described below can be combined with each other as long as they do not conflict with each other.

[0058] In recent years, with the increasing functionality of electronic devices, desktop modes similar to computer multi-window modes have emerged on mobile touch screen devices. These are multi-window modes where multiple floating windows rather than full-screen windows dominate the display interface of mobile terminals.

[0059] Taking tablets as an example, because tablets offer a larger screen than mobile phones, users can display multiple task windows simultaneously to improve work or study efficiency. For instance, a user can open a video application window and a note-taking application window at the same time, watching a video while taking notes; or a user can open a communication application window and a video application window at the same time, chatting while watching a video, and so on.

[0060] To improve user experience, major manufacturers optimize the layout of multi-window mode on tablets to better suit user scenarios. Currently, the layout of multi-window mode on mobile devices is mainly based on automatic arrangement according to the system's prescribed layout. This automated process reduces the cost for users to arrange windows during use, allowing them to focus on their tasks.

[0061] However, in actual use, this automatic window arrangement method has several inconveniences. For example, some devices can only arrange windows in a fixed layout, such as dividing the screen equally based on the number of windows. User adjustments to window sizes are also limited; for instance, only adjustments can be made in a single direction or to a few fixed sizes. Furthermore, every time a user moves a window or opens / deletes one, the system recalculates the position and size of all windows and rearranges them, resulting in unnecessary window movement and significantly impacting the user's workflow. Moreover, in specific scenarios where users have specific window layout requirements, the automatic layout method cannot arrange windows according to the user's desired arrangement, severely affecting the user experience.

[0062] To address the aforementioned shortcomings, this disclosure provides a window layout control method, apparatus, electronic device, and storage medium, aiming to optimize multi-window arrangement methods, subdivide different multi-window layout scenarios, identify user intent through window trigger operations, and thus disable the automatic arrangement mode when the user wants to freely arrange the window layout, thereby meeting the user's need to freely adjust the window layout and balancing automation and freedom.

[0063] Figure 1a and Figure 1b This illustrates an application scenario of the window layout control method disclosed herein. The following section will combine... Figure 1a and Figure 1b Explain the application scenarios.

[0064] exist Figure 1a and Figure 1b In the example scenario, the electronic device is a tablet computer 10. The tablet computer 10 has a rectangular structure, which includes two parallel long sides and two parallel short sides. Therefore, the tablet computer 10 generally has two usage modes: landscape and portrait. The manufacturers of the tablet computer 10 will also optimize the landscape and portrait usage modes respectively. Figure 1a The image shows a schematic diagram of the tablet 10 in landscape mode. Figure 1b The diagram shows a portrait mode usage scenario of the tablet computer 10. The window layout control method of this disclosure can be applied to both landscape and portrait modes.

[0065] When using a tablet computer, in multi-window mode, multiple windows can be displayed simultaneously on the tablet computer's screen, for example... Figure 1a In the example landscape mode, the display currently shows three windows: window 11, window 12, and window 13.

[0066] In this embodiment of the disclosure, in the default mode, an automatic layout mode is adopted for the layout of multiple windows. The automatic layout mode means that the system will automatically lay out each window on the current display interface based on the preset automatic layout rules, and the user can only participate in a small number of window adjustment operations.

[0067] For example Figure 2 This diagram illustrates a scenario where windows are added in automatic layout mode. (See attached image) Figure 2 As shown in (a), when there is only one window on the display interface, the window will be automatically centered, that is, the center point of the window coincides with the center point of the screen display interface.

[0068] See Figure 2As shown in (b), after adding a new window, the two windows will be tiled sequentially in the display direction, which is the orientation of the screen, i.e., horizontal and vertical. The new window can be added from the right side of the display interface, and both windows are vertically centered, meaning their center points are both on the central axis. The central axis is... Figure 1a The dashed line 'a' shown represents the center line of the display interface.

[0069] See also Figure 2 As shown in (c), after adding another window, the new window can also be added from the right side of the display interface. The three windows are arranged horizontally, and the center point of each of the three windows is located on the central axis a.

[0070] Figure 2 The image only shows a scenario where windows are automatically arranged in landscape mode. The automatic window arrangement rules are the same in portrait mode, the only difference being that windows are arranged according to... Figure 1b The central axis b shown is arranged vertically, which will be understood by those skilled in the art, and will not be described in detail here.

[0071] In the above automatic layout mode, users can move, resize, and close the displayed windows. The following section will explain... Figure 3 Please provide an explanation.

[0072] like Figure 3 As shown in Figure (a), the user can move the displayed window. Specifically, as shown in Figure 1, the user can click the operation bar at the top of the window and then drag the window, for example... Figure 3 As shown in (a), when the user drags the rightmost window to the leftmost position and releases it, the system automatically rearranges the positions of all windows, and the rightmost window is moved to the leftmost position.

[0073] like Figure 3 As shown in (b), users can adjust the size of the displayed window. Specifically, as shown in Figure 1, users can click the adjustment button in the lower right corner of the window and then slide the screen to adjust the window size arbitrarily. For example... Figure 3 As shown in (b), after the user adjusts the size of the middle window and releases the button, the system automatically rearranges the positions of all the adjusted windows, and the middle window is adjusted to the size desired by the user.

[0074] like Figure 3 As shown in (c), users can close the displayed window by long-pressing the window and then swiping upwards, for example... Figure 3 As shown in (b), after the user swipes up to close the middle window, the system automatically rearranges the positions of the remaining two windows, and the middle window is closed.

[0075] It's worth noting that traditional multi-window modes often don't allow users to freely adjust window sizes. For example, some devices in landscape multi-window mode only allow users to adjust the horizontal size of the window, not the vertical size; similarly, in portrait multi-window mode, only the vertical size can be adjusted, not the horizontal size. Furthermore, some devices only support a few fixed window sizes, forcing users to choose only one size and preventing them from arbitrarily adjusting the window size.

[0076] In this disclosed embodiment, in conjunction with the foregoing Figure 3 As the example shows, in automatic layout mode, users can freely adjust the size of each window, and the system will rearrange the layout according to the adjusted windows, improving the user's ease of operation.

[0077] It should be noted that in the automatic layout mode described above, although users can perform some control over the windows, the window layout is essentially still based on certain system rules. For example, all windows are always tiled along the central axis 'a', and users can only move the order in which the windows are tiled, not freely move them to their desired positions. Moreover, because the windows need to be tiled, once the displayed windows fill the entire screen, opening a new window requires removing or shrinking the original displayed window, thus limiting the user's freedom to adjust the window layout.

[0078] Based on the automatic layout mode in the above embodiments, the window layout control method provided in this disclosure can automatically detect user intent and, when the user needs to freely arrange the window layout, turn off the automatic layout mode, allowing the user to freely adjust the window layout. The following describes the method in conjunction with... Figure 4 Please provide an explanation.

[0079] like Figure 4 As shown, in some embodiments, the window layout control method of this disclosure includes:

[0080] S410. In automatic layout mode, in response to detecting that the trigger operation for the currently displayed window meets the preset conditions, the automatic layout mode is turned off.

[0081] S420: Arrange windows based on user control operations for the currently displayed window.

[0082] In this embodiment of the disclosure, in automatic layout mode, windows are arranged according to automatic layout rules, that is, windows are always tiled along the central axis on the display interface. When automatic layout mode is turned off, the position and size of the windows can be arbitrarily adjusted on the display interface; that is, windows can overlap each other or partially move off the display interface, and the size of the windows can also be freely adjusted by the user.

[0083] In some implementations, in automatic layout mode, it is necessary to detect user triggering operations on windows and determine whether automatic layout mode needs to be turned off by identifying the triggering operations.

[0084] It is understandable that user actions triggered by a window could be, for example... Figure 3 Operations such as moving, resizing, and closing windows, as shown, do not require disabling the automatic layout mode in this situation. Therefore, it is necessary to set corresponding preset conditions for the trigger operation to disable the automatic layout mode. When the trigger operation meets the corresponding preset conditions, it can be determined that the user wants to freely adjust the window layout, thereby disabling the automatic layout mode.

[0085] In this embodiment of the disclosure, by detecting user-triggered operations and identifying user intent, it is determined whether the user needs to turn off the automatic arrangement mode. The following two aspects can be considered:

[0086] 1) Does the total size of all currently displayed windows on the display interface exceed the size of the display interface?

[0087] For example, if a user increases the size of a window or adds a new window, causing the total display area of ​​all windows to exceed the area of ​​the entire display interface, the display windows can no longer be tiled according to the automatic layout rules, and it can be determined that the automatic layout mode needs to be turned off.

[0088] 2) The distance by which the center point of a certain window is offset from the central axis is greater than the first distance.

[0089] For example, if a user drags a window to a corner of the display interface, and the center point of the window is offset from the central axis by more than the first distance, it means that the user wants to move the window to the target position and no longer wants it to be arranged on the central axis according to the automatic arrangement rules. In this case, it can be determined that the automatic arrangement mode needs to be turned off.

[0090] Based on the two implementation methods described above, they will be explained below.

[0091] In some implementations, the process of detecting whether a triggering operation on a window meets preset conditions includes:

[0092] In response to the detection that the total size occupied by all currently displayed windows in the display direction is greater than the display interface size, it is determined that the trigger operation for the currently displayed window meets the preset conditions.

[0093] For example Figure 5 In the example, the display interface shows a total of 3 windows. The user clicks on the middle window to adjust its size. After the user releases the window, the size of the 3 windows in the display direction (i.e., horizontal) can be calculated, along with the sum of the spacing and edge distance, to obtain the total size occupied by the 3 windows in the horizontal direction. This total size is then compared with the size of the display interface.

[0094] If the total size is less than or equal to the display interface size, it means that the current display interface can tile all windows, so there is no need to turn off the automatic layout mode; the process should still follow the steps described above. Figure 3 The scenario shown in (b) can be processed accordingly.

[0095] If the total size is larger than the display interface size, for example Figure 5 In the example, this indicates that the current display interface can no longer accommodate three windows tiled together. At this point, it can be determined that the user's action to resize the windows meets the preset conditions, thus disabling the automatic layout mode.

[0096] In other implementations, the process of detecting whether a triggering operation on a window meets preset conditions includes:

[0097] In response to detecting that the distance between the center point of any currently displayed window and the central axis is greater than a first distance, it is determined that the trigger operation for the currently displayed window meets the preset conditions, and the automatic arrangement mode is turned off.

[0098] For example Figure 6 In the example, the display interface shows three windows. The user drags the middle window to move it. After the user releases the drag, the distance d between the center point O of the middle window and the central axis is measured. This distance d is then compared with a first distance. The first distance refers to a pre-set threshold value. The specific value of the first distance can be selected according to the application scenario requirements, and this disclosure does not impose any restrictions on it.

[0099] If the distance d is less than or equal to the first distance, it indicates that this may be a normal deviation during the user's window dragging process, and then the aforementioned procedure can be followed. Figure 3 The scene shown in (a) uses the automatic layout mode to rearrange the display windows.

[0100] If the distance d is greater than the first distance, it means that the user may want to drag the window to the desired position, such as the edge of the screen. In this case, it can be determined that the user's window resizing trigger operation meets the preset conditions, thus turning off the automatic arrangement mode.

[0101] After disabling the automatic layout mode, users can freely adjust the position and size of each window, for example... Figure 5 In the example, the middle window can cover the top of the two side windows, partially overlapping them; for example... Figure 6 In the example, the middle window can be moved to the bottom edge of the screen, and some windows can move off-screen. Of course, users can perform many more layout operations on the windows, and this disclosure does not limit this.

[0102] As can be seen from the above, in this embodiment of the disclosure, the automatic arrangement mode can realize the automatic arrangement of multiple windows, thereby reducing the cost of arranging windows during use, so that users can focus on their own tasks and improve user work efficiency. Moreover, by detecting the user's trigger operation on the window to identify the user's intention, the automatic arrangement mode is turned off when the user wants to freely arrange the window layout, thus meeting the user's need to freely adjust the window layout, and taking into account both automation and freedom.

[0103] In this embodiment, the window layout can be further optimized when the automatic layout mode is turned off, thereby providing a better user experience while allowing the user to freely adjust the window. For example, in some embodiments, the following layout rules can be set for the non-automatic layout mode:

[0104] 1) If the windows overlap slightly, tile the two windows.

[0105] For example Figure 7a In the example, the user moves two windows, causing them to partially overlap. In this case, the first dimension x of the overlapping area in the first direction (horizontal) and the second dimension y in the second direction (vertical) can be calculated respectively.

[0106] Then, the first dimension x and the second dimension y are compared with a preset second distance, which can be a preset value. The size of this value can be selected according to the specific needs of the scenario, and this disclosure does not impose any restrictions on it. For example, in one example, the second distance can be 30dp.

[0107] It is understandable that if both the first dimension x and the second dimension y are greater than or equal to the second distance, it means that the overlapping area of ​​the two windows is large. In this case, it is only necessary to maintain the overlapping layout of the two windows.

[0108] If at least one of the first dimension x and the second dimension y is less than the second distance, it means that the two windows have very little overlap in at least one direction. In this case, the two windows can be tiled without overlapping, so they need to be tiled and rearranged.

[0109] For example, in one example, such as Figure 7aAs shown, the first dimension x is smaller than the second distance, while the second dimension y is larger than the second distance. In this case, the window can be moved towards the smaller of the first dimension x and the second dimension y. For example, in this example, the window can be moved horizontally so that the two tiles no longer overlap.

[0110] It is worth noting that, in Figure 7a In the example, the relative movement distance between the two windows only needs to satisfy (x + Δx), where Δx represents the preset distance between the two windows. The preset distance can be set in advance. For example, in this example, the layout of the moved windows can be as follows: Figure 7b As shown, in Figure 7b In this context, the horizontal spacing between two windows is the preset spacing Δx.

[0111] Similarly, if the first dimension x is greater than the second distance, and the second dimension y is less than the second distance, the principle is the same as above; simply tile two windows facing vertically to avoid overlap. If both the first dimension x and the second dimension y are less than the second distance, the principle is the same as above; simply tile two windows facing the smaller of the first dimension x and the second dimension y to avoid overlap. Those skilled in the art will undoubtedly understand this, and it will not be elaborated further in this disclosure.

[0112] As can be seen from the above, in this embodiment of the disclosure, by tiling the overlapping windows, unnecessary overlapping layouts can be avoided, making the window layout more reasonable and improving the user's visual experience and usage experience.

[0113] 2) When one window completely covers another window, display the covered window with its edges showing.

[0114] Taking the first window and the second window as an example, if the first window completely covers the second window, the second window will be invisible because it is completely below the first window. It will also be difficult for the user to click to switch to the second window. Therefore, it is necessary to display the second window with its edges showing.

[0115] In some implementations, when the first window completely covers the second window, a third distance between each edge of the second window and its adjacent edge of the first window can be detected, and the second window can be moved in the direction where the third distance is the smallest, so that at least one edge of the second window is not covered by the first window.

[0116] In short, when the first window completely covers the second window, the side of the second window that is closer to will be the side that is displayed with its edge showing. (See below for details.) Figure 8 The implementation process is described.

[0117] like Figure 8As shown, in some embodiments, the window layout control method of this disclosure includes:

[0118] S810, when the first window completely covers the second window, detect the fourth distance between each edge of the first window and its adjacent display interface edge, and the third distance between each edge of the second window and its adjacent first window edge.

[0119] S820. If the fourth distance in the smallest third distance direction is less than the preset edge distance, compare the fourth distance in the second smallest third distance direction with the preset edge distance until the target fourth distance is greater than or equal to the preset edge distance. Move the second window in the direction of the target fourth distance, and the distance between the edge of the second window not covered by the first window and the edge of the first window is equal to the preset edge distance.

[0120] Combination Figure 9a As shown in the figure, the solid outer frame represents the first window, and the dashed inner frame represents the second window. It can be seen that the second window is completely covered by the first window, making it impossible for the user to see the second window or click on it.

[0121] In this embodiment of the disclosure, a fourth distance m between each edge of the first window and its adjacent display interface edge can be detected. For example, the distance between the left edge of the first window and the left edge of the display interface is m1, the distance between the right edge and the right edge of the display interface is m2, the distance between the top edge and the top edge of the display interface is m3, and the distance between the bottom edge and the bottom edge of the display interface is m4.

[0122] At the same time, the third distance n between each edge of the second window and the edge of the adjacent first window is detected. For example, the distance n1 between the left side of the second window and the left side of the first window, the distance n2 between the right side of the second window and the right side of the first window, the distance n3 between the top side of the second window and the top side of the first window, and the distance n4 between the bottom side of the second window and the bottom side of the first window.

[0123] Based on the aforementioned principle of exposed edges, the second window will be exposed on the side it is closer to. Therefore, we can directly compare the sizes of n1 to n4 and select the smallest third distance. The direction of the smallest third distance is the direction of the exposed edge. For example... Figure 9a In the example, the third distance n1 is the smallest, which determines that the second window is exposed on the left side.

[0124] It is worth noting that since the second window needs to occupy a certain amount of space, the fourth distance between the first window and the edge of the display interface must meet the size required for the second window to be exposed.

[0125] For example, in one example, combining Figure 9aAs shown, assuming the third distance n4 is determined to be the smallest, the fourth distance m4 on the same side is compared with the preset edge distance, which is the exposed edge size of the second window. For example, if the fourth distance m4 is less than the preset edge distance, it means that the space on the lower side is insufficient for the exposed edge size of the second window, and then the second smallest third distance needs to be determined.

[0126] Assuming the second smallest third distance is determined to be n1, the fourth distance m1 on the same side can be compared with the preset edge distance. This process continues until the fourth distance on a certain side is greater than or equal to the preset edge distance, at which point the edge can be exposed on that side. Of course, if the fourth distances in all four directions are less than the preset edge distance, the edge exposure operation will not be performed.

[0127] For example, to demonstrate the edge-revealing operation, move the second window towards the side where the edge needs to be revealed until the edge of the second window is no longer covered by the first window, and the distance from the edge of the second window to the edge of the first window is equal to the preset edge distance. Figure 9a In the example, the third distance n1 on the left is determined to be the smallest, while the fourth distance m1 on the left is greater than the preset edge distance. Therefore, it can be determined that an edge will protrude on the left side. The effect after protruding the edge is as follows: Figure 9b As shown, the distance C between the left edge of the second window that is not covered by the first window and the left edge of the first window is the preset edge distance.

[0128] As can be seen from the above, in this embodiment of the disclosure, by processing the exposed edges of the fully covered window, the situation where the window is completely covered and the user cannot view or operate it is avoided, thereby improving the user's control over the window.

[0129] In some embodiments, this disclosure provides a window layout control device, such as Figure 10 As shown, the device includes:

[0130] The mode control module 100 is configured to, in automatic layout mode, in response to detecting that a trigger operation for the currently displayed window meets a preset condition, close the automatic layout mode, wherein the automatic layout mode represents a control mode that automatically lays out each window based on automatic layout rules.

[0131] The window arrangement module 200 is configured to arrange the windows based on user control operations on the currently displayed window.

[0132] In some embodiments, the window layout module 200 is configured as follows:

[0133] The currently displayed windows are arranged in a centered, tiled configuration along the display direction, with the center point of each window located on the central axis of the display interface.

[0134] In some embodiments, the mode control module 100 is configured to:

[0135] In response to detecting that the total size occupied by all currently displayed windows in the display direction is greater than the display interface size, it is determined that the trigger operation for the currently displayed window meets the preset condition, and the automatic arrangement mode is turned off.

[0136] In some embodiments, the mode control module 100 is configured to:

[0137] In response to detecting that the distance between the center point of any currently displayed window and the central axis is greater than a first distance, it is determined that the trigger operation for the currently displayed window meets the preset condition, and the automatic arrangement mode is turned off.

[0138] In some embodiments, the window layout module 200 is configured as follows:

[0139] In the presence of any two overlapping windows, in response to the overlapping area having a first dimension in a first direction and a second dimension in a second direction that is less than a second distance, the window is moved toward the direction of the smaller of the first dimension and the second dimension and tiled, wherein the first direction and the second direction are perpendicular to each other.

[0140] In some embodiments, the window layout module 200 is configured as follows:

[0141] When the first window completely covers the second window, the third distance between each edge of the second window and the edge of the adjacent first window is detected, and the second window is moved in the direction where the third distance is the smallest, so that at least one edge of the second window is not covered by the first window.

[0142] In some embodiments, the window layout module 200 is configured as follows:

[0143] When the first window completely covers the second window, the fourth distance between each edge of the first window and its adjacent display interface edge, and the third distance between each edge of the second window and its adjacent first window edge are detected.

[0144] If the fourth distance in the smallest third distance direction is less than the preset edge distance, compare the fourth distance in the second smallest third distance direction with the preset edge distance until the target fourth distance is greater than or equal to the preset edge distance. Move the second window in the direction of the target fourth distance, and the edge of the second window that is not covered by the first window is at a distance equal to the preset edge distance from the edge of the first window.

[0145] As described above, in this embodiment, the automatic window arrangement mode enables automatic arrangement of multiple windows, thereby reducing the cost of window arrangement for users during use. This allows users to focus on their tasks, improving user efficiency. Furthermore, by detecting user actions on windows and recognizing user intent, the automatic window arrangement mode is disabled when the user wants to freely arrange the window layout, satisfying the user's need for flexible window layout adjustment and balancing automation and freedom. By tiling overlapping windows, unnecessary overlapping layouts can be avoided, making the window layout more reasonable and improving user perception and experience. By showing the edges of fully covered windows, situations where windows are completely covered and cannot be viewed or operated by the user are avoided, improving the user's control over the windows.

[0146] In some embodiments, this disclosure provides an electronic device, including:

[0147] processor; and

[0148] The memory stores computer instructions that cause the processor to perform the method described in any of the above embodiments.

[0149] In some embodiments, this disclosure provides a storage medium storing computer instructions for causing a computer to perform the methods described in any of the above embodiments.

[0150] Figure 11 The diagram illustrates the electronic device structure in some embodiments of this disclosure, which will be discussed below in conjunction with... Figure 11 Some embodiments of the electronic device described herein will be explained.

[0151] Reference Figure 11 The electronic device 1800 may include one or more of the following components: a processing component 1802, a memory 1804, a power supply component 1806, a multimedia component 1808, an audio component 1810, an input / output (I / O) interface 1812, a sensor component 1816, and a communication component 1818.

[0152] Processing component 1802 typically controls the overall operation of electronic device 1800, such as operations associated with display, telephone calls, data communication, camera operation, and recording operations. Processing component 1802 may include one or more processors 1820 to execute instructions. Furthermore, processing component 1802 may include one or more modules to facilitate interaction between processing component 1802 and other components. For example, processing component 1802 may include a multimedia module to facilitate interaction between multimedia component 1808 and processing component 1802. As another example, processing component 1802 may read executable instructions from memory to implement relevant functions of the electronic device.

[0153] Memory 1804 is configured to store various types of data to support the operation of electronic device 1800. Examples of this data include instructions for any application or method operating on electronic device 1800, contact data, phonebook data, messages, pictures, videos, etc. Memory 1804 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic storage, flash memory, magnetic disk, or optical disk.

[0154] Power supply component 1806 provides power to various components of electronic device 1800. Power supply component 1806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to electronic device 1800.

[0155] The multimedia component 1808 includes a display screen that provides an output interface between the electronic device 1800 and the user. In some embodiments, the multimedia component 1808 includes a front-facing camera and / or a rear-facing camera. When the electronic device 1800 is in an operating mode, such as a shooting mode or a video mode, the front-facing camera and / or the rear-facing camera can receive external multimedia data. Each front-facing camera and rear-facing camera can be a fixed optical lens system or have focal length and optical zoom capabilities.

[0156] Audio component 1810 is configured to output and / or input audio signals. For example, audio component 1810 includes a microphone (MIC) configured to receive external audio signals when electronic device 1800 is in an operating mode, such as call mode, recording mode, and voice recognition mode. The received audio signals may be further stored in memory 1804 or transmitted via communication component 1818. In some embodiments, audio component 1810 also includes a speaker for outputting audio signals.

[0157] I / O interface 1812 provides an interface between processing component 1802 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to, home buttons, volume buttons, power buttons, and lock buttons.

[0158] Sensor assembly 1816 includes one or more sensors for providing state assessments of various aspects of electronic device 1800. For example, sensor assembly 1816 may detect the on / off state of electronic device 1800, the relative positioning of components such as the display and keypad of electronic device 1800, changes in position of electronic device 1800 or a component of electronic device 1800, the presence or absence of user contact with electronic device 1800, the orientation or acceleration / deceleration of electronic device 1800, and temperature changes of electronic device 1800. Sensor assembly 1816 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. Sensor assembly 1816 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, sensor assembly 1816 may also include an accelerometer, gyroscope, magnetometer, pressure sensor, or temperature sensor.

[0159] Communication component 1818 is configured to facilitate wired or wireless communication between electronic device 1800 and other devices. Electronic device 1800 can access wireless networks based on communication standards, such as Wi-Fi, 2G, 3G, 4G, 5G, or 6G, or combinations thereof. In one exemplary embodiment, communication component 1818 receives broadcast signals or broadcast-related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, communication component 1818 also includes a near-field communication (NFC) module to facilitate short-range communication. For example, the NFC module may be implemented based on radio frequency identification (RFID) technology, Infrared Data Association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

[0160] In an exemplary embodiment, the electronic device 1800 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field-programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components.

[0161] Obviously, the above embodiments are merely examples for clear illustration and are not intended to limit the embodiments. Those skilled in the art will recognize that other variations or modifications can be made based on the above description. It is neither necessary nor possible to exhaustively list all embodiments here. However, obvious variations or modifications derived therefrom are still within the scope of protection of this disclosure.

Claims

1. A window layout control method, characterized in that, include: In automatic layout mode, in response to detecting that the trigger operation for the currently displayed window meets the preset conditions, the automatic layout mode is turned off. The automatic layout mode represents a control mode that automatically lays out each window based on automatic layout rules. Each window is a window of a different application. The automatic layout rules include arranging the currently displayed windows in a tiled manner in the display direction. Based on the user's control operation on any currently displayed window, adjust the position and / or size of the window on the display interface.

2. The method according to claim 1, characterized in that, In the automatic layout mode, the process of automatically laying out each window based on the automatic layout rules includes: The center point of each window is located on the central axis of the display interface.

3. The method according to claim 2, characterized in that, The step of disabling the automatic arrangement mode in response to detecting that a trigger operation for the currently displayed window meets preset conditions includes: In response to detecting that the total size occupied by all currently displayed windows in the display direction is greater than the display interface size, it is determined that the trigger operation for the currently displayed window meets the preset condition, and the automatic arrangement mode is turned off.

4. The method according to claim 2 or 3, characterized in that, The step of disabling the automatic arrangement mode in response to detecting that a trigger operation for the currently displayed window meets preset conditions includes: In response to detecting that the distance between the center point of any currently displayed window and the central axis is greater than a first distance, it is determined that the trigger operation for the currently displayed window meets the preset condition, and the automatic arrangement mode is turned off.

5. The method according to claim 1, characterized in that, The arrangement of the windows based on user control operations on the currently displayed window includes: In the presence of any two overlapping windows, in response to the overlapping area having a first dimension in a first direction and a second dimension in a second direction that is less than a second distance, the window is moved toward the direction of the smaller of the first dimension and the second dimension and tiled, wherein the first direction and the second direction are perpendicular to each other.

6. The method according to claim 1, characterized in that, The arrangement of the windows based on user control operations on the currently displayed window includes: When the first window completely covers the second window, the third distance between each edge of the second window and the edge of the adjacent first window is detected, and the second window is moved in the direction where the third distance is the smallest, so that at least one edge of the second window is not covered by the first window.

7. The method according to claim 6, characterized in that, When the first window completely covers the second window, detecting the third distance between each edge of the second window and its adjacent edge of the first window, and moving the second window in the direction with the smallest third distance so that at least one edge of the second window is not covered by the first window, includes: When the first window completely covers the second window, the fourth distance between each edge of the first window and its adjacent display interface edge, and the third distance between each edge of the second window and its adjacent first window edge are detected. If the fourth distance in the smallest third distance direction is less than the preset edge distance, compare the fourth distance in the second smallest third distance direction with the preset edge distance until the target fourth distance is greater than or equal to the preset edge distance. Move the second window in the direction of the target fourth distance, and the edge of the second window that is not covered by the first window is at a distance equal to the preset edge distance from the edge of the first window.

8. A window layout control device, characterized in that, include: The mode control module is configured to, in automatic layout mode, in response to detecting that a trigger operation for the currently displayed window meets a preset condition, close the automatic layout mode. The automatic layout mode represents a control mode that automatically lays out each window based on automatic layout rules. Each window is a window of a different application. The automatic layout rules include arranging the currently displayed windows sequentially in the display direction. The window layout module is configured to adjust the position and / or size of a window on the display interface based on the user's control operation on any currently displayed window.

9. An electronic device, characterized in that, include: processor; and A memory storing computer instructions for causing a processor to perform the method according to any one of claims 1 to 7.

10. A storage medium, characterized in that, The computer contains computer instructions for causing the computer to perform the method according to any one of claims 1 to 7.

Citation Information

Patent Citations

  • Auto-grouping of application windows

    CN105210030A

  • Method for quickly switching application, mobile terminal, computer readable storage medium

    CN107203305A

  • Message display method and device

    CN111427488A