Interface operation control method and device, electronic equipment and storage medium

Abstract

The invention provides an interface operation control method and device, electronic equipment and a storage medium, and the method comprises the steps: responding to an adjustment control operation for a first window, and adjusting a window display state of the first window; wherein the window display state comprises a window size and / or a window position; determining a target display state of the first window based on the operation parameters of the adjustment control operation and the second window; displaying a state indication identifier corresponding to the target display state; and in response to an adjustment ending operation for the first window, and when the first window and the state indication identifier meet a specified condition, controlling to display the first window in the target display state. According to the mode, tedious and inefficient manual adjustment is converted into an intelligent and automatic efficient interaction mode, the window layout time is shortened, a user can rapidly obtain the optimal information display effect, and the working efficiency and user experience in a multi-window interaction scene are improved.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of interface display, in particular to an interface operation control method and device, electronic equipment and a storage medium. BACKGROUND

[0002] In a multi-window interactive interface, a user needs to frequently adjust window layout to achieve the best information display effect. The user needs to manually drag a window to adjust the window position and size, and often needs to spend a lot of time on frequent and repetitive operations. This operation mode leads to a cumbersome and inefficient window adjustment process, and makes it difficult for the user to quickly obtain the best information display effect, which seriously affects the user experience. SUMMARY

[0003] Therefore, the present application aims to provide an interface operation control method and device, electronic equipment and a storage medium, which facilitate the user to quickly adjust the window layout to obtain the best information display effect and improve the user experience.

[0004] In a first aspect, an interface operation control method is provided. A terminal device provides a graphical user interface. The graphical user interface includes at least a first window and a second window. The first window is located inside the second window. The method includes: in response to an adjustment control operation on the first window, adjusting a window display state of the first window. The window display state includes a window size and / or a window position. Based on an operation parameter of the adjustment control operation and the second window, a target display state of the first window is determined. A state indication mark corresponding to the target display state is displayed. In response to an adjustment end operation on the first window, and the first window and the state indication mark satisfying a specified condition, the first window is displayed in the target display state. The specified condition is used to indicate a specified positional relationship between the first window and the state indication mark.

[0005] In a second aspect, an interface operation control device is provided. A terminal device provides a graphical user interface. The graphical user interface includes at least a first window and a second window. The device includes: a first adjustment module, configured to respond to an adjustment control operation on the first window, and adjust a window display state of the first window. The window display state includes a window size and / or a window position. A first determination module is configured to determine a target display state of the first window based on an operation parameter of the adjustment control operation and the second window. A first display module is configured to display a state indication mark corresponding to the target display state. A first control module is configured to respond to an adjustment end operation on the first window, and the first window and the state indication mark satisfying a specified condition, and control the first window to be displayed in the target display state. The specified condition is used to indicate a specified positional relationship between the first window and the state indication mark.

[0006] In a third aspect, an electronic device is provided, which includes a processor and a memory. The memory stores machine executable instructions which are executable by the processor. The processor executes the machine executable instructions to implement the operation control method of the interface.

[0007] In a fourth aspect, a storage medium is provided, which stores machine executable instructions. When the machine executable instructions are invoked and executed by a processor, the machine executable instructions cause the processor to implement the operation control method of the interface.

[0008] The embodiments of the present application have the following beneficial effects:

[0009] The operation control method, device, electronic device and storage medium of the interface respond to an adjustment control operation on the first window, and adjust a window display state of the first window. The window display state includes a window size and / or a window position. A target display state of the first window is determined based on an operation parameter of the adjustment control operation and the second window. A state indication mark corresponding to the target display state is displayed. In response to an adjustment end operation on the first window, and when the first window and the state indication mark satisfy a specified condition, the first window is displayed in the target display state. The specified condition is used to indicate a specified positional relationship between the first window and the state indication mark.

[0010] In this way, the target display state of the first window is determined based on the operation parameter of the adjustment control operation on the first window and in combination with the second window, and the state indication mark is provided to intuitively guide the user. When the adjustment control operation ends and the first window and the state indication mark satisfy the specified condition, the first window is displayed in the target display state. This way converts the tedious and inefficient manual adjustment into an intelligent and automated efficient interaction mode, shortens the window layout time, facilitates the user to quickly obtain the best information display effect, and improves the work efficiency and user experience in the multi-window interaction scenario.

[0011] Other features and advantages of the present application will be further described in the following specification, and in part will become apparent to those skilled in the art from the following specification, or can be learned by practice of the present application. The objects and other advantages of the present application can be realized and achieved by the structure particularly pointed out in the specification, claims and drawings.

[0012] In order to make the above objectives, features and advantages of the present application more apparent, the following preferred embodiments are specifically described with reference to the attached drawings, and a detailed description is given as follows. BRIEF DESCRIPTION OF DRAWINGS

[0013] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings needed to be used in the specific embodiments or prior art description. Obviously, the drawings described below are some embodiments of the present application, and all other drawings obtained by those skilled in the art without creative work based on these drawings are within the protection scope of the present application.

[0014] Figure 1 The flow chart of the operation control method of the interface provided for the embodiments of the present application;

[0015] Figure 2 The schematic diagram of the first and second indication marks provided for the embodiments of the present application;

[0016] Figure 3 The schematic diagram of the target display state of the first window provided for the embodiments of the present application;

[0017] Figure 4 The schematic diagram of the target display state of the first window provided for the embodiments of the present application;

[0018] Figure 5 The schematic diagram of the first window provided for the embodiments of the present application;

[0019] Figure 6 The schematic diagram of the target display state of the first window provided for the embodiments of the present application;

[0020] Figure 7 The schematic diagram of the third indication mark provided for the embodiments of the present application;

[0021] Figure 8 The schematic diagram of the operation control device of the interface provided for the embodiments of the present application;

[0022] Figure 9 The structural schematic diagram of the electronic device provided for the embodiments of the present application. DETAILED DESCRIPTION

[0023] In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions of the present application will be described clearly and completely below with reference to the drawings. Obviously, the described embodiments are some embodiments of the present application, but not all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative work are within the protection scope of the present application.

[0024] In a multi-window interactive interface, a user often needs to frequently adjust the window layout to achieve the best information display effect. For example, in a multi-window game interface, the user needs to manually drag the window to frequently adjust the window position and size to adapt to the game requirements, often needing to spend a lot of time on repetitive operations. This operation mode leads to a cumbersome and inefficient window adjustment process, and makes it difficult for the user to quickly obtain the best information display effect, which seriously affects the user experience.

[0025] Based on this, the embodiment of the application provides an interface operation control method, device, electronic equipment and storage medium. The technology can be applied to a multi-window interactive scene, such as a multi-window game interface.

[0026] To facilitate the understanding of the present embodiment, first, an interface operation control method disclosed by the embodiment of the application is introduced in detail. A graphical user interface is provided by a terminal device. The graphical user interface includes at least a first window and a second window. In the graphical user interface, the first window is located inside the second window.

[0027] As shown in the figure, the interface operation control method includes the following steps: Figure 1

[0028] Step S102, in response to an adjustment control operation on the first window, adjusting the window display state of the first window; wherein the window display state includes the window size and / or the window position.

[0029] The adjustment control operation can be an adjustment of the window size of the first window, for example, when the lower edge of the first window is dragged downward, the window height of the first window is increased in proportion. The adjustment control operation can also be an adjustment of the window position of the first window. For example, by starting a sliding operation at a non-window edge position of the first window, the first window can be controlled to move synchronously with the moving track of the operation touch point, thereby changing the window position.

[0030] In this step, after the adjustment control operation on the first window, the window display state of the first window can be adjusted; the window display state includes the window size and the window position, and can also include one of the window size or the window position.

[0031] Step S104, determining the target display state of the first window based on the operation parameters of the adjustment control operation and the second window.

[0032] ​The operation parameters can be parameters related to the movement of the operation contact in the adjustment control operation, such as the movement speed, movement distance, movement direction of the operation contact, and the duration and number of pauses of the operation contact at a nearby position. These operation parameters essentially carry the operation intention of the user, and the potential demand of the user for the window layout of the first window can be accurately identified by analyzing the characteristics of these operation parameters.

