Control adjustment method, device and electronic terminal

Abstract

The present disclosure provides a control adjustment method, device, and electronic terminal, relating to the field of interface interaction technology, and alleviating the current technical problem of low convenience in adjusting the positions of multiple controls in a graphical user interface. The method comprises: in response to a first adjustment operation on a target margin corresponding to a target control group in at least one control group, determining a target margin adjustment trend corresponding to the first adjustment operation; each margin adjustment trend corresponds to a movement direction; determining a target movement direction corresponding to the target margin adjustment trend; and moving all target controls contained in the target control group toward the target movement direction.

Description

Technical Field

[0001] The present disclosure relates to the field of interface interaction technology, and in particular to a control adjustment method, device, and electronic terminal. Background Art

[0002] Currently, shooting mobile games usually require a large number of buttons to operate. Due to differences in operating habits and finger sizes, different players usually have requirements for customized positions, transparency, and sizes of operation buttons.

[0003] Currently, the mainstream solution for customizing button positions is manual adjustment. This involves first pressing and holding the button to be adjusted, then dragging it to the desired position. While this manual adjustment method can meet the needs of adjusting button positions, it is not convenient for scenarios where the positions of multiple operation buttons need to be adjusted quickly. As a result, the current convenience of adjusting the positions of multiple buttons in graphical user interfaces is relatively low. Summary of the Invention

[0004] The present disclosure aims to provide a method, device and electronic terminal for adjusting controls, so as to alleviate the current technical problem of low convenience in adjusting the positions of multiple controls in a graphical user interface.

[0005] In a first aspect, an embodiment of the present disclosure provides a method for adjusting controls, wherein a terminal device provides a graphical user interface, wherein the graphical user interface includes at least one control group, each control group includes multiple controls, and each control group has a corresponding margin, wherein the margin is used to represent the distance between the control group and a boundary of the graphical user interface; the method includes:

[0006] In response to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, determining a target margin adjustment trend corresponding to the first adjustment operation; each margin adjustment trend corresponds to a movement direction;

[0007] determining a target moving direction corresponding to the target margin adjustment trend;

[0008] All target controls included in the target control group are moved toward the target moving direction.

[0009] In a second aspect, a control adjustment device is provided, characterized in that a graphical user interface is provided by a terminal device, the graphical user interface includes at least one control group, each control group includes multiple controls, and each control group has a corresponding margin, the margin being used to represent the distance between the control group and a boundary of the graphical user interface; and the device includes:

[0010] a first determining module configured to, in response to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, determine a target margin adjustment trend corresponding to the first adjustment operation; each margin adjustment trend corresponds to a movement direction;

[0011] A second determining module is configured to determine a target moving direction corresponding to the target margin adjustment trend;

[0012] The moving module is used to move all target controls included in the target control group toward the target moving direction.

[0013] In a third aspect, an embodiment of the present disclosure provides an electronic terminal comprising a memory and a processor, wherein the memory stores a computer program that can be run on the processor, and when the processor executes the computer program, the method described in the first aspect is implemented.

[0014] In a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium, which stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to execute the method described in the first aspect above.

[0015] The embodiments of the present disclosure bring the following beneficial effects:

[0016] A control adjustment method, device and electronic terminal provided by the embodiments of the present disclosure can respond to a first adjustment operation on a target margin corresponding to a target control group in at least one control group, determine a target margin adjustment trend corresponding to the first adjustment operation, each margin adjustment trend corresponds to a moving direction, determine the target moving direction corresponding to the target margin adjustment trend, and move all target controls contained in the target control group toward the target moving direction. In this solution, by adjusting a certain margin adjustment trend of the target margin corresponding to the target control group, all controls in the target control group can be uniformly moved in the direction corresponding to this margin adjustment trend, and the positions of multiple controls can be quickly adjusted so that multiple controls in the target control group selected by the player can be moved as a whole. An interactive method for quickly adjusting the positions of multiple controls is provided, and players can adjust the positions of multiple controls at once when customizing the control positions, thereby reducing the operating cost of players adjusting the positions of multiple controls, meeting the control layout preference requirements of different types of players, and alleviating the current technical problem of low convenience in adjusting the positions of multiple controls in a graphical user interface.

[0017] In order to make the above-mentioned objectives, features and advantages of the present disclosure more obvious and easy to understand, preferred embodiments are given below and described in detail with reference to the accompanying drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] In order to more clearly illustrate the specific embodiments of the present disclosure or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the specific embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present disclosure. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0019] Figure 1 A schematic diagram of an application scenario provided by an embodiment of the present disclosure is shown;

[0020] Figure 2 A schematic structural diagram of a mobile phone provided by an embodiment of the present disclosure is shown;

[0021] Figure 3 A schematic diagram of a usage scenario of a touch terminal provided by an embodiment of the present disclosure is shown;

[0022] Figure 4 A flowchart of a method for adjusting a control provided in an embodiment of the present disclosure;

[0023] Figure 5 A schematic diagram of a terminal device displaying a graphical user interface is shown in an embodiment of the present disclosure;

[0024] Figure 6 A schematic diagram of another terminal device displaying a graphical user interface provided by an embodiment of the present disclosure is shown;

[0025] Figure 7 A schematic diagram of another terminal device displaying a graphical user interface provided by an embodiment of the present disclosure is shown;

[0026] Figure 8 A schematic diagram of another terminal device displaying a graphical user interface provided by an embodiment of the present disclosure is shown;

[0027] Figure 9 A schematic structural diagram of a control adjustment device provided in an embodiment of the present disclosure;

[0028] Figure 10 A schematic structural diagram of an electronic device provided by an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0029] To make the objectives, technical solutions, and advantages of the embodiments of the present disclosure more clear, the technical solutions of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings. Obviously, the described embodiments are only part of the embodiments of the present disclosure, not all of them. Based on the embodiments of the present disclosure, all other embodiments obtained by ordinary technicians in this field without making any creative efforts shall fall within the scope of protection of the present disclosure.

[0030] The terms "including," "having," and any variations thereof, as used in the embodiments of the present disclosure, are intended to cover non-exclusive inclusions. For example, a process, method, system, product, or apparatus comprising a series of steps or units is not limited to the listed steps or units, but may optionally include other steps or units not listed, or may optionally include other steps or units inherent to the process, method, product, or apparatus.

[0031] Currently, shooting mobile games often require numerous buttons. Due to differences in player habits and finger sizes, players often customize the placement, transparency, and size of these buttons. The current mainstream solution for customizing button positions is manual adjustment. This involves pressing and holding the desired button and then dragging it to the desired position. While manual adjustment can meet the need for adjusting button positions, it's inconvenient for scenarios where you want to quickly adjust the positions of all buttons.

[0032] For example, when playing on a tablet, the buttons on both sides will be moved closer to the center of the screen due to adaptation rules. This means that the player needs to move both buttons to the left or right to better click them. For players with larger fingers, the distance between buttons needs to be increased to avoid accidental touches, so the spacing between all action buttons needs to be uniformly adjusted.

[0033] If manual adjustment is used to solve the above problem, on the one hand, it will be cumbersome as the position of each button needs to be adjusted one by one; on the other hand, it is difficult to accurately adjust the position of each button and to proportionally enlarge or reduce the spacing between all buttons.

[0034] It can be seen that the current operation of adjusting the positions of multiple buttons in a graphical user interface is not very convenient.

[0035] Based on this, the embodiments of the present disclosure provide a method, device, and electronic terminal for adjusting controls, which can alleviate the current technical problem of low convenience in adjusting the positions of multiple controls in a graphical user interface.

[0036] In one embodiment of the present disclosure, the control adjustment method can be run on a local terminal device or a server. When the control adjustment method is run on a server, the method can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes a server and a client device.