[0033] For example, when the movement speed of the operation contact exceeds a first speed threshold, or the movement distance of the operation contact exceeds a first distance threshold, it can be determined that the user wants to quickly migrate the first window to avoid blocking the display content at the current position in the second window. At this time, the target display state of the first window can be determined in combination with the display state of the second window. Specifically, the window position of the first window can be determined in a neighboring area outside the second window to avoid blocking the display content of the second window, or an area smaller than a specified size threshold can be demarcated within the second window as the display area of the first window, and the first window can be shrunk to display in the area to reduce the blocking range of the first window.

[0034] For example, when the second window contains multiple first windows, if the operation contact is paused at a nearby position for multiple times, it can be determined that the user is making fine adjustments to calibrate the window position to avoid mutual blocking between the windows. At this time, the arrangement mode of the first windows such as grid layout, horizontal arrangement, etc. can be determined according to the size information of the second window, and it is ensured that the multiple first windows do not overlap each other, and the specific positions and window sizes of the first windows are derived.

[0035] In this step, the target display state of the first window can be determined by analyzing the operation parameters of the adjustment control operation and in combination with the information of the second window. Specifically, when the operation parameters meet the corresponding preset conditions, the display state of the first window can be determined based on the second window, for example, a region is directly determined to display the first window through the window position or window size of the second window. If there are multiple first windows, the arrangement mode of the first windows can also be determined according to the size information of the second window, and the specific display state of each first window is derived.

[0036] In this step, according to the operation parameters of the adjustment control operation of the first window and in combination with the second window, the target display state of the first window can be determined, and the tedious and inefficient manual adjustment is converted into a more intelligent and efficient interaction mode.

[0037] In step S106, a state indication identifier corresponding to the target display state is displayed.

[0038] After determining the target display state, a state indication identifier corresponding to the target display state is displayed. The state indication identifier provides intuitive guidance for the user.

[0039] When the target display state is that the first window is displayed outside the second window and adjacent to a specified window edge of the second window, the state indication mark can be a bold or highlighted effect associated with the specified window edge. For example, if the first window needs to be displayed outside the right window edge of the second window, the right window edge of the second window can be bold or highlighted to intuitively indicate the docking position of the first window.

[0040] If the display area of the first window is determined, the display area of the first window can be directly displayed in a specified display format, and the target display area in the specified display format is taken as the state indication mark. The specified format can be a specific background color or a specific color highlighted display format.

[0041] In this way, the target display state is indicated by the state indication mark, which can help the user intuitively understand the layout change of the first window and improve the interactive experience of multi-window operation.

[0042] In step S108, in response to the end of the adjustment operation on the first window and the first window and the state indication mark satisfying a specified condition, the first window is controlled to be displayed in the target display state. The specified condition is used to indicate a specified positional relationship between the first window and the state indication mark.

[0043] The end of the adjustment operation can be that the operation touch point of the adjustment control operation leaves the graphical user interface. The specified condition is used to indicate a specified positional relationship between the first window and the state indication mark.

[0044] Here, when the operation touch point of the adjustment control operation leaves the graphical user interface and the first window and the state indication mark satisfy the specified condition, the first window is automatically controlled to be displayed in the target display state.

[0045] For example, when the target display state is that the first window is displayed outside the second window and adjacent to a specified window edge of the second window, the specified condition can be that the window center of the first window passes through the state indication mark displayed in association with the specified window edge and moves to the outside of the second window. When the target display state is that the first window is displayed in a certain area, the specified condition can be that the first window and the state indication mark displayed in the area have an overlapping area.

[0046] The operation control method of the interface adjusts a window display state of the first window in response to an adjustment control operation on the first window, wherein the window display state comprises a window size and / or a window position; determines a target display state of the first window based on an operation parameter of the adjustment control operation and the second window; displays a state indication mark corresponding to the target display state; and controls the first window to be displayed in the target display state in response to an adjustment end operation on the first window and the first window and the state indication mark satisfying a specified condition. The specified condition is used to indicate a specified positional relationship between the first window and the state indication mark. In this way, the target display state of the first window is determined based on the operation parameter of the adjustment control operation on the first window and in combination with the second window, and the state indication mark is provided to intuitively guide the user. When the adjustment control operation ends and the first window and the state indication mark satisfy the specified condition, the first window can be controlled to be displayed in the target display state. This way, the tedious and inefficient manual adjustment is converted into an intelligent and automated efficient interaction mode, which shortens the window layout time, facilitates the user to quickly obtain the best information display effect, and improves the work efficiency and user experience in the multi-window interaction scenario.

[0047] The following embodiments provide specific implementation modes of adjusting the window display state of the first window.

[0048] In response to a movement control operation on the first window, the first window is controlled to move following an operation touch point of the movement control operation; or in response to a size adjustment operation on the first window, a window dimension corresponding to the size adjustment operation is controlled to scale following an operation touch point of the size adjustment operation.

[0049] The window dimension comprises a window height and a window width.

[0050] The movement control operation can be a first sliding operation starting from a non-window edge position of the first window. The first sliding operation on the first window can control the first window to move following an operation touch point of the first sliding operation.

[0051] The size adjustment operation can be a second sliding operation starting from a window edge position of the first window, or a double-click, press or other operation on the first window. After the size adjustment operation on the first window, the window dimension corresponding to the size adjustment operation is controlled to scale following an operation touch point of the size adjustment operation. For example, when the lower right corner of the first window is slid, the height and width of the window will change in proportion to the displacement of the operation touch point. If only the left edge is slid, only the width dimension of the window is adjusted according to the displacement of the operation touch point.

[0052] In one mode, in response to a moving speed of the operation touch point of the adjustment control operation exceeding a first speed threshold value, and / or a moving distance of the operation touch point of the adjustment control operation exceeding a first distance threshold value, a target display state of the first window is determined based on a window display state of the second window; wherein the target display state comprises: the first window being displayed at an externally adjacent position of the second window; or the first window being displayed at a specified area within the second window, and a region size of the specified area being less than a specified size threshold value.

[0053] The window display state comprises a window size and a window position of the window, or only one of them. For example, the first speed threshold value can be 500 pixels / second; the first distance threshold value can be 30% of the width of the second window, for example, if the width of the second window is 800 pixels, the first distance threshold value is 240 pixels. The specified area can be a specified corner area within the second window, for example, an area with a width less than 300 pixels and a height less than 200 pixels, such as a rectangular area with a width of 200 pixels and a height of 100 pixels at the lower left corner of the second window.

[0054] In this mode, when the moving speed of the operation touch point exceeds the first speed threshold value and the moving distance of the operation touch point exceeds the first distance threshold value, or when the moving speed of the operation touch point exceeds the first speed threshold value or the moving distance of the operation touch point exceeds the first distance threshold value, the target display state of the first window can be determined according to the window display state of the second window. The target display state comprises: the first window being displayed at an externally adjacent position of the second window, or the first window being displayed at a specified area within the second window, and a region size of the specified area being less than a specified size threshold value.

[0055] Here, it can be understood that when the moving speed of the operation touch point exceeds the first speed threshold value and the moving distance of the operation touch point exceeds the first distance threshold value, it can be considered that the user wants to quickly migrate the first window to avoid blocking the display content at the current position in the second window, at this time, the target display state of the first window can be determined in combination with the display state of the second window. Specifically, the window position of the first window can be determined from the externally adjacent area of the window position of the second window, or a specified area smaller than the specified size threshold value is demarcated within the second window, and the first window is displayed in the specified area to reduce the blocking range of the first window.

[0056] Further, a first indication mark associated with a specified window edge of the second window is displayed; wherein the first indication mark is used to indicate that the first window is located outside the second window and is displayed adjacent to the specified window edge of the second window; and / or a second indication mark is displayed in a specified area within the second window; wherein the second indication mark is used to indicate the specified area.

[0057] The first indication mark is used to indicate that the first window is to be displayed outside the second window and adjacent to a specified window edge. Its presentation form can be: displaying the specified edge in a specified format, or displaying an indication arrow. Taking the right edge of the second window as an example, the first indication mark can be to bold the right edge of the second window, or to display an arrow pointing to the right outside the right edge. The second indication mark is used to indicate a specified area, for example, displaying the specified area in a specified display format, taking the specified area displayed in the specified display format as a state indication mark, and the specified format can be a specific background color or a specific color highlighting format.