[0037] In an optional embodiment, various cloud applications can be run under the cloud interaction system, such as cloud games. Taking cloud games as an example, cloud games refer to a gaming method based on cloud computing. In the cloud game operation mode, the operating body of the game program and the main body of the game screen presentation are separated. The storage and operation of the control adjustment method are completed on the cloud game server. The role of the client device is to receive and send data and present the game screen. For example, the client device can be a display device with data transmission function close to the user side, such as a mobile terminal, TV, computer, PDA, etc.; but the cloud game server in the cloud is responsible for information processing. When playing the game, the player operates the client device to send operation instructions to the cloud game server. The cloud game server runs the game according to the operation instructions, encodes and compresses the game screen and other data, and returns it to the client device through the network. Finally, the client device decodes and outputs the game screen.

[0038] In an optional embodiment, taking a game as an example, a local terminal device stores a game program and is used to present the game screen. The local terminal device is used to interact with the player through a graphical user interface, that is, conventionally downloading and installing the game program through an electronic device and running it. The local terminal device can provide the graphical user interface to the player in a variety of ways, for example, it can be rendered and displayed on the terminal's display screen, or provided to the player through holographic projection. For example, the local terminal device may include a display screen and a processor, the display screen is used to present the graphical user interface, the graphical user interface includes the game screen, and the processor is used to run the game, generate the graphical user interface, and control the display of the graphical user interface on the display screen.

[0039] In a possible implementation, an embodiment of the present disclosure provides a method for adjusting a control, providing a graphical user interface through a terminal device, wherein the terminal device can be the local terminal device mentioned above, or the client device in the cloud interaction system mentioned above.

[0040] For example, Figure 1 As shown, Figure 1 Schematic diagram of an application scenario provided by an embodiment of the present disclosure. This application scenario may include a touch terminal (e.g., mobile phone 102) and a server 101. The touch terminal may communicate with the server 101 via a wired or wireless network. The touch terminal is used to run a virtual desktop, which can interact with the server 101 through the virtual desktop to control content on the server 101, etc.

[0041] The touch terminal of this embodiment is described by taking a mobile phone 102 as an example. The mobile phone 102 includes components such as a radio frequency (RF) circuit 110, a memory 120, a touch screen 130, and a processor 140. Those skilled in the art will understand that Figure 2 The mobile phone structure shown in the figure does not constitute a limitation of the mobile phone, and may include more or fewer components than shown in the figure, or combine or separate some components, or arrange the components differently. Those skilled in the art will understand that the touch screen 130 is a user interface (UI), and the mobile phone 102 may include more or fewer user interfaces than shown in the figure.

[0042] The RF circuit 110 can also communicate with a network and other devices via wireless communications. The wireless communications can use any communication standard or protocol, including but not limited to Global System of Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (LTE), email, Short Messaging Service (SMS), etc.

[0043] The memory 120 can be used to store software programs and modules. The processor 140 executes the various functional applications and data processing of the mobile phone 102 by running the software programs and modules stored in the memory 120. The memory 120 may mainly include a program storage area and a data storage area. The program storage area may store an operating system, at least one application required for a function, etc.; the data storage area may store data generated based on the use of the mobile phone 102, etc. In addition, the memory 120 may include high-speed random access memory and non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state memory device.

[0044] The touch screen 130 can be used to display a graphical user interface and receive user operations on the graphical user interface. Specifically, the touch screen 130 may include a display panel and a touch panel. The display panel may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), etc. The touch panel can collect user contact or non-contact operations on or near it (for example, Figure 3 As shown, the user uses a finger 103, a stylus, or any other suitable object or accessory to operate on or near the touch panel), and generates a pre-set operation instruction. In addition, the touch panel may include two parts: a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch direction and posture, and detects the signal caused by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, and converts it into information that the processor can process, and then sends it to the processor 140, and can receive the command sent by the processor 140 and execute it. In addition, the touch panel can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave, and any technology developed in the future can also be used to implement the touch panel. Furthermore, the touch panel can cover the display panel, and the user can operate on or near the touch panel covered on the display panel according to the graphical user interface displayed on the display panel. After the touch panel detects the operation on or near it, it is transmitted to the processor 140 to determine the user input, and then the processor 140 provides a corresponding visual output on the display panel in response to the user input. In addition, the touch panel and the display panel can be implemented as two independent components or integrated.

[0045] The processor 140 is the control center of the mobile phone 102. It uses various interfaces and lines to connect various parts of the entire mobile phone. By running or executing software programs and / or modules stored in the memory 120 and calling data stored in the memory 120, it executes various functions of the mobile phone 102 and processes data, thereby monitoring the mobile phone as a whole.

[0046] The embodiments of the present disclosure are further described below with reference to the accompanying drawings.

[0047] Figure 4 A flowchart of a control adjustment method provided by an embodiment of the present disclosure. The method can be applied to a terminal device (e.g., a terminal device) that can present a graphical user interface. Figure 2 The mobile phone 102 shown in the figure provides a graphical user interface through the terminal device. The graphical user interface includes at least one control group, which includes multiple controls. The control group has a corresponding margin, which is used to represent the distance between the control group and the boundary of the graphical user interface. Figure 4 As shown, the method includes:

[0048] Step S410 : In response to a first adjustment operation on a target margin corresponding to a target control group in at least one control group, determining a target margin adjustment trend corresponding to the first adjustment operation.

[0049] Each margin adjustment trend corresponds to a movement direction. For example, a shortened margin adjustment trend corresponds to a movement direction toward the center of the graphical user interface, and another example, a lengthened margin adjustment trend corresponds to a movement direction toward the edge of the graphical user interface.

[0050] In an optional embodiment, as Figure 5 As shown, the control (i.e., button) in the embodiment of the present disclosure can be a relatively large area on the graphical user interface, or a relatively small area on the graphical user interface. The control can be square, rectangular, frame-shaped, or other shapes (for example, circular, etc.). The content presented by the graphical user interface can include all of the controls, or it can be a part of the content hotspot. For example, when a certain control is magnified and displayed in the graphical user interface, the local content of the content hotspot is displayed on the graphical user interface of the terminal device. The control can be displayed in the upper left, upper right, or other positions in the graphical user interface, and this exemplary embodiment is not limited thereto.

[0051] Specifically, a graphical user interface is provided via a terminal device, and the graphical user interface includes at least one functional control, such as an attack control, a movement control, a shooting control, a tool release control, an aiming control, etc. In response to a touch operation on the movement control, the virtual character is controlled to move in the game scene; in response to a touch operation on the shooting control, the virtual character is controlled to shoot in the aiming direction; in response to a touch operation on the tool release control, the virtual character is controlled to throw a virtual tool in the aiming direction; in response to a touch operation on the aiming control, the virtual object is controlled to adjust the aiming direction, and so on.

[0052] It should be noted that control groups can be located anywhere in the GUI. For example, if there are two control groups, one on the left and one on the right side of the GUI, the two corresponding margins are the distance between the left control group and the left border of the GUI, and the distance between the right control group and the right border of the GUI.

[0053] Step S420 , determining a target moving direction corresponding to the target margin adjustment trend.

[0054] For example, if the target margin adjustment trend is to shorten the left margin, the corresponding target moving direction is the left control group to the left; if the target margin adjustment trend is to shorten the right margin, the corresponding target moving direction is the right control group to the right; if the target margin adjustment trend is to lengthen the left margin, the corresponding target moving direction is the left control group to the right; if the target margin adjustment trend is to lengthen the right margin, the corresponding target moving direction is the left control group to the left.

[0055] Of course, the movement direction can include not only left-right movement, but also up-down movement. For example, if the target margin adjustment trend is to shorten the upper margin, the corresponding target movement direction is for the upper control group to move upward; if the target margin adjustment trend is to lengthen the lower margin, the corresponding target movement direction is for the lower control group to move upward.

[0056] Step S430: Move all target controls included in the target control group toward the target moving direction.

[0057] Illustratively, all target controls included in the upper control group are moved downward, all target controls included in the left control group are moved rightward, all target controls included in the right control group are moved leftward, and so on. There may be various control movement methods.