[0058] That is, after determining the target display state of the first window according to the window display state of the second window, the first indication mark or the second indication mark can be displayed on the graphical user interface, or the first indication mark and the second indication mark can be displayed simultaneously to provide intuitive guidance for the user through the state indication mark.

[0059] For example, as shown in Figure 2 When the moving speed of the operation touch point of the adjustment control operation exceeds 500 pixels / second and the moving distance of the operation touch point exceeds 30% of the width of the second window, the right window edge of the second window is displayed in bold, and a specified area with a width of 200 pixels and a height of 100 pixels in the lower left corner is filled with a diagonal line background.

[0060] In one way, in response to an adjustment end operation for the first window, and the window center of the first window moving from a first side area of the first indication mark inside the second window to a second side area of the first indication mark outside the second window, the first window is controlled to be displayed outside the second window and adjacent to a specified window edge of the second window; wherein the first side area is inside the second window; and the second side area is outside the second window.

[0061] That is, when the adjustment end operation of the first window is triggered, and the window center of the first window moves from a first side area of the first indication mark inside the second window to a second side area of the first indication mark outside the second window, the first window is controlled to be displayed outside the second window and adjacent to a specified window edge of the second window.

[0062] Further, after controlling the first window to be displayed in the target display state, a preset control is displayed in the first window, wherein the preset control at least includes: an interface hiding control; the interface hiding control is used to: cancel the display of the first window.

[0063] That is, after the first window is displayed in the target display state, a preset control can be displayed in the first window, and the preset control at least includes an interface hiding control. In one example, after the interface hiding control is touched, the first window can be hidden, and a semi-transparent label or icon can be displayed at the edge of the graphical user interface, such as the right side or the bottom, to prompt the user to quickly recall the first window. In addition, the preset control can further include a maximize control and a sharing control. The maximize control can enable the first window to be displayed in a maximized state in the graphical user interface. The sharing control can share the display content of the first window with other users.

[0064] For example, when the sliding operation starting from the non-window edge position of the first window is performed, if the moving speed of the operation touch point of the sliding operation exceeds 500 pixels / s, and the moving distance of the operation touch point exceeds 30% of the width of the second window, the right window edge of the second window is displayed in bold, and a specified area with a left lower corner of 200 pixels in width and 100 pixels in height is filled with a diagonal background. When the sliding operation ends, if the window center of the first window is located outside the right window edge, the first window is directly controlled to switch to and be displayed adjacent to the right window edge of the second window. As shown in Figure 3 For example, when the sliding operation starting from the non-window edge position of the first window is performed, if the moving speed of the operation touch point of the sliding operation exceeds 500 pixels / s, and the moving distance of the operation touch point exceeds 30% of the width of the second window, the right window edge of the second window is displayed in bold, and a specified area with a left lower corner of 200 pixels in width and 100 pixels in height is filled with a diagonal background. When the sliding operation ends, if the window center of the first window is located outside the right window edge, the first window is directly controlled to switch to and be displayed adjacent to the right window edge of the second window. As shown in

[0065] In another example, in response to the end of the adjustment operation on the first window, and if the first window overlaps with the second indicator, the first window is displayed in the specified area indicated by the second indicator.

[0066] That is, when the adjustment operation on the first window ends, and the first window overlaps with the second indicator, the first window is displayed in the specified area.

[0067] For example, when the sliding operation starting from the non-window edge position of the first window is performed, if the moving speed of the operation touch point of the sliding operation exceeds 500 pixels / s, and the moving distance of the operation touch point exceeds 30% of the width of the second window, the right window edge of the second window is displayed in bold, and a specified area with a left lower corner of 200 pixels in width and 100 pixels in height is filled with a diagonal background. When the sliding operation ends, if the window center of the first window is located outside the right window edge, the first window is directly controlled to switch to and be displayed adjacent to the right window edge of the second window. As shown in Figure 4 For example, when the sliding operation starting from the non-window edge position of the first window is performed, if the moving speed of the operation touch point of the sliding operation exceeds 500 pixels / s, and the moving distance of the operation touch point exceeds 30% of the width of the second window, the right window edge of the second window is displayed in bold, and a specified area with a left lower corner of 200 pixels in width and 100 pixels in height is filled with a diagonal background. When the sliding operation ends, if the window center of the first window is located outside the right window edge, the first window is directly controlled to switch to and be displayed adjacent to the right window edge of the second window. As shown in

[0068] In one mode, the first window includes a plurality; in response to the operation parameter satisfying a first condition, a target display state of the plurality of first windows is determined based on the second window; wherein in the target display state, the plurality of first windows are located inside the second window, and the plurality of first windows do not overlap with each other; the first condition includes at least one of the following: the moving distance of the operation touch point of the adjustment control operation is less than a second distance threshold; the number of changes in the moving direction of the operation touch point within a preset time exceeds a first number threshold; the moving speed of the operation touch point is less than a second speed threshold, and the change amount of the moving speed is less than a preset change threshold; the number of pauses of the operation touch point in a specified area where the operation touch point is located exceeds a second number threshold, and the duration of each pause exceeds a preset duration.

[0069] For example, the second distance threshold can be 100 pixels; the preset time can be 1 second; the first number threshold can be 3 times; the second speed threshold can be 200 pixels per second; the preset change threshold can be 5 pixels per second squared; the first number threshold can be 4 times; and the preset duration can be 300 milliseconds. The specified area where the operation touch point is located refers to an area within a preset pixel distance around the operation touch point.

[0070] That is, when the operation parameter satisfies the first condition, the target display state of the plurality of first windows can be determined based on the second window, in which the plurality of first windows are located inside the second window, and the plurality of first windows do not overlap with each other.

[0071] Specifically, the target display state of the plurality of first windows is determined based on the size relationship between the width of the second window in the horizontal direction and the height of the first window in the vertical direction; the target display state is used to indicate that the plurality of first windows are arranged and displayed along a first specified direction.

[0072] Here, the target display state is based on the plurality of first windows arranged along the first specified direction, and in specific implementation, the plurality of first windows can be scaled, elastically adjusted or kept original size to ensure that all first windows are displayed completely and do not exceed the boundary of the second window, forming a clear target display state arranged along the specified direction.

[0073] Specifically, if the width is not less than the height, the plurality of first windows are arranged and displayed along the horizontal direction in the target display state; if the width is less than the height, the plurality of first windows are arranged and displayed along the vertical direction in the target display state. According to the arrangement direction of the plurality of first windows, the target display state of the plurality of first windows in the second window can be determined.

[0074] In a target display state, a specified window edge of an adjacent first window is in a same straight line, and / or, a target window edge in a target direction perpendicular to a first specified direction in a specified first window is in a same straight line with a window edge in the target direction in a second window; wherein the specified first window comprises: a first window and a last window in the first window in a first specified direction.

[0075] The specified window edge of the adjacent first window in the same straight line can be understood as: in the vertically arranged first window, the lower window edge of the upper first window and the upper window edge of the lower first window are in the same horizontal line. In the horizontally arranged first window, the right window edge of the left first window and the left window edge of the right first window are in the same vertical line.

[0076] When the first specified direction is the vertical direction, the target direction perpendicular to the first specified direction is the horizontal direction. The target window edge in the target direction perpendicular to the first specified direction in the specified first window comprises: the lower window edge of the first first window and the lower window edge of the last first window. The target window edge in the same straight line with the window edge in the target direction in the second window can be understood as: the upper window edge of the first first window and the upper window edge of the second window are in the same straight line, and the lower window edge of the last first window and the lower window edge of the second window are in the same straight line.

[0077] When the first specified direction is the horizontal direction, the target direction perpendicular to the first specified direction is the vertical direction. The target window edge in the target direction perpendicular to the first specified direction in the specified first window comprises: the left window edge of the first first window and the right window edge of the last first window. The target window edge in the same straight line with the window edge in the target direction in the second window can be understood as: the left window edge of the first first window and the left window edge of the second window are in the same straight line, and the right window edge of the last first window and the right window edge of the second window are in the same straight line.

[0078] Here, the specified window edge of the adjacent first window in the same straight line and the first window edge in the target direction perpendicular to the first specified direction in the specified first window in the same straight line with the window edge in the target direction in the second window can appear at the same time, or only one of them can appear.

[0079] For example, as Figure 5As shown, the second window contains two first windows, and when the operation parameter satisfies the first condition, the width of the second window in the horizontal direction is determined to be less than the height of the second window in the vertical direction, and then the two first windows are arranged in the vertical direction. Here, a specific display state is provided as Figure 6 As shown, the lower window edge of the upper first window is in the same horizontal line as the upper window edge of the lower first window, the upper window edge of the upper first window is adsorbed to the upper window edge of the second window, and the lower window edge of the lower first window is adsorbed to the lower window edge of the second window.

[0080] In another way, a first projection length corresponding to the region in the second window that is not covered by the first window in the horizontal direction is obtained, and a second projection length corresponding to the region in the second window that is not covered by the first window in the vertical direction is obtained; based on the size relationship between the first projection length and the second projection length, the target display state of the plurality of first windows in the second window is determined.

[0081] In this way, by obtaining a first projection length corresponding to the region in the second window that is not covered by the first window in the horizontal direction, and a second projection length corresponding to the region in the second window that is not covered by the first window in the vertical direction, the target display state of the plurality of first windows in the second window is determined according to the size relationship between the first projection length and the second projection length.

[0082] Specifically, based on the size relationship between the first projection length and the second projection length, a second specified direction is determined, and the target display state of the plurality of first windows in the second window is determined to be arranged in the second specified direction.

[0083] In this way, according to the size relationship between the first projection length and the second projection length, the target display state of the plurality of first windows in the second window is determined to be arranged in the second specified direction.

[0084] It can be understood that if the first projection length is not less than the second projection length, it indicates that the horizontal remaining space of the second window is not less than the vertical remaining space, and at this time, the plurality of first windows can be arranged in the horizontal direction to fully utilize the relatively abundant width space. Conversely, if the first projection length is less than the second projection length, the plurality of first windows can be arranged in the vertical direction to fully utilize the relatively abundant height space.

[0085] Therefore, if the first projection length is not less than the second projection length, the second specified direction is determined to be the horizontal direction, and under the premise that the plurality of first windows are arranged in the horizontal direction, the plurality of first windows are scaled or elastically adjusted in proportion to ensure that all first windows are displayed completely and do not exceed the boundary of the second window.

[0086] If the first projection length is less than the second projection length, the second specified direction is determined as the vertical direction. In the case that the plurality of first windows are arranged and displayed along the vertical direction, the plurality of first windows are scaled or elastically adjusted in equal proportions to ensure that all the first windows are completely displayed without exceeding the boundary of the second window.

[0087] In another specific implementation, a window combination is determined from the plurality of first windows, wherein the window combination contains two first windows with the shortest interface center distance; based on the size relationship between the first projection length and the second projection length, the second specified direction is determined, and the window combination is arranged along the second specified direction to obtain the target display state of the first windows in the window combination in the second window; and based on the target display state of the window combination in the second window, the target display state of the first windows outside the window combination is determined.

[0088] The above-mentioned window combination refers to two first windows with the shortest interface center distance in the plurality of first windows.

[0089] In this way, based on the size relationship between the first projection length and the second projection length, the second specified direction is determined, the window combination is first arranged along the second specified direction to obtain the target display state of the window combination in the second window, and then, based on the target display state of the window combination in the second window, the target display state of the first windows outside the window combination is determined. For example, if the first projection length is not greater than the second projection length, the two first windows in the window combination are arranged and displayed along the vertical direction according to the current display size. If the first projection length is not less than the second projection length, the two first windows in the window combination are arranged and displayed along the horizontal direction according to the current display size.

[0090] Further, the way of determining the target display state of the first windows outside the window combination based on the target display state of the window combination in the second window is as follows:

[0091] When the window combination is displayed in the target display state, a third projection length corresponding to the region in the second window that is not covered by the first window in the horizontal direction, and a fourth projection length corresponding to the region in the second window that is not covered by the first window in the vertical direction are obtained, and based on the size relationship between the third projection length and the fourth projection length, the target display state of the first windows outside the window combination is determined.

[0092] That is, when the window combination is displayed in the target display state, the third projection length corresponding to the region in the second window that is not covered by the first window in the horizontal direction, and the fourth projection length corresponding to the region in the second window that is not covered by the first window in the vertical direction are obtained, and finally, based on the size relationship between the third projection length and the fourth projection length, the target display state of the first windows outside the window combination is determined.

[0093] Specifically, if the third projection length is not less than the fourth projection length, it is determined that the first window outside the window combination is arranged and displayed in a horizontal direction with the window combination, for example, the first window outside the window combination is displayed on the left side or the right side of the window combination, and the first window outside the window combination can also be scaled or elastically adjusted in proportion to ensure that all the first windows are completely displayed and do not exceed the boundary of the second window, so as to obtain the target display state of the first window outside the window combination.

[0094] If the third projection length is less than the fourth projection length, it is determined that the first window outside the window combination is arranged and displayed in a vertical direction with the window combination, for example, the first window outside the window combination is displayed above or below the window combination, and the first window outside the window combination can also be scaled or elastically adjusted in proportion to ensure that all the first windows are completely displayed and do not exceed the boundary of the second window, so as to obtain the target display state of the first window outside the window combination.

[0095] Further, after the target display state is determined, a display area of the first window is determined based on the target display state, and a third indication mark is displayed in the display area, wherein the third indication mark is used to indicate the display area.

[0096] That is, after the target display state is determined, the display area of each first window can be determined, and the third indication mark can be displayed in the display area. Specifically, the display area presented in a specified display format can be used as the third indication mark, wherein the specified format includes a specific background color or a specific color highlight display form.

[0097] Further, in response to an adjustment end operation of the first window, and in a case where the first window and the third indication mark have an overlapping area, the first window is controlled to be displayed in the target display state.

[0098] That is, when the operation touch point of the adjustment control operation leaves the graphical user interface, and in a case where the first window and the third indication mark have an overlapping area, the first window can be controlled to be displayed in the target display state.

[0099] For example, in the target display state of the two first windows arranged and displayed in a vertical direction in the foregoing figure Figure 6 , the display areas of the two first windows are filled with diagonal lines in the graphical user interface to help the user intuitively perceive the layout change of the first window, as shown in Figure 7 When the touch point of the adjustment control operation leaves the graphical user interface, and in a case where the first window and the third indication mark have an overlapping area, the two first windows are automatically controlled to be displayed in the target display state.

[0100] In the above manner, the player can more quickly and accurately adjust the window layout, reduce time consumption, and improve the game experience.

[0101] Corresponding to the above method embodiments, refer to Figure 8 An illustrative diagram of an operation control device of an interface shown in FIG. 1, a graphical user interface is provided by a terminal device; the graphical user interface includes at least a first window and a second window; wherein the first window is located inside the second window; the device includes:

[0102] A first adjusting module 802, configured to adjust a window display state of the first window in response to an adjusting control operation on the first window; wherein the window display state includes a window size and / or a window position;

[0103] A first determining module 804, configured to determine a target display state of the first window based on an operation parameter of the adjusting control operation and the second window;

[0104] A first display module 806, configured to display a state indication mark corresponding to the target display state;

[0105] A first control module 808, configured to control the first window to be displayed in the target display state in response to an adjusting end operation on the first window, and the first window and the state indication mark satisfy a specified condition; wherein the specified condition is used to indicate a specified positional relationship between the first window and the state indication mark.

[0106] In this way, according to the operation parameter of the adjusting control operation on the first window, the target display state of the first window is determined in combination with the second window, and the state indication mark is provided to the user for intuitive guidance, and when the adjusting control operation ends and the first window and the state indication mark satisfy the specified condition, the first window can be controlled to be displayed in the target display state. This way converts the tedious and inefficient manual adjustment into an intelligent and automated efficient interaction mode, shortens the window layout time, so as to facilitate the user to quickly obtain the best information display effect, and improves the work efficiency and user experience in the multi-window interaction scene.

[0107] The above first adjusting module is configured to control the first window to follow an operation touch point of a moving control operation to move in response to the moving control operation on the first window; or control a window dimension corresponding to a size adjusting operation to follow an operation touch point of the size adjusting operation to scale in response to the size adjusting operation on the first window.