[0058] In the disclosed embodiment, by adjusting a certain margin adjustment trend of the target margin corresponding to the target control group, all controls in the target control group can be uniformly moved in the direction corresponding to the margin adjustment trend, and the positions of multiple controls can be quickly adjusted, so that multiple controls in the target control group selected by the player can be moved as a whole. An interactive method for quickly adjusting the positions of multiple controls is provided, and players can adjust the positions of multiple controls at one time when customizing the control positions, which reduces the operating cost of players adjusting the positions of multiple controls, meets the control layout preference requirements of different types of players, and improves the convenience of adjusting the positions of multiple controls in the graphical user interface.

[0059] The above steps are described in detail below.

[0060] In some embodiments, players can move controls in different side control groups in multiple directions to facilitate the operation of character control buttons located on different sides of the interface during the game. As an example, at least one control group includes: a first control group located in a first side area relative to a reference line of the graphical user interface, and a second control group located in a second side area relative to the reference line; the margin adjustment trend includes at least one of the following: shortening the margin adjustment of the first control group, lengthening the margin adjustment of the first control group, shortening the margin adjustment of the second control group, and lengthening the margin adjustment of the second control group; wherein, the lengthening of the margin adjustment of the first control group and the lengthening of the margin adjustment of the second control group both correspond to the movement direction toward the reference line, and the shortening of the margin adjustment of the first control group and the shortening of the margin adjustment of the second control group both correspond to the movement direction opposite to the reference line.

[0061] In practical applications, the reference line can be located at any position in the graphical user interface, and the embodiment of the present disclosure does not limit the position of the reference line.

[0062] As an example, the reference line may be the center line of the graphical user interface. For example, if the reference line is the center line that divides the upper and lower sides of the graphical user interface equally, then the areas on different sides include the upper area and the lower area relative to the graphical user interface, and the upper area and the lower area have the same area size; for another example, Figure 5 As shown, the reference line 501 is the center line that divides the left and right sides of the graphical user interface equally. The areas on different sides include the left area and the right area relative to the graphical user interface, and the area sizes of the left area and the right area are the same, as shown in FIG. Figure 5 The graphical user interface is divided into a first side area 502 and a second side area 503 of the same size. The first control group in the first side area 502 includes two first controls 504, and the second control group in the second side area 503 includes five second controls 505.

[0063] In actual application, the target control group in the above step S410 can be the first control group, that is, the controls to be adjusted are the two first controls 504 in the first control group; the target control group in the above step S410 can also be the second control group, that is, the controls to be adjusted are the five second controls 505 in the second control group.

[0064] As another example, the reference line may be a non-center line in the graphical user interface that deviates from the center. For example, if the reference line is a center line that divides the graphical user interface into upper and lower sides but is closer to the upper side, then the areas on different sides include areas relative to the upper side and the lower side of the graphical user interface, and the size of the upper side area is smaller than the size of the lower side area. For another example, if the reference line is a center line that divides the graphical user interface into left and right sides but is closer to the right side, then the areas on different sides include areas relative to the left side and the right side of the graphical user interface, and the size of the right side area is smaller than the size of the left side area.

[0065] For the left area and the right area in the graphical user interface, for example, Figure 5 As shown, the operating controls are divided into two parts, the left and the right, and these two parts are moved as a whole. If the player wants to move the left control as a whole to the middle of the screen, he can click the "lengthen" control marked in the interface; similarly, if the player wants to move the right control as a whole to the right, he can click the "shorten" control on the right margin. Usually, the control buttons for virtual characters during the game are generally located on the left and right sides of the interface. By moving the controls in the control groups on the left and right sides to the left and right, it is easier to operate the character control buttons on the left and right sides of the interface during the game.

[0066] By moving the controls in the control groups on different sides in different directions, players can move the controls in the control groups on different sides in multiple directions, which facilitates flexible operation of the character control buttons on different sides of the interface during the game.

[0067] In some embodiments, when responding to an adjustment operation, the target controls included in the target control group to be adjusted may be first determined. As an example, the process of responding to the first adjustment operation on the target margin corresponding to the target control group in at least one control group in step S410 may include the following steps:

[0068] Step S412: obtaining a first adjustment operation, and determining a target adjustment area according to the first adjustment operation;

[0069] Step S414: Determine the controls located within the target adjustment area.

[0070] Regarding the above step S412, the graphical user interface includes at least two areas determined according to the reference line, and the target adjustment area is one of the at least two areas. It should be noted that the reference line is a line in the graphical user interface.

[0071] Regarding the above step S414, the controls located in the target adjustment area are the target control group. In actual applications, when responding to an adjustment operation, all controls in the target control group located in the target adjustment area can be determined, ie, the adjustment target controls of the adjustment operation.

[0072] In the embodiment of the present disclosure, by first determining the target adjustment area corresponding to the adjustment operation and then determining the target control group located in the target adjustment area, the moved object can be made more precise, avoiding moving the wrong control due to confusion of control groups located in different areas.

[0073] Based on the control groups located in different areas, all controls included in different control groups can be re-determined after manually adjusting a control individually. As an example, before the above step S410, the method can also include the following steps:

[0074] Step n), in response to a drag operation on the third control in the first side area, moving the third control from the first side area to the second side area according to the drag operation;

[0075] Step o): determining all controls included in the first control group and all controls included in the second control group in the graphical user interface based on the at least one third control after the movement.

[0076] Regarding step n), it should be noted that the dragging operation is an operation of dragging from the first side area to the second side area. For example, the dragging operation is an operation of dragging from the left area of ​​the reference line to the right area of ​​the reference line, or from the right area of ​​the reference line to the left area of ​​the reference line.

[0077] For step o) above, the moved third control belongs to the second control group. For example, if the dragging operation in step n) is from the left area of ​​the reference line to the right area of ​​the reference line, then the moved first control belongs to the right control group; if the dragging operation in step n) is from the right area of ​​the reference line to the left area of ​​the reference line, then the moved first control belongs to the left control group.

[0078] In the disclosed embodiments, for control groups located in different areas, after manually adjusting a control individually, all controls within each control group can be re-determined. For example, the positions of all controls located in the left or right area of ​​a graphical user interface can be re-acquired, that is, the controls within the left control group and the controls within the right control group can be re-determined, and then the left or right control group can be adjusted as a whole. This allows for more precise positioning of controls within the interface before overall adjustments are made, preventing manual adjustments to individual controls from affecting the accuracy of subsequent overall position adjustments.

[0079] In some embodiments, the distance that the controls in the control group are moved each time may be a fixed distance, so that the player can estimate the adjustment result corresponding to each adjustment operation in advance. As an example, the above step S430 may include the following steps:

[0080] Step a) moves all target controls included in the target control group in a target moving direction by a specified distance.

[0081] Optionally, each time the player clicks the left margin lengthening control, all controls in the left control group move toward the center of the graphical user interface by a specified distance D. If the player clicks the right margin shortening control twice, all controls in the right control group move to the right by two specified distances, i.e., 2*D, and so on.

[0082] By making the distance that the controls in a control group move each time a fixed distance, it is easier for players to estimate the adjustment results of each adjustment operation in advance.

[0083] In some embodiments, the movement distance corresponding to each margin adjustment operation can be calculated using some graphical user interface parameters, so that the movement distance can be adapted to different graphical user interface situations. As an example, the above step S430 may include the following steps:

[0084] Step b) determining a control movement distance based on a horizontal resolution of the graphical user interface, a preset central limit position, and a preset boundary limit position;

[0085] Step c) moving all target controls included in the target control group in the target moving direction by a control moving distance.

[0086] For the above step b), the preset central limit position represents the limit position corresponding to the first preset shortest distance of the control relative to the center of the graphical user interface, and the preset boundary limit position represents the limit position corresponding to the second preset shortest distance of the control relative to the boundary.

[0087] The moving distance corresponding to each adjustment operation is calculated by utilizing interface parameters such as the horizontal resolution, the preset central limit position, and the preset boundary limit position of the graphical user interface, so that the moving distance of each adjustment operation can be adapted to different graphical user interface situations.

[0088] Based on the above steps b) and c), the positions of all operating controls can be precisely adjusted using a unified movement distance calculation formula. As an example, the above step b) may include the following steps:

[0089] The control movement distance is determined by the formula D = [X(1-m1) / 2-X(1-m2) / 2] / 100.

[0090] Where D represents the control movement distance, X represents the horizontal resolution of the graphical user interface, m1 represents the limit position of the control corresponding to the first shortest preset distance from the center of the graphical user interface, and m2 represents the limit position of the control corresponding to the second shortest preset distance from the boundary.

[0091] For the parameters in the above movement distance calculation formula for each control, X can be optionally represented by the horizontal resolution of the mobile phone screen, m1 can be the limit position that the control can reach by moving toward the center, expressed as a percentage of X, and m2 can be the limit position that the control can reach by moving toward the edge, which can also be expressed as a percentage of X.

[0092] In the disclosed embodiment, a unified movement distance calculation formula is used to achieve more accurate adjustment data for the positions of all operating controls.

[0093] In some embodiments, while the player is adjusting the margin, the margin adjustment result can be displayed in real time so that the player can determine the current margin adjustment status at any time. As an example, the method can also include the following steps:

[0094] Step d) In response to the first adjustment operation on the target margin corresponding to the target control group, prompt information of the target margin adjusted according to the target margin adjustment trend is displayed in the graphical user interface.

[0095] like Figure 6 As shown in the figure, when adjusting the position, a margin line of a specific color can be displayed to help players preview the adjusted distance, that is, to preview the actual effect of the control displacement in real time in the settings interface. By displaying the margin adjustment results in real time while the player adjusts the margin, it is convenient for players to confirm the current margin adjustment status at any time.

[0096] Based on the above step d), the target margin can be prompted by the position of the target control on the edge of the target control group. As an example, the above step d) can include the following steps:

[0097] Step d1) In response to a first adjustment operation on a target margin corresponding to a target control group, determining a first target margin between a first target control and a boundary after adjustment according to a target margin adjustment trend.

[0098] Step d2) displays a prompt line indicating the first target margin in the graphical user interface.

[0099] Regarding the above step d1), the first target control is the target control closest to the boundary in the target control group.

[0100] In practical applications, such as Figure 6As shown, the target margin hint information can be a first target margin hint line 601 between the outermost control and the border. For example, the first target margin hint line is represented by a margin indicator line. Representing the target margin by the distance between the outermost target control in the target control group and the border can make the target margin data more accurate, and the distance between the target control group and the border can be represented by a more appropriate first target margin.

[0101] In some embodiments, a prompt may be provided to the player when the control moves to the boundary limit to prevent the player from making invalid position adjustments. As an example, the method may further include the following steps:

[0102] Step e): in response to the target margin corresponding to the target control group being smaller than a preset distance, the target control is stopped from being moved, and a prompt message indicating that the target control has moved to the boundary is displayed in the graphical user interface.

[0103] For example, Figure 7 As shown, when a control reaches the screen boundary, it cannot move further and a reminder of a more obvious color area 701 is displayed at the boundary. By providing the player with certain prompts when the control moves to the boundary limit, the player can avoid invalid operations on position adjustment.

[0104] In some embodiments, the player can not only uniformly adjust the positions of multiple controls, but also adjust the spacing between multiple controls to further improve the efficiency of control adjustment. As an example, the method may also include the following steps:

[0105] Step f), in response to a second adjustment operation on the spacing between the plurality of controls in the graphical user interface, determining a spacing adjustment trend corresponding to the second adjustment operation;

[0106] Step g), determining the individual movement direction of each control according to the spacing adjustment trend;

[0107] Step h), moving the controls according to the individual moving directions corresponding to each control.

[0108] By adjusting the spacing between multiple controls, the operating cost of players adjusting the positions of multiple controls can be further reduced, meeting the control layout preferences of different types of players and further improving the efficiency of control adjustment.

[0109] Based on the above steps f), g) and h), the control spacing can be adjusted by spacing adjustment contraction and spacing adjustment stretching, making the player's adjustment of the control spacing more efficient.

[0110] As an example, the spacing adjustment trend includes shrinking and stretching the spacing between the multiple controls; the above step g) may include the following steps:

[0111] In step i), if the spacing adjustment trend is spacing adjustment stretching, the individual movement direction of each control is determined to be toward the boundary, so as to expand the spacing between the multiple controls.

[0112] As another example, the above step g) may further include the following steps:

[0113] In step j), if the spacing adjustment trend is spacing contraction, the individual movement direction of each control is determined to be toward the center of the graphical user interface to reduce the spacing between the multiple controls.

[0114] For example, players can adjust the spacing between multiple controls by clicking the "shrink" and "stretch" controls for control spacing. For example, clicking the "shrink" control will reduce the distance between all control elements from the border to the center, while clicking the "stretch" control will increase the distance between all control elements from the center to the border.

[0115] In the disclosed embodiment, the adjustment of the control spacing can be achieved through spacing adjustment contraction and spacing adjustment stretching, thereby making the player's adjustment of the control spacing more efficient.

[0116] Based on steps f), g), and h), the distance that each control moves for each spacing adjustment operation can be calculated using some control position parameters and interface parameters, so that the distance of each movement can be adapted to different graphical user interface situations for controls in different positions. As an example, step h) can also include the following steps:

[0117] Step k), determining a separate movement distance for each control based on the horizontal resolution of the graphical user interface, a preset maximum spacing between controls, and the current position of the control;

[0118] Step 1): Move each control a separate moving distance according to the separate moving direction corresponding to each control.

[0119] The distance that each control moves in each spacing adjustment operation is calculated through the control position parameters, so that the distance of each adjustment movement can be targeted at controls in different positions, making the spacing adjustment of different controls more targeted to the controls themselves. The calculation of interface parameters can adapt to different graphical user interface situations.

[0120] Based on the above steps k) and l), the spacing between all operating controls can be precisely adjusted using a unified movement distance calculation formula. As an example, the above step k) may further include the following steps:

[0121] Step m), determine the individual moving distance of each control by the formula d=X(m%+(1-m%)s%).

[0122] Where d represents the individual movement distance, X represents the horizontal resolution of the graphical user interface, m represents the maximum spacing between preset controls, and s represents the current position of the control.

[0123] In the above formula for calculating the distance each control moves when adjusting spacing, the m% may optionally represent the percentage of the maximum distance each control can stretch relative to the total horizontal resolution (X). In the disclosed embodiments, a unified movement distance calculation formula is used to precisely adjust the spacing between all operational controls.

[0124] In some embodiments, the adjustment in the embodiments of the present disclosure may be directed to controls of some attributes in the entire interface. As an example, each control in the graphical user interface corresponds to a control attribute; the method may further include the following steps:

[0125] Step p): in response to a selection operation on a target control property, determining a control corresponding to the target control property as the first adjustment operation and / or the control adjusted corresponding to the first adjustment operation.

[0126] For control properties, they can be properties for certain aspects of control functions, for example Figure 8 As shown, the controls of multiple attributes may include a parallel relationship of "battle button settings" control 801 and "general layout settings" control 802. By adjusting some attribute controls instead of all controls, the adjustment in the embodiment of the present disclosure can be made more targeted and the adjustment object more flexible.

[0127] Figure 9 A schematic diagram of a control adjustment device is provided. A graphical user interface is provided through a terminal device, wherein the graphical user interface includes at least one control group, each control group includes multiple controls, and each control group has a corresponding margin, which is used to represent the distance between the control group and the boundary of the graphical user interface. Figure 9 As shown, the control adjustment device 900 includes:

[0128] A first determining module 901 is configured to, in response to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, determine a target margin adjustment trend corresponding to the first adjustment operation; each margin adjustment trend corresponds to a movement direction;