[0108] ​​​​​​​​​​​​​​​​The first determining module is configured to determine a target display state of the first window based on a window display state of the second window in response to a moving speed of an operation touch point of the adjustment control operation exceeding a first speed threshold value and / or a moving distance of the operation touch point of the adjustment control operation exceeding a first distance threshold value; wherein the target display state comprises: the first window being displayed at an external adjacent position of the second window; or the first window being displayed at a specified area in the second window, and a region size of the specified area being less than a specified size threshold value.

[0109] The first display module is configured to display a first indication mark in association with a specified window edge of the second window; wherein the first indication mark is used to indicate that the first window is located outside the second window and is displayed adjacent to the specified window edge of the second window; and / or a second indication mark is displayed in a specified area in the second window; wherein the second indication mark is used to indicate the specified area.

[0110] The device further comprises a second display module configured to control the first window to be displayed outside the second window and adjacent to the specified window edge of the second window in response to an adjustment end operation for the first window and a window center of the first window being moved from a first side area of the first indication mark to a second side area of the first indication mark; wherein the first side area is located inside the second window; and the second side area is located outside the second window.

[0111] The device further comprises a third display module configured to display a preset control in the first window; wherein the preset control at least comprises: an interface hiding control; the interface hiding control is used to cancel display of the first window and generate a recall prompt control, so as to re-activate the first window through the recall prompt control.

[0112] The device further comprises a fourth display module configured to display the first window in a specified area indicated by the second indication mark in response to an adjustment end operation for the first window and the first window having an overlapping area with the second indication mark.

[0113] The first window comprises a plurality of first windows; the first determining module is configured to determine a target display state of the plurality of first windows based on the second window in response to operation parameters satisfying a first condition; in the target display state, the plurality of first windows are located inside the second window, and the plurality of first windows do not overlap with each other; wherein the first condition at least comprises one of: a moving distance of an operation touch point of the adjustment control operation being less than a second distance threshold value; a number of moving direction changes of the operation touch point within a preset time exceeding a first number threshold value; a moving speed of the operation touch point being less than a second speed threshold value, and a change amount of the moving speed being less than a preset change threshold value; a number of pauses of the operation touch point in a specified area where the operation touch point is located exceeding a second number, and a pause duration of each pause exceeding a preset duration.

[0114] The device further includes a second determining module configured to determine a target display state of the plurality of first windows in the second window based on a size relationship between a width of the second window in a horizontal direction and a height of the first window in a vertical direction, wherein the target display state indicates that the plurality of first windows are arranged and displayed in the first specified direction.

[0115] The target display state of the plurality of first windows in the second window includes that specified window edges of adjacent first windows are in a same straight line, and / or that target window edges of specified first windows in a target direction perpendicular to the first specified direction are in a same straight line with window edges of the second window in the target direction, wherein the specified first windows include a first window and a last window in the plurality of first windows arranged in the first specified direction.

[0116] The device further includes a third determining module configured to determine, in the target display state, that the plurality of first windows are arranged and displayed in the horizontal direction if the width is not less than the height, and determine, in the target display state, that the plurality of first windows are arranged and displayed in the vertical direction if the width is less than the height.

[0117] The device further includes a fourth determining module configured to obtain a first projection length corresponding to the horizontal direction of an area in the second window that is not covered by the first window, and a second projection length corresponding to the vertical direction of the area in the second window that is not covered by the first window, and determine the target display state of the plurality of first windows in the second window based on a size relationship between the first projection length and the second projection length.

[0118] The device further includes a fifth determining module configured to determine a second specified direction based on the size relationship between the first projection length and the second projection length, and determine the target display state of the plurality of first windows in the second window as that the plurality of first windows are arranged and displayed in the second specified direction.

[0119] The device further includes a sixth determining module configured to determine a window combination from the plurality of first windows, wherein the window combination includes two first windows with a shortest interface center distance, determine the second specified direction based on the size relationship between the first projection length and the second projection length, arrange the window combination in the second specified direction to obtain the target display state of the first windows in the window combination in the second window, and determine the target display state of the first windows outside the window combination based on the target display state of the window combination in the second window.

[0120] The device further includes a seventh determining module configured to determine that the second specified direction is the horizontal direction if the first projection length is not less than the second projection length, and determine that the second specified direction is the vertical direction if the first projection length is less than the second projection length.

[0121] The device further includes an eighth determining module configured to, after the window combination is displayed in the target display state, acquire a third projection length corresponding to a region in the second window that is not covered by the first window in a horizontal direction, and a fourth projection length corresponding to the region in the second window that is not covered by the first window in a vertical direction; and determine the target display state of the first window outside the window combination based on a size relationship between the third projection length and the fourth projection length.

[0122] The device further includes a ninth determining module configured to, if the third projection length is not less than the fourth projection length, determine that the first window outside the window combination is displayed in a horizontal direction relative to the window combination, and obtain the target display state of the first window outside the window combination; and if the third projection length is less than the fourth projection length, determine that the first window outside the window combination is displayed in a vertical direction relative to the window combination, and obtain the target display state of the first window outside the window combination.

[0123] The device further includes a fifth display module configured to, based on the target display state, determine a display region of the first window, and display a third indication mark in the display region, where the third indication mark is used to indicate the display region.

[0124] The device further includes a sixth display module configured to, in response to an adjustment end operation for the first window, and in a case where the first window and the third indication mark have an overlapping region, control the first window to be displayed in the target display state.

[0125] The embodiment further provides an electronic device including a processor and a memory, the memory storing machine executable instructions capable of being executed by the processor, and the processor executes the machine executable instructions to implement the operation control method of the interface. The electronic device can be a server or a terminal device.

[0126] Referring to Figure 9 The electronic device includes a processor 100 and a memory 101, the memory 101 storing machine executable instructions capable of being executed by the processor 100, and the processor 100 executes the machine executable instructions to implement the operation control method of the interface.

[0127] Further, Figure 9 The electronic device further includes a bus 102 and a communication interface 103, and the processor 100, the communication interface 103, and the memory 101 are connected through the bus 102.

[0128] The memory 101 can include a random access memory (RAM) and can also include a non-volatile memory such as at least one disk memory. The communication connection between the system network element and at least one other network element is realized through at least one communication interface 103 (which can be wired or wireless), and the Internet, a wide area network, a local area network, a metropolitan area network, etc. can be used. The bus 102 can be an ISA bus, a PCI bus, an EISA bus, etc. The bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 9 Only one bidirectional arrow is used to represent the system network element and at least one other network element, but it does not mean that there is only one bus or one type of bus.