[0129] A second determining module 902 is configured to determine a target moving direction corresponding to the target margin adjustment trend;

[0130] The moving module 903 is configured to move all target controls included in the target control group toward the target moving direction.

[0131] Through the above method, by adjusting a certain margin adjustment trend of the target margin corresponding to the target control group, all controls in the target control group can be uniformly moved in the direction corresponding to this margin adjustment trend, and the positions of multiple controls can be quickly adjusted, so that multiple controls in the target control group selected by the player can be moved as a whole, providing an interactive method for quickly adjusting the positions of multiple controls, and enabling players to adjust the positions of multiple controls at one time when customizing the control positions, reducing the operating cost of players adjusting the positions of multiple controls, meeting the control layout preference needs of different types of players, and alleviating the current technical problem of low convenience in adjusting the positions of multiple controls in the graphical user interface.

[0132] In a feasible embodiment, the at least one control group includes: a first control group located in a first side area relative to a reference line of the graphical user interface, and a second control group located in a second side area relative to the reference line;

[0133] The margin adjustment trend includes at least one of the following: the margin adjustment of the first control group is shortened, the margin adjustment of the first control group is lengthened, the margin adjustment of the second control group is shortened, and the margin adjustment of the second control group is lengthened;

[0134] Among them, the margin adjustment lengthening of the first control group and the margin adjustment lengthening of the second control group both correspond to the movement direction of the reference line, and the margin adjustment shortening of the first control group and the margin adjustment shortening of the second control group both correspond to the movement direction opposite to the reference line.

[0135] In a feasible embodiment, the first determining module is specifically configured to: obtain a first adjustment operation, and determine a target adjustment area according to the first adjustment operation, wherein the graphical user interface includes at least two areas determined according to the reference line, and the target adjustment area is one of the at least two areas;

[0136] Controls located within the target adjustment area are determined, wherein the controls located within the target adjustment area are a target control group.

[0137] In a feasible embodiment, the mobile module is specifically used to:

[0138] All target controls included in the target control group are moved a specified distance in the target moving direction.

[0139] In one possible embodiment, the mobile module is further configured to:

[0140] Determining a control movement distance based on a horizontal resolution of the graphical user interface, a preset central limit position, and a preset boundary limit position; wherein the preset central limit position indicates a limit position of the control corresponding to a first preset shortest distance from the center of the graphical user interface, and the preset boundary limit position indicates a limit position of the control corresponding to a second preset shortest distance from the boundary;

[0141] All target controls included in the target control group are moved in the target moving direction by the control moving distance.

[0142] In a feasible embodiment, the mobile module is specifically used to:

[0143] The control movement distance is determined by the formula D = [X(1-m1) / 2-X(1-m2) / 2] / 100; wherein D represents the control movement distance, X represents the horizontal resolution of the graphical user interface, m1 represents the extreme position of the control corresponding to the first shortest distance preset from the center of the graphical user interface, and m2 represents the extreme position of the control corresponding to the second shortest distance preset from the boundary.

[0144] In one feasible embodiment, the device further comprises:

[0145] The display module is configured to display, in response to a first adjustment operation on the target margin corresponding to the target control group, prompt information of the target margin adjusted according to the target margin adjustment trend in the graphical user interface.

[0146] In a feasible embodiment, the display module is specifically used for:

[0147] In response to a first adjustment operation on a target margin corresponding to the target control group, determining a first target margin between a first target control and the boundary after adjustment according to the target margin adjustment trend; wherein the first target control is the target control in the target control group that is closest to the boundary;

[0148] A prompt line indicating the first target margin is displayed in the graphical user interface.

[0149] In a feasible embodiment, the display module is further used to:

[0150] In response to the target margin corresponding to the target control group being smaller than a preset distance, the target control is stopped from being moved, and prompt information indicating that the target control has moved to the boundary is displayed in the graphical user interface.

[0151] In one feasible embodiment, the device further comprises:

[0152] The third determination module is used to determine the spacing adjustment trend corresponding to the second adjustment operation for the spacing between the multiple controls in the graphical user interface; determine the individual movement direction of each control according to the spacing adjustment trend; and move the controls according to the individual movement direction corresponding to each control.

[0153] In a feasible embodiment, the spacing adjustment trend includes spacing adjustment contraction and spacing adjustment extension between the plurality of controls; the third determining module is specifically configured to:

[0154] If the spacing adjustment tendency is the spacing adjustment stretching, determining the individual movement direction of each of the controls to be toward the boundary so as to expand the spacing between the multiple controls.

[0155] In a feasible implementation manner, the third determination module is further configured to:

[0156] If the spacing adjustment trend is the spacing adjustment contraction, the individual movement direction of each of the controls is determined to be toward the center of the graphical user interface, so as to reduce the spacing between the multiple controls.

[0157] In a feasible implementation scheme, the third determination module is specifically configured to:

[0158] determining a separate movement distance of each of the controls according to a horizontal resolution of the graphical user interface, a preset maximum spacing between controls, and a current position of the control;

[0159] The control is moved by the individual movement distance according to the individual movement direction corresponding to each control.

[0160] In a feasible implementation manner, the third determination module is further configured to:

[0161] The individual movement distance of each control is determined by the formula d=X(m%+(1-m%)s%); wherein d represents the individual movement distance, X represents the horizontal resolution of the graphical user interface, m represents the maximum spacing between preset controls, and s represents the current position of the control.

[0162] In a feasible embodiment, it also includes:

[0163] a moving module, configured to, in response to a drag operation on the third control in the first side area, move the third control from the first side area to the second side area according to the drag operation; wherein the drag operation is an operation of dragging from the first side area to the second side area;

[0164] The fourth determining module is used to determine all controls included in the first control group and all controls included in the second control group in the graphical user interface based on at least one of the moved third controls; the moved third control belongs to the second control group.

[0165] In a feasible embodiment, each of the controls in the graphical user interface corresponds to a control attribute; further comprising:

[0166] A fifth determining module is configured to, in response to a selection operation on a target control attribute, determine a control corresponding to the target control attribute as the first adjustment operation and / or the control adjusted by the first adjustment operation.

[0167] The control adjustment device provided in the embodiment of the present disclosure has the same technical features as the control adjustment method provided in the above embodiment, so it can also solve the same technical problems and achieve the same technical effects.

[0168] Figure 10 A schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure is shown, including: a processor 1001, a storage medium 1002, and a bus 1003. The storage medium 1002 stores machine-readable instructions executable by the processor 1001. When the electronic device executes a control adjustment method in the embodiment, the processor 1001 communicates with the storage medium 1002 via the bus 1003. The processor 1001 executes the machine-readable instructions. The processor 1001 performs the preamble of the method item to perform the following steps:

[0169] In response to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, determining a target margin adjustment trend corresponding to the first adjustment operation; each margin adjustment trend corresponds to a movement direction;

[0170] determining a target moving direction corresponding to the target margin adjustment trend;

[0171] All target controls included in the target control group are moved toward the target moving direction.

[0172] Through the above method, by adjusting a certain margin adjustment trend of the target margin corresponding to the target control group, all controls in the target control group can be uniformly moved in the direction corresponding to the margin adjustment trend, and the positions of multiple controls can be quickly adjusted, so that multiple controls in the target control group selected by the player can be moved as a whole. An interactive method for quickly adjusting the positions of multiple controls is provided, and players can adjust the positions of multiple controls at one time when customizing the control positions, which reduces the operating cost of players adjusting the positions of multiple controls, meets the control layout preference needs of different types of players, and alleviates the current technical problem of low convenience in adjusting the positions of multiple controls in the graphical user interface.

[0173] In a feasible embodiment, the at least one control group includes: a first control group located in a first side area relative to a reference line of the graphical user interface, and a second control group located in a second side area relative to the reference line;

[0174] The margin adjustment trend includes at least one of the following: the margin adjustment of the first control group is shortened, the margin adjustment of the first control group is lengthened, the margin adjustment of the second control group is shortened, and the margin adjustment of the second control group is lengthened;