[0129] The processor 100 can be an integrated circuit chip with signal processing capability. In the implementation process, each step of the above method can be completed by the integrated logic circuit of hardware in the processor 100 or the instructions in the form of software. The processor 100 described above can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it can also be a digital signal processor (DSP), an application specific integrated circuit (ASIC), a field programmable gate array (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components. Each method, step and logic block disclosed in the embodiment of the present application can be implemented or executed. The general-purpose processor can be a microprocessor or the processor can also be any conventional processor. The steps of the method disclosed in combination with the embodiment of the present application can be directly embodied as a hardware code processor for execution, or a combination of hardware and software modules in the code processor for execution. The software module can be located in a random access memory, a flash memory, a read-only memory, a programmable read-only memory, an electrically erasable programmable memory, a register, etc. The storage medium in the art. The storage medium is located in the memory 101, and the processor 100 reads the information in the memory 101, and combines the hardware to complete the steps of the method of the above embodiment.

[0130] The processor in the electronic device, by executing machine executable instructions, can implement the following operations of the operation control method of the interface: in response to an adjustment control operation on the first window, adjusting the window display state of the first window; wherein the window display state includes: window size and / or window position; determining the target display state of the first window based on the operation parameter of the adjustment control operation and the second window; displaying the state indication mark corresponding to the target display state; in response to an adjustment end operation on the first window, and the first window and the state indication mark meet the specified condition, controlling the first window to be displayed in the target display state; wherein the specified condition is used to indicate the specified positional relationship between the first window and the state indication mark.

[0131] In this way, according to the operation parameter of the adjustment control operation of the first window, the target display state of the first window is determined in combination with the second window, and the state indication mark is provided to the user for intuitive guidance, and when the adjustment control operation ends and the first window and the state indication mark meet the specified condition, the first window can be controlled to be displayed in the target display state. This way converts tedious and inefficient manual adjustment into an intelligent and automated efficient interaction mode, shortens the window layout time, so as to facilitate the user to quickly obtain the best information display effect, and improves the work efficiency and user experience in the multi-window interaction scene.

[0132] The processor in the electronic device, by executing machine executable instructions, can implement the following operations of the operation control method of the interface: in response to a movement control operation on the first window, controlling the first window to follow the operation touch point of the movement control operation; or, in response to a size adjustment operation on the first window, controlling the window dimension corresponding to the size adjustment operation to follow the operation touch point of the size adjustment operation.

[0133] The processor in the electronic device, by executing machine executable instructions, can implement the following operations of the operation control method of the interface: in response to the movement speed of the operation touch point of the adjustment control operation exceeding a first speed threshold, and / or the movement distance of the operation touch point of the adjustment control operation exceeding a first distance threshold, determining the target display state of the first window based on the window display state of the second window; wherein the target display state includes: the first window is displayed at an external adjacent position of the second window; or the first window is displayed in a specified area in the second window, and the area size of the specified area is less than a specified size threshold.

[0134] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: displaying a first indication mark associated with a specified window edge of the second window; wherein the first indication mark is used to indicate that the first window is located outside the second window and is displayed adjacent to the specified window edge of the second window; and / or displaying a second indication mark in a specified area within the second window; wherein the second indication mark is used to indicate the specified area.

[0135] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: in response to an adjustment end operation for the first window, and the window center of the first window moving from a first side area of the first indication mark to a second side area of the first indication mark, controlling the first window to be displayed outside the second window and adjacent to the specified window edge of the second window; wherein the first side area is located inside the second window; and the second side area is located outside the second window.

[0136] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: displaying a preset control in the first window, wherein the preset control at least includes: an interface hiding control; the interface hiding control is used to cancel the display of the first window and generate a recall prompt control, so as to re-activate the first window through the recall prompt control.

[0137] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: in response to an adjustment end operation for the first window, and the first window having an overlapping area with the second indication mark, displaying the first window in the specified area indicated by the second indication mark.

[0138] The first window includes a plurality of; the processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: in response to the operation parameter satisfying the following first condition, determining the target display state of the plurality of first windows based on the second window; in the target display state, the plurality of first windows are located inside the second window, and the plurality of first windows do not overlap each other; wherein the first condition at least includes one of the following: the moving distance of the operation touch point of the adjustment control operation is less than the second distance threshold; the number of changes in the moving direction of the operation touch point within the preset time exceeds the first number threshold; the moving speed of the operation touch point is less than the second speed threshold, and the change amount of the moving speed is less than the preset change threshold; the number of pauses of the operation touch point in the specified area where the operation touch point is located exceeds the second number, and the duration of each pause exceeds the preset duration.

[0139] The processor in the electronic device, by executing machine executable instructions, can implement the following operation of the operation control method of the interface: determining a target display state of the plurality of first windows in the second window based on a size relationship between a width of the second window in a horizontal direction and a height of the first window in a vertical direction; wherein the target display state is used to indicate that the plurality of first windows are arranged and displayed along a first specified direction.

[0140] The target display state of the plurality of first windows in the second window includes: specified window edges of adjacent first windows being on the same straight line; and / or a target window edge in a target direction perpendicular to the first specified direction in the specified first window being on the same straight line as a window edge in the target direction in the second window; wherein the specified first window includes: a first window and a last window in the plurality of first windows arranged along the first specified direction.

[0141] The processor in the electronic device, by executing machine executable instructions, can implement the following operation of the operation control method of the interface: if the width is not less than the height, the plurality of first windows are arranged and displayed along the horizontal direction in the target display state; and if the width is less than the height, the plurality of first windows are arranged and displayed along the vertical direction in the target display state.

[0142] The processor in the electronic device, by executing machine executable instructions, can implement the following operation of the operation control method of the interface: obtaining a first projection length corresponding to the horizontal direction of an area in the second window not covered by the first window, and a second projection length corresponding to the vertical direction of the area in the second window not covered by the first window; determining a target display state of the plurality of first windows in the second window based on a size relationship between the first projection length and the second projection length.

[0143] The processor in the electronic device, by executing machine executable instructions, can implement the following operation of the operation control method of the interface: determining a second specified direction based on the size relationship between the first projection length and the second projection length, and determining the target display state of the plurality of first windows in the second window as the plurality of first windows being arranged and displayed along the second specified direction.

[0144] The processor in the electronic device, by executing machine executable instructions, can implement the following operation of the operation control method of the interface: determining a window combination from the plurality of first windows; wherein the window combination contains two first windows with the shortest interface center distance; determining a second specified direction based on the size relationship between the first projection length and the second projection length, and determining that the window combination is arranged along the second specified direction to obtain the target display state of the first window in the window combination in the second window; and determining the target display state of the first window outside the window combination based on the target display state of the window combination in the second window.

[0145] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: if the first projection length is not less than the second projection length, determining that the second specified direction is a horizontal direction; if the first projection length is less than the second projection length, determining that the second specified direction is a vertical direction.

[0146] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: when the window combination is displayed in the target display state, obtaining a third projection length corresponding to the region of the second window not covered by the first window in the horizontal direction, and a fourth projection length corresponding to the region of the second window not covered by the first window in the vertical direction; determining the target display state of the first window outside the window combination based on the size relationship between the third projection length and the fourth projection length.

[0147] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: if the third projection length is not less than the fourth projection length, determining that the first window outside the window combination is displayed in a horizontal direction with the window combination, and obtaining the target display state of the first window outside the window combination; if the third projection length is less than the fourth projection length, determining that the first window outside the window combination is displayed in a vertical direction with the window combination, and obtaining the target display state of the first window outside the window combination.

[0148] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: based on the target display state, determining a display area of the first window, and displaying a third indication mark in the display area, wherein the third indication mark is used to indicate the display area.

[0149] The processor in the electronic device, by executing the machine executable instructions, can implement the following operation of the operation control method of the interface: in response to an adjustment end operation for the first window, and there is an overlapping region between the first window and the third indication mark, controlling to display the first window in the target display state.

[0150] The embodiment also provides a storage medium, the storage medium stores machine executable instructions, and the machine executable instructions, when called and executed by a processor, cause the processor to implement the operation control method of the interface.

[0151] The machine-executable instructions stored in the storage medium can implement the following operation in the operation control method of the interface: in response to an adjustment control operation on the first window, adjusting a window display state of the first window; wherein the window display state comprises a window size and / or a window position; determining a target display state of the first window based on an operation parameter of the adjustment control operation and the second window; displaying a state indication identifier corresponding to the target display state; in response to an adjustment end operation on the first window, and the first window and the state indication identifier satisfying a specified condition, controlling the first window to be displayed in the target display state; wherein the specified condition is used to indicate a specified positional relationship between the first window and the state indication identifier.

[0152] In this way, the target display state of the first window is determined according to the operation parameter of the adjustment control operation on the first window and in combination with the second window, and the state indication identifier is provided to the user for intuitive guidance, and when the adjustment control operation ends and the first window and the state indication identifier satisfy the specified condition, the first window is controlled to be displayed in the target display state. This way converts the tedious and inefficient manual adjustment into an intelligent and automated efficient interaction mode, shortens the window layout time, so as to facilitate the user to quickly obtain the best information display effect, and improves the work efficiency and user experience in the multi-window interaction scene.

[0153] The machine-executable instructions stored in the storage medium can implement the following operation in the operation control method of the interface: in response to a movement control operation on the first window, controlling the first window to follow the operation touch point of the movement control operation; or, in response to a size adjustment operation on the first window, controlling the window dimension corresponding to the size adjustment operation to follow the operation touch point of the size adjustment operation.

[0154] The machine-executable instructions stored in the storage medium can implement the following operation in the operation control method of the interface: in response to the movement speed of the operation touch point of the adjustment control operation exceeding a first speed threshold and / or the movement distance of the operation touch point of the adjustment control operation exceeding a first distance threshold, determining a target display state of the first window based on the window display state of the second window; wherein the target display state comprises: the first window is displayed at an external adjacent position of the second window; or the first window is displayed in a specified area in the second window, and the area size of the specified area is less than a specified size threshold.

[0155] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: displaying a first indication mark associated with a specified window edge of the second window; wherein the first indication mark is used to indicate that the first window is located outside the second window and is displayed adjacent to the specified window edge of the second window; and / or displaying a second indication mark in a specified area in the second window; wherein the second indication mark is used to indicate the specified area.

[0156] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: in response to an adjustment end operation for the first window, and the window center of the first window moving from a first side area of the first indication mark to a second side area of the first indication mark, controlling the first window to be located outside the second window and displayed adjacent to the specified window edge of the second window; wherein the first side area is located inside the second window; and the second side area is located outside the second window.

[0157] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: displaying a preset control in the first window, wherein the preset control at least includes: an interface hiding control; the interface hiding control is used to cancel the display of the first window and generate a recall prompt control, so as to re-activate the first window through the recall prompt control.

[0158] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: in response to an adjustment end operation for the first window, and the first window and the second indication mark having an overlapping area, displaying the first window in the specified area indicated by the second indication mark.

[0159] The first window includes a plurality of; the machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: in response to the operation parameter satisfying the following first condition, determining the target display state of the plurality of first windows based on the second window; in the target display state, the plurality of first windows are located inside the second window, and the plurality of first windows do not overlap each other; wherein the first condition at least includes one of the following: the moving distance of the operation touch point of the adjustment control operation is less than a second distance threshold; the number of changes in the moving direction of the operation touch point within a preset time exceeds a first number threshold; the moving speed of the operation touch point is less than a second speed threshold, and the change amount of the moving speed is less than a preset change threshold; the number of pauses of the operation touch point in a specified area where the operation touch point is located exceeds a second number, and the duration of each pause exceeds a preset duration.

[0160] The machine-executable instructions stored in the storage medium can be executed to implement the following operation in the operation control method of the interface: determining a target display state of the plurality of first windows in the second window based on a size relationship between a width of the second window in a horizontal direction and a height of the first window in a vertical direction; and wherein the target display state indicates that the plurality of first windows are arranged and displayed in a first specified direction.

[0161] The target display state of the plurality of first windows in the second window includes: a specified window edge of adjacent first windows being on a same straight line; and / or a target window edge of a specified first window in a target direction perpendicular to the first specified direction being on a same straight line with a window edge of the second window in the target direction; and wherein the specified first window includes a first window and a last window in the plurality of first windows arranged in the first specified direction.

[0162] The machine-executable instructions stored in the storage medium can be executed to implement the following operation in the operation control method of the interface: if the width is not less than the height, the plurality of first windows are arranged and displayed in the horizontal direction in the target display state; and if the width is less than the height, the plurality of first windows are arranged and displayed in the vertical direction in the target display state.

[0163] The machine-executable instructions stored in the storage medium can be executed to implement the following operation in the operation control method of the interface: obtaining a first projection length corresponding to the horizontal direction of an area in the second window that is not covered by the first window, and a second projection length corresponding to the vertical direction of the area in the second window that is not covered by the first window; and determining a target display state of the plurality of first windows in the second window based on a size relationship between the first projection length and the second projection length.

[0164] The machine-executable instructions stored in the storage medium can be executed to implement the following operation in the operation control method of the interface: determining a second specified direction based on a size relationship between the first projection length and the second projection length, and determining the target display state of the plurality of first windows in the second window as the plurality of first windows being arranged and displayed in the second specified direction.

[0165] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: determining a window combination from the plurality of first windows; wherein the window combination contains two first windows with the shortest interface center distance; determining a second specified direction based on the size relationship between the first projection length and the second projection length, determining to arrange the window combination along the second specified direction to obtain the target display state of the first window in the second window in the window combination; and determining the target display state of the first window outside the window combination based on the target display state of the window combination in the second window.

[0166] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: if the first projection length is not less than the second projection length, determining the second specified direction as the horizontal direction; and if the first projection length is less than the second projection length, determining the second specified direction as the vertical direction.

[0167] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: when the window combination is displayed in the target display state, obtaining a third projection length corresponding to the region in the second window that is not covered by the first window in the horizontal direction, and a fourth projection length corresponding to the region in the second window that is not covered by the first window in the vertical direction; and determining the target display state of the first window outside the window combination based on the size relationship between the third projection length and the fourth projection length.

[0168] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: if the third projection length is not less than the fourth projection length, determining the first window outside the window combination to be displayed in the horizontal direction with the window combination to obtain the target display state of the first window outside the window combination; and if the third projection length is less than the fourth projection length, determining the first window outside the window combination to be displayed in the vertical direction with the window combination to obtain the target display state of the first window outside the window combination.

[0169] The machine-executable instructions stored in the storage medium can realize the following operation in the operation control method of the interface: determining a display area of the first window based on the target display state, and displaying a third indication mark in the display area, wherein the third indication mark is used to indicate the display area.

[0170] The machine-executable instructions stored in the storage medium can be executed to implement the following operation in the operation control method of the interface: in response to an adjustment end operation for the first window, and the first window and the third indicator having an overlapping area, the first window is controlled to be displayed in the target display state.

[0171] The operation control method, the apparatus, the electronic device and the computer program product of the storage medium of the interface provided by the embodiments of the present application include a computer readable storage medium storing program codes, the instructions included in the program codes can be used to execute the method described in the foregoing method embodiments, and the specific implementation can be referred to the method embodiments, which will not be described here.

[0172] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working process of the system and the apparatus described above can refer to the corresponding process in the foregoing method embodiments, which will not be described here.

[0173] In addition, in the description of the embodiments of the present application, unless explicitly defined and limited, the terms "mounting", "connection" and "connection" should be understood in a broad sense, for example, can be fixedly connected, can be detachably connected, or integrally connected; can be mechanically connected, or electrically connected; can be directly connected, or indirectly connected through an intermediate medium; can be the communication inside two elements. For those skilled in the art, the specific meaning of the above terms in the present application can be understood according to the specific circumstances.

[0174] If the functions are realized in the form of software function units and sold or used as independent products, they can be stored in a computer readable storage medium. Based on this understanding, the technical solutions of the present application or the part of the present application which essentially contributes to the prior art or the part of the technical solutions can be embodied in the form of software products, which are stored in a storage medium and include a plurality of instructions for making a computer device (which can be a personal computer, a server, or a network device, etc.) execute all or part of the steps of the method described in various embodiments of the present application. The foregoing storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), magnetic disk or optical disk and various program code storage media.