[0175] Among them, the margin adjustment lengthening of the first control group and the margin adjustment lengthening of the second control group both correspond to the movement direction of the reference line, and the margin adjustment shortening of the first control group and the margin adjustment shortening of the second control group both correspond to the movement direction opposite to the reference line.

[0176] In a feasible implementation scheme, when executing a first adjustment operation in response to a target margin corresponding to a target control group in the at least one control group, the processor 1001 is specifically used to: obtain a first adjustment operation, determine a target adjustment area based on the first adjustment operation, wherein the graphical user interface includes at least two areas determined based on a reference line, and the target adjustment area is one of the at least two areas; determine a control located within the target adjustment area, wherein the control located within the target adjustment area is a target control group.

[0177] In a feasible implementation manner, when executing the operation of moving all target controls included in the target control group toward the target moving direction, the processor 1001 is specifically configured to:

[0178] All target controls included in the target control group are moved a specified distance in the target moving direction.

[0179] In a feasible implementation manner, when executing the operation of moving all target controls included in the target control group toward the target moving direction, the processor 1001 is specifically configured to:

[0180] Determining a control movement distance based on a horizontal resolution of the graphical user interface, a preset central limit position, and a preset boundary limit position; wherein the preset central limit position indicates a limit position of the control corresponding to a first preset shortest distance from the center of the graphical user interface, and the preset boundary limit position indicates a limit position of the control corresponding to a second preset shortest distance from the boundary;

[0181] All target controls included in the target control group are moved in the target moving direction by the control moving distance.

[0182] In one feasible embodiment, when determining the control movement distance based on the horizontal resolution, the preset central limit position, and the preset boundary limit position of the graphical user interface, the processor 1001 is specifically configured to:

[0183] The control movement distance is determined by the formula D = [X(1-m1) / 2-X(1-m2) / 2] / 100; wherein D represents the control movement distance, X represents the horizontal resolution of the graphical user interface, m1 represents the extreme position of the control corresponding to the first shortest distance preset from the center of the graphical user interface, and m2 represents the extreme position of the control corresponding to the second shortest distance preset from the boundary.

[0184] In one possible embodiment, the processor is further configured to:

[0185] In response to a first adjustment operation on the target margin corresponding to the target control group, prompt information of the target margin adjusted according to the target margin adjustment trend is displayed in the graphical user interface.

[0186] In a feasible embodiment, when the processor executes a first adjustment operation on the target margin corresponding to the target control group and displays prompt information of the target margin adjusted according to the target margin adjustment trend in the graphical user interface, it is specifically configured to:

[0187] In response to a first adjustment operation on a target margin corresponding to the target control group, determining a first target margin between a first target control and the boundary after adjustment according to the target margin adjustment trend; wherein the first target control is the target control in the target control group that is closest to the boundary;

[0188] A prompt line indicating the first target margin is displayed in the graphical user interface.

[0189] In one possible embodiment, the processor is further configured to:

[0190] In response to the target margin corresponding to the target control group being smaller than a preset distance, the target control is stopped from being moved, and prompt information indicating that the target control has moved to the boundary is displayed in the graphical user interface.

[0191] In one possible embodiment, the processor is further configured to:

[0192] In response to a second adjustment operation on the spacing between the plurality of controls in the graphical user interface, determining a spacing adjustment trend corresponding to the second adjustment operation;

[0193] determining a separate moving direction of each of the controls according to the spacing adjustment trend;

[0194] Move the controls according to the independent moving direction corresponding to each control.

[0195] In a feasible implementation manner, the processor 1001, when executing the spacing adjustment trend including the spacing adjustment contraction and spacing adjustment stretching between the plurality of the controls; and determining the individual movement direction of each of the controls according to the spacing adjustment trend, is specifically configured to:

[0196] If the spacing adjustment tendency is the spacing adjustment stretching, determining the individual movement direction of each of the controls to be toward the boundary so as to expand the spacing between the multiple controls.

[0197] In a feasible implementation manner, when determining the individual movement direction of each of the controls according to the spacing adjustment trend, the processor 1001 is specifically configured to:

[0198] If the spacing adjustment trend is the spacing adjustment contraction, the individual movement direction of each of the controls is determined to be toward the center of the graphical user interface, so as to reduce the spacing between the multiple controls.

[0199] In a feasible implementation manner, when executing the movement of the control according to the independent movement direction corresponding to each control, the processor 1001 is specifically configured to:

[0200] determining a separate movement distance of each of the controls according to a horizontal resolution of the graphical user interface, a preset maximum spacing between controls, and a current position of the control;

[0201] The control is moved by the individual movement distance according to the individual movement direction corresponding to each control.

[0202] In one feasible implementation, when determining the individual movement distance of each control based on the horizontal resolution of the graphical user interface, the preset maximum spacing between controls, and the current position of the control, the processor 1001 is specifically configured to:

[0203] The individual movement distance of each control is determined by the formula d=X(m%+(1-m%)s%); wherein d represents the individual movement distance, X represents the horizontal resolution of the graphical user interface, m represents the maximum spacing between preset controls, and s represents the current position of the control.

[0204] In a feasible implementation manner, before responding to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, the processor is further configured to:

[0205] In response to a drag operation on a third control in the first side area, moving the third control from the first side area to the second side area according to the drag operation; wherein the drag operation is an operation of dragging from the first side area to the second side area;

[0206] Based on the at least one moved third control, all controls included in the first control group and all controls included in the second control group in the graphical user interface are determined; the moved third control belongs to the second control group.

[0207] In a feasible implementation manner, each of the controls in the graphical user interface corresponds to a control attribute; and the processor is further configured to:

[0208] In response to a selection operation on a target control property, a control corresponding to the target control property is determined as the first adjustment operation and / or the control adjusted by the first adjustment operation.

[0209] In practical applications, the memory 1001 may include high-speed random access memory (RAM) and may also include non-volatile memory, such as at least one disk storage. The system network element communicates with at least one other network element via at least one communication interface 1004 (which may be wired or wireless), and may utilize the Internet, a wide area network, a local area network, a metropolitan area network, or the like.

[0210] The bus 1003 may be an ISA bus, a PCI bus, or an EISA bus. The bus may be divided into an address bus, a data bus, a control bus, and the like. For ease of representation, Figure 10 Only one bidirectional arrow is used in the diagram, but this does not mean that there is only one bus or one type of bus.

[0211] Among them, the memory 1001 is used to store programs, and the processor 1002 executes the program after receiving the execution instruction. The method executed by the device defined by the process disclosed in any embodiment of the present disclosure can be applied to the processor 1002 or implemented by the processor 1002.

[0212] The processor 1002 may be an integrated circuit chip with signal processing capabilities. During implementation, each step of the above method can be completed by an integrated logic circuit of hardware in the processor 1002 or by instructions in the form of software. The above-mentioned processor 1002 may be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it may 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, or discrete hardware components. The various methods, steps, and logic block diagrams disclosed in the embodiments of the present disclosure can be implemented or executed. The general-purpose processor may be a microprocessor or the processor may be any conventional processor, etc. The steps of the method disclosed in conjunction with the embodiments of the present disclosure can be directly embodied as being executed by a hardware decoding processor, or executed by a combination of hardware and software modules in the decoding processor. The software module can be located in a storage medium well-known in the art, such as random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, registers, etc. The storage medium is located in memory 1001, and processor 1002 reads the information in memory 1001 and, in conjunction with its hardware, completes the steps of the above method.

[0213] The present disclosure also provides a computer-readable storage medium, wherein a computer program is stored on the computer-readable storage medium. The computer program is executed by a processor when the processor is running, and the processor performs the following steps:

[0214] In response to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, determining a target margin adjustment trend corresponding to the first adjustment operation; each margin adjustment trend corresponds to a movement direction;

[0215] determining a target moving direction corresponding to the target margin adjustment trend;

[0216] All target controls included in the target control group are moved toward the target moving direction.

[0217] In a feasible embodiment, the at least one control group includes: a first control group located in a first side area relative to a reference line of the graphical user interface, and a second control group located in a second side area relative to the reference line;

[0218] The margin adjustment trend includes at least one of the following: the margin adjustment of the first control group is shortened, the margin adjustment of the first control group is lengthened, the margin adjustment of the second control group is shortened, and the margin adjustment of the second control group is lengthened;

[0219] Among them, the margin adjustment lengthening of the first control group and the margin adjustment lengthening of the second control group both correspond to the movement direction of the reference line, and the margin adjustment shortening of the first control group and the margin adjustment shortening of the second control group both correspond to the movement direction opposite to the reference line.

[0220] In a feasible embodiment, when the processor executes a first adjustment operation in response to a target margin corresponding to a target control group in the at least one control group, it is specifically used to: obtain the first adjustment operation, determine a target adjustment area based on the first adjustment operation, wherein the graphical user interface includes at least two areas determined based on a reference line, and the target adjustment area is one of the at least two areas; determine the controls located within the target adjustment area, wherein the controls located within the target adjustment area are the target control group.

[0221] In a feasible implementation manner, when executing the operation of moving all target controls included in the target control group toward the target movement direction, the processor is specifically configured to:

[0222] All target controls included in the target control group are moved a specified distance in the target moving direction.

[0223] In a feasible implementation manner, when executing the operation of moving all target controls included in the target control group toward the target movement direction, the processor is specifically configured to:

[0224] Determining a control movement distance based on a horizontal resolution of the graphical user interface, a preset central limit position, and a preset boundary limit position; wherein the preset central limit position indicates a limit position of the control corresponding to a first preset shortest distance from the center of the graphical user interface, and the preset boundary limit position indicates a limit position of the control corresponding to a second preset shortest distance from the boundary;

[0225] All target controls included in the target control group are moved in the target moving direction by the control moving distance.

[0226] In one feasible embodiment, when determining the control movement distance based on the horizontal resolution, the preset central limit position, and the preset boundary limit position of the graphical user interface, the processor is specifically configured to:

[0227] The control movement distance is determined by the formula D = [X(1-m1) / 2-X(1-m2) / 2] / 100; wherein D represents the control movement distance, X represents the horizontal resolution of the graphical user interface, m1 represents the extreme position of the control corresponding to the first shortest distance preset from the center of the graphical user interface, and m2 represents the extreme position of the control corresponding to the second shortest distance preset from the boundary.

[0228] In one possible embodiment, the processor is further configured to:

[0229] In response to a first adjustment operation on the target margin corresponding to the target control group, prompt information of the target margin adjusted according to the target margin adjustment trend is displayed in the graphical user interface.

[0230] In a feasible embodiment, when the processor executes a first adjustment operation on the target margin corresponding to the target control group and displays prompt information of the target margin adjusted according to the target margin adjustment trend in the graphical user interface, it is specifically configured to:

[0231] In response to a first adjustment operation on a target margin corresponding to the target control group, determining a first target margin between a first target control and the boundary after adjustment according to the target margin adjustment trend; wherein the first target control is the target control in the target control group that is closest to the boundary;

[0232] A prompt line indicating the first target margin is displayed in the graphical user interface.

[0233] In one possible embodiment, the processor is further configured to:

[0234] In response to the target margin corresponding to the target control group being smaller than a preset distance, the target control is stopped from being moved, and prompt information indicating that the target control has moved to the boundary is displayed in the graphical user interface.

[0235] In one possible embodiment, the processor is further configured to:

[0236] In response to a second adjustment operation on the spacing between the plurality of controls in the graphical user interface, determining a spacing adjustment trend corresponding to the second adjustment operation;

[0237] determining a separate moving direction of each of the controls according to the spacing adjustment trend;

[0238] Move the controls according to the independent moving direction corresponding to each control.

[0239] In a feasible embodiment, when executing the spacing adjustment trend including the spacing adjustment contraction and spacing adjustment stretching between the plurality of the controls; and determining the individual movement direction of each of the controls according to the spacing adjustment trend, the processor is specifically configured to:

[0240] If the spacing adjustment tendency is the spacing adjustment stretching, determining the individual movement direction of each of the controls to be toward the boundary so as to expand the spacing between the multiple controls.

[0241] In a feasible embodiment, when determining the individual movement direction of each of the controls according to the spacing adjustment trend, the processor is specifically configured to:

[0242] If the spacing adjustment trend is the spacing adjustment contraction, the individual movement direction of each of the controls is determined to be toward the center of the graphical user interface, so as to reduce the spacing between the multiple controls.

[0243] In a feasible implementation manner, when executing the movement of the control according to the independent movement direction corresponding to each control, the processor is specifically configured to:

[0244] determining a separate movement distance of each of the controls according to a horizontal resolution of the graphical user interface, a preset maximum spacing between controls, and a current position of the control;

[0245] The control is moved by the individual movement distance according to the individual movement direction corresponding to each control.

[0246] In one feasible embodiment, when the processor determines the individual movement distance of each control based on the horizontal resolution of the graphical user interface, the preset maximum spacing between controls, and the current position of the control, the processor is specifically configured to:

[0247] The individual movement distance of each control is determined by the formula d=X(m%+(1-m%)s%); wherein d represents the individual movement distance, X represents the horizontal resolution of the graphical user interface, m represents the maximum spacing between preset controls, and s represents the current position of the control.

[0248] In a feasible implementation manner, before responding to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, the processor is further configured to:

[0249] In response to a drag operation on a third control in the first side area, moving the third control from the first side area to the second side area according to the drag operation; wherein the drag operation is an operation of dragging from the first side area to the second side area;

[0250] Based on the at least one moved third control, all controls included in the first control group and all controls included in the second control group in the graphical user interface are determined; the moved third control belongs to the second control group.

[0251] In a feasible implementation manner, each of the controls in the graphical user interface corresponds to a control attribute; and the processor is further configured to:

[0252] In response to a selection operation on a target control property, a control corresponding to the target control property is determined as the first adjustment operation and / or the control adjusted by the first adjustment operation.

[0253] Through the above method, by adjusting a certain margin adjustment trend of the target margin corresponding to the target control group, all controls in the target control group can be uniformly moved in the direction corresponding to the margin adjustment trend, and the positions of multiple controls can be quickly adjusted, so that multiple controls in the target control group selected by the player can be moved as a whole. An interactive method for quickly adjusting the positions of multiple controls is provided, and players can adjust the positions of multiple controls at one time when customizing the control positions, which reduces the operating cost of players adjusting the positions of multiple controls, meets the control layout preference needs of different types of players, and alleviates the current technical problem of low convenience in adjusting the positions of multiple controls in the graphical user interface.

[0254] In the embodiments of the present disclosure, the computer program can also execute other machine-readable instructions when run by the processor to execute methods as described in other embodiments. For the specific execution method steps and principles, please refer to the description of the embodiments and will not be repeated here.

[0255] In the embodiments provided in the present disclosure, it should be understood that the disclosed devices and methods can be implemented in other ways. The device embodiments described above are merely schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some communication interface, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0256] For another example, the flowcharts and block diagrams in the accompanying drawings show the possible architectures, functions and operations of the devices, methods and computer program products according to multiple embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, a program segment or a part of code, and the module, program segment or a part of code contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in an order different from that marked in the accompanying drawings. For example, two consecutive boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of boxes in the block diagram and / or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or action, or can be implemented with a combination of dedicated hardware and computer instructions.

[0257] The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple network units. Some or all of these units may be selected to achieve the purpose of this embodiment according to actual needs.

[0258] In addition, each functional unit in the embodiments provided in the present disclosure may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0259] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present disclosure, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the control adjustment method described in each embodiment of the present disclosure. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), magnetic disk or optical disk, and other media that can store program codes.