[0175] In the description of the present application, it should be noted that the terms "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer" and the like indicate the orientation or positional relationship shown in the drawings, and are only for the convenience of describing the present application and simplifying the description, and do not indicate or imply that the device or element referred to must have a particular orientation, be constructed and operated in a particular orientation, and therefore cannot be understood as a limitation on the present application. In addition, the terms "first", "second", "third" are only for the purpose of description, and cannot be understood as indicating or implying relative importance.

[0176] Finally, it should be noted that the above embodiments are only specific embodiments of the present application, which are used to illustrate the technical solutions of the present application, and are not limited thereto. Although the present application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can modify or easily think of changes to the technical solutions recorded in the foregoing embodiments within the technical scope disclosed by the present application, or make equivalent substitutions for some technical features; and these modifications, changes or substitutions do not cause the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application, and should be covered within the protection scope of the present application. Therefore, the protection scope of the present application should be subject to the protection scope of the claims.

Claims

1. An operation control method of an interface, characterized by, Providing a graphical user interface by a terminal device; The graphical user interface comprises at least a first window and a second window; wherein the first window is located inside the second window; the method comprises: Adjusting a window display state of the first window in response to an adjustment control operation on the first window; wherein the window display state comprises a window size and / or a window position; Determining a target display state of the first window based on an operation parameter of the adjustment control operation and the second window; Displaying a state indication identifier corresponding to the target display state; In response to an adjustment end operation on the first window, and the first window and the state indication identifier satisfying a specified condition, controlling the first window to be displayed in the target display state; wherein the specified condition is used to indicate a specified positional relationship between the first window and the state indication identifier.