[0260] It should be noted that similar numbers and letters represent similar items in the following figures. Therefore, once an item is defined in one figure, it does not need to be further defined and explained in subsequent figures. In addition, the terms "first", "second", "third", etc. are only used to distinguish the description and are not to be understood as indicating or implying relative importance.

[0261] Finally, it should be noted that the above-described embodiments are only specific implementation methods of the present disclosure, which are used to illustrate the technical solutions of the present disclosure, rather than to limit them. The protection scope of the present disclosure is not limited thereto. Although the present disclosure has been described in detail with reference to the above-mentioned embodiments, ordinary technicians in this field should understand that any technician familiar with this technical field can still modify the technical solutions described in the above-mentioned embodiments within the technical scope disclosed in the present disclosure, or make equivalent replacements for some of the technical features therein; and these modifications, changes or replacements do not make the essence of the corresponding technical solutions deviate from the scope of the technical solutions of the embodiments of the present disclosure. They should all be included in the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure should be based on the protection scope of the claims.

Claims

1. A method for adjusting a control, characterized in that: A graphical user interface is provided through a terminal device, wherein the graphical user interface includes at least one control group, each control group includes a plurality of controls, and each control group has a corresponding margin, wherein the margin is used to represent the distance between the control group and a boundary of the graphical user interface; and the method includes: In response to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, a target margin adjustment trend corresponding to the first adjustment operation is determined, a first target margin between the first target control and the boundary after adjustment according to the target margin adjustment trend is determined, and a prompt line representing the first target margin is displayed in the graphical user interface; the at least one control group includes: a first control group located in a first side area relative to a reference line of the graphical user interface, and a second control group located in a second side area relative to the reference line; the margin adjustment trend includes at least one of the following: a margin shortening adjustment of the first control group, a margin lengthening adjustment of the first control group, a margin shortening adjustment of the second control group, and a margin lengthening adjustment of the second control group; each margin adjustment trend corresponds to a movement direction; determining a target moving direction corresponding to the target margin adjustment trend; All target controls included in the target control group are moved toward the target moving direction.

2. The method according to claim 1, characterized in that The margin adjustment lengthening of the first control group and the margin adjustment lengthening of the second control group both correspond to the movement direction of the reference line, and the margin adjustment shortening of the first control group and the margin adjustment shortening of the second control group both correspond to the movement direction opposite to the reference line.

3. The method according to claim 1, characterized in that The response to the first adjustment operation on the target margin corresponding to the target control group in the at least one control group includes: Acquiring a first adjustment operation, and determining a target adjustment area according to the first adjustment operation, wherein the graphical user interface includes at least two areas determined according to a reference line, and the target adjustment area is one of the at least two areas; Controls located within the target adjustment area are determined, wherein the controls located within the target adjustment area are a target control group.

4. The method according to claim 1, wherein The moving all target controls included in the target control group toward the target moving direction includes: All target controls included in the target control group are moved a specified distance in the target moving direction.

5. The method according to claim 1, wherein The moving all target controls included in the target control group toward the target moving direction includes: Determining a control movement distance based on a horizontal resolution of the graphical user interface, a preset central limit position, and a preset boundary limit position; wherein the preset central limit position indicates a limit position of the control corresponding to a first preset shortest distance from the center of the graphical user interface, and the preset boundary limit position indicates a limit position of the control corresponding to a second preset shortest distance from the boundary; All target controls included in the target control group are moved in the target moving direction by the control moving distance.

6. The method according to claim 5, characterized in that The determining of the control movement distance according to the horizontal resolution of the graphical user interface, the preset central limit position, and the preset boundary limit position includes: The control movement distance is determined by the formula D=[X(1-m1) / 2-X(1-m2) / 2] / 100; wherein D represents the control movement distance, X represents the horizontal resolution of the graphical user interface, m1 represents the extreme position of the control corresponding to the first shortest distance preset from the center of the graphical user interface, and m2 represents the extreme position of the control corresponding to the second shortest distance preset from the boundary.

7. The method according to claim 1, characterized in that Also includes: In response to the target margin corresponding to the target control group being smaller than a preset distance, the target control is stopped from being moved, and prompt information indicating that the target control has moved to the boundary is displayed in the graphical user interface.

8. The method according to claim 1, characterized in that Also includes: In response to a second adjustment operation on the spacing between the plurality of controls in the graphical user interface, determining a spacing adjustment trend corresponding to the second adjustment operation; determining a separate moving direction of each of the controls according to the spacing adjustment trend; Move the controls according to the independent moving direction corresponding to each control.

9. The method according to claim 8, characterized in that The spacing adjustment trend includes spacing adjustment contraction and spacing adjustment stretching between the plurality of controls; and determining the individual movement direction of each control according to the spacing adjustment trend includes: If the spacing adjustment tendency is the spacing adjustment stretching, determining the individual movement direction of each of the controls to be toward the boundary so as to expand the spacing between the multiple controls.

10. The method according to claim 9, characterized in that The determining of the individual movement direction of each of the controls according to the spacing adjustment trend further includes: If the spacing adjustment trend is the spacing adjustment contraction, the individual movement direction of each of the controls is determined to be toward the center of the graphical user interface, so as to reduce the spacing between the multiple controls.

11. The method according to claim 8, characterized in that The moving of the controls according to the independent movement direction corresponding to each control includes: determining a separate movement distance of each of the controls according to a horizontal resolution of the graphical user interface, a preset maximum spacing between controls, and a current position of the control; The control is moved by the individual movement distance according to the individual movement direction corresponding to each control.

12. The method according to claim 11, characterized in that The determining of the individual movement distance of each control according to the horizontal resolution of the graphical user interface, the preset maximum spacing between controls, and the current position of the control includes: The individual movement distance of each control is determined by the formula d=X(m%+(1-m%)s%); wherein d represents the individual movement distance, X represents the horizontal resolution of the graphical user interface, m represents the maximum spacing between preset controls, and s represents the current position of the control.

13. The method according to claim 2, characterized in that Before responding to the first adjustment operation on the target margin corresponding to the target control group in the at least one control group, the method further includes: In response to a drag operation on a third control in the first side area, moving the third control from the first side area to the second side area according to the drag operation; wherein the drag operation is an operation of dragging from the first side area to the second side area; Based on the at least one moved third control, all controls included in the first control group and all controls included in the second control group in the graphical user interface are determined; the moved third control belongs to the second control group.

14. The method according to claim 8, characterized in that Each of the controls in the graphical user interface corresponds to a control attribute; and further includes: In response to a selection operation on a target control property, a control corresponding to the target control property is determined as the first adjustment operation and / or the control adjusted by the first adjustment operation.

15. A control adjustment device, characterized in that: A graphical user interface is provided through a terminal device, wherein the graphical user interface includes at least one control group, each control group includes a plurality of controls, and each control group has a corresponding margin, wherein the margin is used to represent the distance between the control group and a boundary of the graphical user interface; including: a first determining module configured to, in response to a first adjustment operation on a target margin corresponding to a target control group in the at least one control group, determine a target margin adjustment trend corresponding to the first adjustment operation, determine a first target margin between the first target control and the boundary after adjustment according to the target margin adjustment trend, and display a prompt line in the graphical user interface for indicating the first target margin; the at least one control group comprises: a first control group located in a first side region relative to a reference line of the graphical user interface, and a second control group located in a second side region relative to the reference line; the margin adjustment trend comprises at least one of the following: a margin shortening adjustment for the first control group, a margin lengthening adjustment for the first control group, a margin shortening adjustment for the second control group, and a margin lengthening adjustment for the second control group; each margin adjustment trend corresponds to a movement direction; A second determining module is configured to determine a target moving direction corresponding to the target margin adjustment trend; The moving module is used to move all target controls included in the target control group toward the target moving direction.

16. An electronic terminal comprising a memory and a processor, wherein the memory stores a computer program that can be run on the processor, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 14 are implemented.

17. A computer-readable storage medium, characterized in that The computer-readable storage medium stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to execute the method according to any one of claims 1 to 14.

Images