2. The method of claim 1, wherein, The step of adjusting the window display state of the first window in response to the adjustment control operation on the first window comprises: In response to a movement control operation on the first window, controlling the first window to follow the operation touch point of the movement control operation to move; Or, in response to a size adjustment operation on the first window, controlling the window dimension corresponding to the size adjustment operation to follow the operation touch point of the size adjustment operation to scale.

3. The method of claim 1, wherein, The step of determining the target display state of the first window based on the operation parameter of the adjustment control operation and the second window comprises: In response to the moving speed of the operation touch point of the adjustment control operation exceeding a first speed threshold, and / or the moving distance of the operation touch point of the adjustment control operation exceeding a first distance threshold, determining the target display state of the first window based on the window display state of the second window; Wherein, the target display state comprises: the first window is displayed at an external adjacent position of the second window; or the first window is displayed in a specified area within the second window, and the area size of the specified area is less than a specified size threshold.

4. The method of claim 3, wherein, The step of displaying the state indication identifier corresponding to the target display state comprises: Displaying a first indication identifier associated with a specified window edge of the second window; wherein the first indication identifier is used to indicate that the first window is located outside the second window and is displayed adjacent to the specified window edge of the second window; And / or, displaying a second indication identifier in a specified area within the second window; wherein the second indication identifier is used to indicate the specified area.

5. The method of claim 4, wherein, The step of controlling the first window to be displayed in the target display state in response to the adjustment end operation on the first window, and the first window and the state indication identifier satisfying the specified condition comprises: in response to the end of the adjustment operation on the first window, and the window center of the first window moving from the first side area indicated by the first indicator to the second side area indicated by the first indicator, the first window is controlled to be located outside the second window and displayed adjacent to a specified window edge of the second window; wherein the first side area is located inside the second window; and the second side area is located outside the second window.

6. The method of claim 5, wherein, After the step of controlling the first window to be displayed in the target display state, the method comprises: displaying a preset control in the first window, wherein the preset control comprises at least an interface hiding control, and the interface hiding control is used to hide the first window.

7. The method of claim 5, wherein, The step of controlling the first window to be displayed in the target display state in response to the end of the adjustment operation on the first window and the first window satisfying a specified condition with the state indicator, comprises: in response to the end of the adjustment operation on the first window, and the first window having an overlapping area with the second indicator, the first window is displayed in a specified area indicated by the second indicator.

8. The method of claim 1, wherein, The first window comprises a plurality of windows; and the step of determining the target display state of the first window based on the operation parameter of the adjustment control operation and the second window, comprises: in response to the operation parameter satisfying a first condition, determining the target display state of the plurality of first windows based on the second window; wherein in the target display state, the plurality of first windows are located inside the second window, and the plurality of first windows do not overlap with each other; The first condition comprises at least one of the following: the movement distance of the operation touch point of the adjustment control operation is less than a second distance threshold; the number of changes in the movement direction of the operation touch point within a preset time exceeds a first number threshold; the movement speed of the operation touch point is less than a second speed threshold, and the change amount of the movement speed is less than a preset change threshold; the number of pauses of the operation touch point in a specified area where the operation touch point is located exceeds a second number, and the duration of each pause exceeds a preset duration.

9. The method of claim 8, wherein, The step of determining the target display state of the plurality of first windows based on the second window, comprises: determining the target display state of the plurality of first windows based on the size relationship between the width of the second window in the horizontal direction and the height of the first window in the vertical direction; wherein the target display state is used to indicate that the plurality of first windows are arranged and displayed in a first specified direction.

10. The method of claim 9, wherein, The target display state comprises: the specified window edges of adjacent first windows are in the same straight line; and / or, a target window edge in a target direction perpendicular to the first specified direction in a specified first window is in the same straight line with a window edge in the target direction in the second window; wherein the specified first window comprises a first window and a last window in the plurality of first windows arranged in the first specified direction.

11. The method of claim 9, wherein, If the width is not less than the height, in the target display state, the first windows are arranged and displayed in a horizontal direction. If the width is less than the height, in the target display state, the first windows are arranged and displayed in a vertical direction.

12. The method of claim 8, wherein the step of determining the target display state of the first windows in the second window based on the second window comprises: acquiring a first projection length corresponding to a region in the second window that is not covered by the first windows in a horizontal direction, and a second projection length corresponding to the region in the second window that is not covered by the first windows in a vertical direction; determining the target display state of the first windows in the second window based on a size relationship between the first projection length and the second projection length.

13. The method of claim 12, wherein the step of determining the target display state of the first windows in the second window based on the size relationship between the first projection length and the second projection length comprises: determining a second specified direction based on the size relationship between the first projection length and the second projection length; and determining the target display state of the first windows in the second window as an arrangement of the first windows in the second specified direction.

14. The method of claim 12, wherein, The step of determining the second specified direction based on the size relationship between the first projection length and the second projection length comprises: determining a window combination from the first windows, wherein the window combination contains two first windows with the shortest distance between interface centers; and determining the second specified direction based on the size relationship between the first projection length and the second projection length. The step of determining the target display state of the first windows in the second window as an arrangement of the first windows in the second specified direction comprises: determining the target display state of the first windows in the second window in the second specified direction by arranging the window combination in the second specified direction; and determining the target display state of the first windows outside the window combination based on the target display state of the window combination in the second window.

15. The method according to claim 13 or 14, characterized in that, The step of determining the second specified direction based on the size relationship between the first projection length and the second projection length comprises: if the first projection length is not less than the second projection length, determining the second specified direction as a horizontal direction; and if the first projection length is less than the second projection length, determining the second specified direction as a vertical direction.

16. The method of claim 14, wherein, The step of determining the target display state of the first windows outside the window combination based on the target display state of the window combination in the second window comprises: after the window combination is displayed in the target display state, acquiring a third projection length corresponding to a region in the second window that is not covered by the first windows in a horizontal direction, and a fourth projection length corresponding to the region in the second window that is not covered by the first windows in a vertical direction; and determining the target display state of the first windows outside the window combination based on the third projection length and the fourth projection length. Determine a target display state of a first window outside the window combination based on a size relationship between the third projection length and the fourth projection length.

17. The method of claim 16, wherein, The step of determining the target display state of the first window outside the window combination based on the size relationship between the third projection length and the fourth projection length comprises: If the third projection length is not less than the fourth projection length, determine that the first window outside the window combination is arranged in a horizontal direction with the window combination to obtain the target display state of the window combination outside. If the third projection length is less than the fourth projection length, determine that the first window outside the window combination is arranged in a vertical direction with the window combination to obtain the target display state of the first window outside the window combination.

18. The method of claim 8, wherein, The step of displaying the state indication mark corresponding to the target display state comprises: Determine a display area of the first window based on the target display state, and display a third indication mark in the display area, wherein the third indication mark is used to indicate the display area.

19. The method of claim 18, wherein, The step of controlling the first window to be displayed in the target display state in response to the end of the adjustment operation on the first window and the first window and the state indication mark satisfying a specified condition comprises: In response to the end of the adjustment operation on the first window and the first window and the third indication mark having an overlapping area, control the first window to be displayed in the target display state.

20. An operating control device for an interface, characterized by Provide a graphical user interface through a terminal device; The graphical user interface at least includes a first window and a second window; wherein the first window is located inside the second window; and the device comprises: A first adjustment module is configured to adjust a window display state of the first window in response to an adjustment control operation on the first window; wherein the window display state includes a window size and / or a window position. A first determination module is configured to determine a target display state of the first window based on an operation parameter of the adjustment control operation and the second window. A first display module is configured to display a state indication mark corresponding to the target display state. A first control module is configured to control the first window to be displayed in the target display state in response to the end of the adjustment operation on the first window and the first window and the state indication mark satisfying a specified condition; wherein the specified condition is used to indicate a specified positional relationship between the first window and the state indication mark.

21. An electronic device, comprising: The storage medium stores machine-executable instructions, and the machine-executable instructions, when invoked and executed by a processor, cause the processor to implement the operation control method of the interface according to any one of claims 1-19.

22. A storage medium, characterized by The storage medium stores machine-executable instructions, and the machine-executable instructions, when invoked and executed by a processor, cause the processor to implement the operation control method of the interface according to any one of claims 1-19.

Images