Control adjustment method and apparatus, device, medium and program product

Abstract

A control adjustment method and apparatus, a device, a medium, and a program product, relating to the technical field of computers. The method comprises the following steps: displaying an element region and an element level adjustment region (610); receiving a sliding operation in respect of a first adjustment control (620); and displaying the adjusted first adjustment control on the basis of a first sliding component and a second sliding component and, on the basis of the level of the adjusted first adjustment control in the element level adjustment region, displaying in the element region a first virtual element of which the level has been adjusted (630).

Description

Control adjustment method, device, equipment, medium and program product

[0001] This application claims priority to Chinese patent application No. 202410160435.6 filed on February 2, 2024, entitled “Control Adjustment Method, Device, Equipment, Medium and Program Product,” the entire contents of which are incorporated herein by reference. Technical Field

[0002] The embodiments of the present application relate to the field of computer technology, and in particular to a control adjustment method, apparatus, device, medium, and program product. Background Art

[0003] In some applications that provide interface editing capabilities, users can customize the style and functions of various controls on the display area through the layer management area, and can also adjust the position of controls to meet the user's creative needs.

[0004] Placing controls on different layers can enrich the content hierarchy of the display area. In related technologies, users can drag controls up and down in the layer management area and adjust the order of controls in the layer management area to display the corresponding display effects in the display area. For example, if the display area contains a first control (corresponding to text content) and a second control (corresponding to image content), and the first control is placed on top of the second control through the layer management area, the text content will be displayed above the image content in the display area.

[0005] However, when there are a large number of controls, users need to frequently expand or collapse the control list in order to drag the selected control to the selected level, or users need to drag the control a long distance before reaching the selected level. The above process will cause the player to take a long time to adjust the control level, and the human-computer interaction efficiency is low. Summary of the Invention

[0006] The embodiments of the present application provide a control adjustment method, apparatus, device, medium, and program product that can improve the efficiency of control adjustment. The technical solution is as follows:

[0007] In one aspect, a control adjustment method is provided, which is executed by a computer device, and the method includes:

[0008] An element area and an element level adjustment area are displayed, wherein the element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control, and the first adjustment control is used to adjust a first virtual element of the at least two virtual elements;

[0009] receiving a sliding operation on the first adjustment control, the sliding operation comprising a first sliding component in the first direction and a second sliding component in a second direction, wherein the first direction and the second direction are different;

[0010] The adjusted first adjustment control is displayed based on the first sliding component and the second sliding component, and the first virtual element with adjusted level is displayed in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0011] In another aspect, a control adjustment device is provided, the device comprising:

[0012] an area display module, configured to display an element area and an element level adjustment area, wherein the element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control for adjusting a first virtual element of the at least two virtual elements;

[0013] a receiving module, configured to receive a sliding operation on the first adjustment control, the sliding operation comprising a first sliding component in the first direction and a second sliding component in the second direction, wherein the first direction and the second direction are different;

[0014] An adjustment display module is used to display the adjusted first adjustment control based on the first sliding component and the second sliding component, and to display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0015] On the other hand, a computer device is provided, which includes a processor and a memory, wherein the memory stores at least one instruction, at least one program, a code set or an instruction set, and the at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by the processor to implement the control adjustment method as described in any of the above-mentioned embodiments of the present application.

[0016] On the other hand, a computer-readable storage medium is provided, in which at least one instruction, at least one program, a code set or an instruction set is stored. The at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by a processor to implement a control adjustment method as described in any of the above-mentioned embodiments of the present application.

[0017] In another aspect, a computer program product or computer program is provided, comprising computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform any of the control adjustment methods described in the above embodiments.

[0018] The beneficial effects of the technical solutions provided in the embodiments of the present application include at least:

[0019] The display element area and the corresponding element level adjustment area can be adjusted synchronously by adjusting at least two adjustment controls arranged in the first direction of the element level adjustment area, thereby adjusting the level of the virtual element in the element area. A sliding operation on the adjustment control is received, and the position of the adjustment control is adjusted according to the sliding operation. The sliding operation corresponds to a sliding component in the first direction and the second direction respectively, which can achieve the purpose of accurately adjusting the control from at least two directions. When there are a large number of adjustment controls in the element level adjustment area, there is no need to frequently collapse or expand the control list before adjusting the controls. Adjustment is achieved based on the sliding components of the same sliding operation in different directions, making the adjustment process more convenient and improving the efficiency of human-computer interaction. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] FIG1 is a schematic diagram of adjusting the hierarchy of virtual controls provided by an exemplary embodiment of the present application;

[0021] FIG2 is a flow chart of a method for adjusting a control provided by an exemplary embodiment of the present application;

[0022] FIG3 is a schematic diagram of a process for adjusting component levels based on sliding components in different directions provided by an exemplary embodiment of the present application;

[0023] FIG4 is a structural block diagram of an electronic device provided by an exemplary embodiment of the present application;

[0024] FIG5 is a structural block diagram of a computer system provided by an exemplary embodiment of the present application;

[0025] FIG6 is a flow chart of a control adjustment method provided by an exemplary embodiment of the present application;

[0026] FIG7 is a schematic diagram of an element area and an element level adjustment area provided by an exemplary embodiment of the present application;

[0027] FIG8 is a schematic diagram of two methods for determining sliding components provided by an exemplary embodiment of the present application;

[0028] FIG9 is a schematic diagram of displaying a segmentation line feature based on a second sliding component provided by an exemplary embodiment of the present application;

[0029] FIG10 is a schematic diagram of a process of displaying an adjusted first adjustment control based on a first sliding component and a second sliding component provided by an exemplary embodiment of the present application;

[0030] FIG11 is a schematic diagram of a method for adjusting the level of an adjustment control based on a first sliding component provided by an exemplary embodiment of the present application;

[0031] FIG12 is a schematic diagram of a group adjustment control expanding to display a component adjustment control according to an exemplary embodiment of the present application;

[0032] FIG13 is a schematic diagram of a group adjustment control folding and displaying a component adjustment control provided by an exemplary embodiment of the present application;

[0033] FIG14 is a schematic diagram of a process of a terminal determining a control adjustment type provided by an exemplary embodiment of the present application;

[0034] FIG15 is a flowchart of a control adjustment method provided by another exemplary embodiment of the present application;

[0035] FIG16 is a flow chart of a method for adjusting the level of a group adjustment control provided by an exemplary embodiment of the present application;

[0036] FIG17 is a schematic diagram showing the result of inserting the first group of adjustment controls into the second group of adjustment controls provided by an exemplary embodiment of the present application;

[0037] FIG18 is a flow chart of a method for sliding replacement adjustment controls provided by an exemplary embodiment of the present application;

[0038] FIG19 is a schematic diagram of a process of sliding replacement of a control provided by an exemplary embodiment of the present application;

[0039] FIG20 is a flow chart of a method for sliding and retracting an adjustment control provided by an exemplary embodiment of the present application;

[0040] FIG21 is a schematic diagram of a process of sliding and retracting an adjustment control provided by an exemplary embodiment of the present application;

[0041] FIG22 is a schematic diagram of display effects of an adjustment control in different states provided by an exemplary embodiment of the present application;

[0042] FIG23 is a structural block diagram of a control adjustment device provided by an exemplary embodiment of the present application;

[0043] FIG24 is a structural block diagram of a control adjustment device provided by another exemplary embodiment of the present application;

[0044] FIG25 is a structural block diagram of a computer device provided by an exemplary embodiment of the present application. DETAILED DESCRIPTION

[0045] A brief introduction to the terms involved in the embodiments of this application is given below:

[0046] UGC (User Generated Content) is user-generated content. Users display their own original content on the Internet platform or provide it to other users.

[0047] In game applications or applications based on virtual scenes, users can participate in the design of game content such as game levels, game maps, and game play through some game mechanisms and corresponding UGC editing functions provided by the application to increase the fun of the game process.

[0048] In some applications that provide interface editing capabilities or UGC editing capabilities, users can edit the display content in the game through the interface editing capabilities or UGC editing capabilities provided by the system, for example, making a map, laying out elements in the map, changing the position of elements, overlapping and combining elements, etc.

[0049] In the related art, the UGC editing interface includes an element area and an element level adjustment area, the element area includes virtual elements, the element level adjustment area includes adjustment controls, and there is a correspondence between the adjustment controls in the element level adjustment area and the virtual elements in the element area. By adjusting the level of the adjustment controls in the element level adjustment area, the user can adjust the level of the corresponding virtual elements in the element area, that is, adjust the order of the layers of the virtual elements in the element area. For example, the first adjustment control in the element level adjustment area corresponds to the first virtual element (text content) in the element area, and the second adjustment control in the element level adjustment area corresponds to the second virtual element (picture content) in the element area. The user places the first adjustment control on the upper layer of the second adjustment control through the element level adjustment area, and displays the text content on the top layer / upper layer of the picture content in the element area. That is, from a bird's-eye view, the first virtual element is displayed first, and the second virtual element is displayed secondly.

[0050] Schematically, as shown in FIG1 , FIG1 is a schematic diagram of adjusting the hierarchy of virtual controls.

[0051] The UGC editing interface includes an element area 110 and an element hierarchy adjustment area 120 , wherein the element area 110 includes a first virtual element 111 and a second virtual element 112 , which correspond to the first control 121 and the second control 122 in the element hierarchy adjustment area 120 , respectively, wherein the first virtual element 111 is located at the lower layer of the second virtual element 112 .

[0052] The user selects the first control 121 and drags the first control 121 to the top of the second control 122. At this time, the selected position corresponding to the second control 122 is displayed, which is used to indicate the level of the first control 121 after the user releases the control.

[0053] After the user releases the control, the first control 121 is located on the upper layer of the second control 122 , and the first virtual element 111 is also located on the upper layer of the second virtual element 112 .

[0054] However, to intuitively represent the correspondence between control hierarchies and element hierarchies, controls are arranged in a fixed direction within the element hierarchy adjustment area. Users adjust the control hierarchy by dragging them along this direction. When the element hierarchy adjustment area contains a large number of controls, users must drag the controls a considerable distance to adjust their hierarchies, resulting in inefficient control adjustments.

[0055] In some embodiments, the control list in the element level adjustment area can also be partially collapsed to reduce the length of the control list. When the user drags the control to adjust the level, the collapsed part is directly skipped, which can reduce the user's dragging distance to a certain extent.

[0056] However, this requires the user to perform an additional folding operation when dragging the control. After adjusting the control hierarchy, the folded control list needs to be expanded again, which brings inconvenience to the user when adjusting the control hierarchy and low human-computer interaction efficiency.

[0057] The present application provides a control adjustment method, which can achieve precise adjustment of the control level by relying on only one sliding operation after selecting the control of the level to be adjusted, according to the sliding components of the sliding operation in different directions, reducing the sliding distance, and eliminating the need to frequently expand or collapse the control list, thereby improving the human-computer interaction efficiency during the control adjustment process.

[0058] This method can be applied to the following scenarios:

[0059] (1) Game application scenarios: game applications, software based on virtual scenes, applications that can provide interface editing capabilities, etc.

[0060] In the game application scenario, users can design and layout virtual elements in game levels, game maps, virtual scenes (such as user homes in the game), etc. The interface displays an element area and an element hierarchy adjustment area. The elements in the element area can be superimposed, and the elements correspond to adjustment controls. Slide the adjustment controls in the element hierarchy adjustment area to adjust the control hierarchy, and can adjust the layer order of the virtual elements in the element area / the hierarchy order in the direction perpendicular to the terminal interface.

[0061] (2) Image processing scenarios: image processing software, platforms or websites that can provide image processing functions.

[0062] In the image processing scenario, the interface displays an image processing area and a control adjustment area. When processing an image, the image can be divided into at least two superimposed layers. Each layer corresponds to an adjustment control. The control hierarchy is adjusted by sliding the adjustment control to achieve the purpose of adjusting the layer order of the layers in the image. For example, the image contains 15 layers, and the controls corresponding to the 15 layers are arranged from top to bottom in the control adjustment area. Each control corresponds to different performance characteristics. By selecting the adjustment control corresponding to the first layer and sliding, the change process of the performance characteristics of different controls is displayed according to the sliding components of the sliding operation in different directions, so as to determine the selected position of the adjustment control corresponding to the first layer and achieve hierarchical adjustment.

[0063] (3) Drawing scenarios: drawing software, platforms or websites that can provide drawing functions.

[0064] In the drawing scene, the interface displays an image drawing area and a control adjustment area. When drawing an image, the user can create at least two layers or canvases. Each layer or canvas corresponds to an adjustment control. By sliding the adjustment control to adjust the control level, the layer order of the layers or canvases in the drawn image can be adjusted.

[0065] Optionally, taking the application of the control adjustment method to a game scene as an example, users can participate in the design of game content such as game levels, game maps, and game play through the UGC editing capabilities provided in the application (game application / virtual scene-based application).

[0066] The terminal displays the UGC editing interface. The user can edit the virtual elements by operating the controls in the UGC editing interface. Alternatively, the user can directly edit the virtual elements, such as changing the shape, appearance, and quantity of the virtual elements; controlling the movement of the virtual elements; and creating virtual elements through the functions provided by the application.

[0067] Optionally, the editable virtual element includes a first virtual element, and the user can change the shape of the first virtual element by performing editing operations such as moving, rotating, and scaling the editable virtual element. When the editable virtual element also includes a second virtual element, the user can also combine the first virtual element and the second virtual element into a virtual module.

[0068] Alternatively, users can build virtual modules with symmetrical structures by changing the orientation of virtual elements.

[0069] Alternatively, the user can change the layer in which the virtual elements are located so that the virtual elements are displayed in an overlapping manner, for example, placing the layer of the first virtual element above the layer of the second virtual element so that the first virtual element is displayed on top of the second virtual element and the second virtual element is displayed at the bottom of the first virtual element.

[0070] There are adjustment controls corresponding to the editable virtual elements in the UGC editing interface. By performing corresponding operations on the adjustment controls, the above-mentioned various editing effects on the editable virtual elements can also be achieved.

[0071] For example, the layer of the virtual element can be adjusted by adjusting the control level of the adjustment control.

[0072] Schematically, as shown in FIG2 , FIG2 is a flow chart of a method for adjusting controls, and the method is described by taking the application of the method to a party casual game as an example. The method includes the following steps.

[0073] S201, displaying the interface editing area.

[0074] In the party casual game, users can design their own homes through the UGC editing function provided by the game application, such as planning the purpose, architectural style, and floor area of ​​different areas in the home, and freely arrange furniture, potted plants, pets, etc. in the home.

[0075] When a user logs in to the master account and controls the master virtual character to enter the home, the terminal screen automatically displays the UGC editing interface corresponding to the home. In other words, when the master virtual character enters the home, the user can edit the editable virtual elements in the home.

[0076] Among them, the UGC editing interface displays a display element area and an interface editing area. The interface editing area is used to switch the display element level adjustment area.

[0077] The element area corresponds to the home area, the element area includes at least two virtual elements, the element level adjustment area includes at least two adjustment controls arranged in a first direction, and there is a corresponding relationship between the virtual elements in the element area and the adjustment controls in the element level adjustment area.

[0078] Optionally, the user may directly edit the virtual element in the element area, or edit the virtual element by performing an adjustment operation on the adjustment control.

[0079] Optionally, the operation types for editing a virtual element include but are not limited to:

[0080] (1) Mirror operation: mirroring the virtual element along a certain symmetry direction or symmetry center;

[0081] (2) Copy operation, i.e. copying virtual elements;

[0082] (3) Layer adjustment operation: each virtual element corresponds to its own layer. The layer is used to indicate the priority of the display of the virtual element in the display area. When the positions of at least two virtual elements overlap, the virtual element with the upper layer is displayed first.

[0083] For example, the element area contains a first virtual element and a second virtual element, and their positions in the element area overlap. The layer of the first virtual element is located above the second virtual element. Then, from a perspective perpendicular to the screen direction, the first virtual element is displayed at the top and the second virtual element is displayed at the bottom. In the area where the first virtual element and the second virtual element overlap, the first virtual element will block the second virtual element.

[0084] The layer adjustment operation for the virtual element can be achieved by adjusting the level of the adjustment control in the element level adjustment area. There is a corresponding relationship between the layer order of the virtual element in the display area and the control level of the adjustment control in the element level adjustment area.

[0085] For example, the first virtual element and the second virtual element have the same layer and are displayed side by side in the element area; the first adjustment control corresponding to the first virtual element and the second adjustment control corresponding to the second virtual element have the same control level in the element level adjustment area.

[0086] If the control level of the first adjustment control is adjusted so that the adjusted level of the first adjustment control is lower than the level of the second adjustment control, correspondingly, the layer of the first virtual element is located below the layer of the second virtual element.

[0087] S202: Displaying the element level adjustment area.

[0088] The at least two adjustment controls include a first adjustment control, and the first adjustment control is used to adjust a first virtual element among the at least two virtual elements.

[0089] S203 , the user long presses the first adjustment control to be adjusted in level.

[0090] Optionally, a long press operation is performed on the first adjustment control to select the first adjustment control and perform a level adjustment process on it.

[0091] S204: Determine whether the duration of the user's press and hold has reached an activation condition.

[0092] That is, it is determined whether the time duration for which the user holds down the first adjustment control reaches a condition for activating the level adjustment.

[0093] Exemplarily, the user holds down the first adjustment control for one second without releasing it, thereby meeting the condition for activating the level adjustment.

[0094] When the duration reaches the condition, step S205 is executed.

[0095] S205: The user drags the first adjustment control to a selected position.

[0096] The adjustment controls in the element-level adjustment area are arranged in a first direction, and the selected position is determined according to the sliding component of the user in the first direction.

[0097] S206: Determine the adjustment control to which the selected position is closer in the first direction.

[0098] Among them, each adjustment control corresponds to a control performance feature. When the selected position reached by the user sliding is closest to an adjustment control, the control performance feature corresponding to the adjustment control will be displayed with a highlighted effect. At the same time, the control performance features of other adjustment controls will be hidden.

[0099] S207: Determine whether the user releases the hand at the selected position in the first direction.

[0100] If the user releases the finger at the selected position, the sliding operation ends and step S208 is executed.

[0101] If the user does not release the hand at the selected position, step S209 is executed.

[0102] S208, completing the level adjustment.

[0103] There is an adjacent relationship between the first adjustment control after the level adjustment and the adjustment control whose control representation feature is a highlight effect display, and they belong to the same level.

[0104] In some embodiments, the control representation characteristic of the adjustment control with a highlight effect is a group adjustment control, which generally includes at least one component adjustment control. For example, the group adjustment control has a higher level, and at least one component adjustment control subordinate to the group adjustment control has a lower level. Take the first adjustment control as an example of a group adjustment control.

[0105] For example, when group adjustment control A is expanded to display component adjustment control B, if group adjustment control A is located above first adjustment control C that needs to be hierarchically adjusted, group adjustment control A and first adjustment control C are displayed as belonging to the same hierarchy, and first adjustment control C is located directly below group adjustment control A and the expanded component adjustment control B. That is, in the element hierarchy adjustment area, the display order from top to bottom is: group adjustment control A, component adjustment control B, and first adjustment control C.

[0106] In some embodiments, the component adjustment control B included in the group adjustment control A may also be collapsed. Then, after the hierarchy is adjusted, the display order from top to bottom is: group adjustment control A, first adjustment control C.

[0107] S209: Determine whether the user continues sliding in the second direction.

[0108] The second direction is different from the first direction (eg, the second direction and the first direction are perpendicular to each other), and the selected position is updated according to the sliding component of the user in the second direction.

[0109] Among them, each adjustment control corresponds to a control performance feature. When the selected position reached by the user sliding is closest to an adjustment control, the control performance feature corresponding to the adjustment control will be displayed with a highlight effect.

[0110] For example, taking the case where the control performance feature is a dividing line feature as an example, the dividing lines corresponding to adjustment controls at the same level have the same length, while the dividing lines corresponding to adjustment controls at different levels have different lengths.

[0111] According to the sliding component of the user in the second direction, the length of the dividing line can be adjusted, and the selected position is updated based on the length of the dividing line.

[0112] For example, in step S206, it is determined that the currently selected position is close to the component adjustment control D, the component adjustment control D belongs to the group adjustment control E, the dividing line length of the component adjustment control D is 2 unit distances, and the dividing line length of the group adjustment control E is 3 unit distances.

[0113] If the user slides in the second direction by 1 unit distance and the sliding direction extends the length of the dividing line, the adjustment control corresponding to the updated selected position is the group adjustment control E.

[0114] If the user continues sliding in the second direction, step S210 is executed.

[0115] S210 , determining a selected level to which the sliding distance in the second direction is closer.

[0116] Exemplarily, if the sliding distance in the second direction makes the length of the highlighted dividing line correspond to the length of the dividing line of the group adjustment control E (ie, 3 unit distances), then the selected level is the level to which the group adjustment control E belongs.

[0117] S211, the user lets go, completing the level adjustment.

[0118] The first adjustment control after the level adjustment and the adjustment control displayed with the highlight effect are adjacent to each other and belong to the same level.

[0119] Exemplarily, the adjustment control displayed with a highlight effect is the group adjustment control E. After the level adjustment, the first adjustment control and the group adjustment control E are adjacent to each other and belong to the same level.

[0120] Schematically, as shown in FIG3 , FIG3 is a schematic diagram of a process of adjusting the component hierarchy based on sliding components in different directions corresponding to FIG2 .

[0121] After selecting the first adjustment control 310, a sliding operation is performed, and the adjustment control A320 corresponding to the selected position is determined according to the sliding component of the sliding operation in the first direction, wherein the adjustment control A320 is a component adjustment control, and the adjustment control A320 belongs to the group adjustment control B330, and the group adjustment control B330 belongs to the group adjustment control C340.

[0122] When sliding to the selected position, the highlight effect is used as the control performance feature of the adjustment control A320 and displayed. Taking the control performance feature as the dividing line feature as an example, the dividing line features of the adjustment control A320, the group adjustment control B330, and the group adjustment control C340 correspond to different lengths, such as: d, d+a, d+2a, where a and d are positive numbers.

[0123] Optionally, the sliding operation also has a sliding component in the second direction, and the length of the dividing line is displayed according to the sliding component in the second direction and changes with the sliding component.

[0124] When the sliding component is a unit distance a, the change in the length of the dividing line is a. Taking the second direction as the horizontal left direction as an example, as shown in Figure 3, since the group adjustment control and the component adjustment control are arranged horizontally to the right, when the second direction is the horizontal left direction, the length of the dividing line will increase accordingly. Similarly, when the second direction is the horizontal right direction, the length of the dividing line will decrease accordingly.

[0125] When the sliding component is a unit distance a, the length of the dividing line is d+a, which is the same as the length of the dividing line corresponding to the group adjustment control B330; if you release your hand at this time, the first adjustment control 310 and the group adjustment control B330 are adjacent to each other and belong to the same level.

[0126] When the sliding component is 2 unit distances 2a, the dividing line length is d+2a, which is the same as the dividing line length corresponding to the group adjustment control C340; if you release your hand at this time, the first adjustment control 310 and the group adjustment control B330 are adjacent to each other and belong to the same level.

[0127] Optionally, in FIG3 , when the sliding component is 2 unit distances, the user releases the touch, and the first adjustment control 310 and the group adjustment control B 330 are adjacent to each other and belong to the same level.

[0128] When the group adjustment control B330 and the group adjustment control C340 are in the expanded state, the first adjustment control 310 is adjacent to the component adjustment control (adjustment control A320 in FIG. 3 ) at the bottom layer of the group adjustment control B330 and the group adjustment control C340 .

[0129] In summary, the method provided by this application can improve the efficiency of control adjustment when there are a large number of adjustment controls in the element-level adjustment area. This eliminates the need for users to frequently collapse or expand the control list to adjust the controls. Instead, precise control adjustment can be achieved based on the sliding components of the same sliding operation in different directions, thereby improving the efficiency of human-computer interaction.

[0130] The terminal in this application can be a desktop computer, a laptop computer, a mobile phone, a tablet computer, an e-book reader, an MP3 (Moving Picture Experts Group Audio Layer III, Moving Picture Experts Group Audio Layer 3) player, an MP4 (Moving Picture Experts Group Audio Layer IV, Moving Picture Experts Group Audio Layer 4) player, etc. The terminal has installed and running an application that supports virtual scenes, such as an application that supports three-dimensional virtual scenes. The application can be any one of a virtual reality application, a three-dimensional map program, a strategy game (Simulation Game, SLG), a TPS game (Third-Person Shooter, third-person shooter game), an FPS game (First-Person Shooter, first-person shooter game), a multiplayer online tactical competitive game (Multiplayer Online Battle Arena Games, MOBA), a party casual game, a tower defense game, and a social game. Optionally, the application can be a stand-alone application, such as a stand-alone three-dimensional game program, or a network-connected application.

[0131] FIG4 shows a block diagram of an electronic device provided by an exemplary embodiment of the present application. The electronic device 400 includes an operating system 440 and an application 444 .

[0132] Operating system 440 is the underlying software that provides application programs 444 with secure access to the computer's hardware.

[0133] Application 444 is an application that supports virtual scenes. Optionally, application 444 is an application that supports three-dimensional virtual scenes. Application 444 can be any of a virtual reality application, a three-dimensional map application, a SLG game, a TPS game, an FPS game, a MOBA game, a casual party game, a tower defense game, or a social game. Application 444 can be a stand-alone application, such as a stand-alone three-dimensional game program, or a network-based application.

[0134] 5 shows a block diagram of a computer system according to an exemplary embodiment of the present application. The computer system 500 includes a first device 550 , a server 540 , and a second device 560 .

[0135] The first device 550 has an application installed and running that supports a virtual scene. This application can be any of a virtual reality application, a three-dimensional map program, a TPS game, an FPS game, a MOBA game, a SLG game, a party game, or a tower defense game. The first device 550 is used by a first user, who uses the first device 550 to control a first virtual object in the virtual scene to perform activities, including but not limited to: adjusting body posture, walking, running, jumping, and attacking. Illustratively, the first virtual object is a first virtual character, such as a simulated or animated character.

[0136] The first device 550 is connected to the server 540 via a wireless network or a wired network.

[0137] Server 540 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Server 540 provides backend services for applications supporting three-dimensional virtual scenes. Optionally, server 540 performs primary computing tasks, while first device 550 and second device 560 perform secondary computing tasks. Alternatively, server 540 performs secondary computing tasks, while first device 550 and second device 560 perform primary computing tasks. Alternatively, server 540, first device 550, and second device 560 utilize a distributed computing architecture for collaborative computing.

[0138] The server 540 controls the second virtual object in the virtual scene to perform an activity, including but not limited to at least one of adjusting body posture, walking, running, jumping, and attacking. Schematically, the second virtual object is a second virtual character, such as a simulated human character or an animated character.

[0139] Second device 560 has an application installed and running that supports a virtual scene. This application can be any of a virtual reality application, a 3D map program, an FPS game, a MOBA game, a SLG game, a party game, or a tower defense game. Second device 560 is used by a second user, who uses it to control a third virtual object in the virtual scene to perform activities, including but not limited to: adjusting body posture, walking, running, jumping, and attacking. Illustratively, the third virtual object is a third virtual character, such as a simulated or animated character.

[0140] Optionally, the applications installed on the first device 550 and the second device 560 are the same, or the applications installed on the two devices are the same type of applications on different control system platforms. The first device 550 can generally refer to one of at least two devices, and the second device 560 can generally refer to one of at least two devices. This embodiment uses only the first device 550 and the second device 560 as examples. The first device 550 and the second device 560 can be of the same or different device types. The following embodiments use a desktop computer as an example.

[0141] Those skilled in the art will appreciate that the number of the above-mentioned devices may be greater or lesser. For example, the above-mentioned device may be only one, or the above-mentioned devices may be dozens or hundreds, or a greater number. The embodiments of the present application do not limit the number and type of devices.

[0142] It is worth noting that the above-mentioned server 540 can be implemented as a physical server or as a cloud server in the cloud. In some embodiments, the method provided in the embodiments of the present application can be applied to cloud gaming scenarios, so that the calculation of data logic during the game process is completed through the cloud server, and the terminal is responsible for the display of the game interface.

[0143] In conjunction with the above-mentioned terminology introduction and application scenarios, the control adjustment method provided by this application is described. This method can be executed by a server or a terminal, or by both the server and the terminal. In the embodiment of this application, the method is described by taking the terminal as an example. As shown in Figure 6, Figure 6 is a flowchart of the control adjustment method provided by an exemplary embodiment of this application. The method includes the following steps.

[0144] Step 610: Display the element area and the element level adjustment area.

[0145] The terminal is installed with an application that provides UGC editing capabilities. Through this UGC editing function, users can participate in the design of game content such as game levels, game maps, and game play. For example, the terminal displays a UGC editing interface, which includes an element area and an element level adjustment area. Users can customize the displayed game content by performing relevant operations on the UGC editing interface.

[0146] The element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction.

[0147] In some embodiments, there is a hierarchical relationship of nested levels between at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in the first direction, and the position of the adjustment control in the element level adjustment area corresponds to the level of the virtual element.

[0148] Exemplarily, 20 adjustment controls are arranged in the first direction, wherein the adjustment controls are arranged periodically, for example, every 5 adjustment controls constitute an adjustment period.

[0149] For example, [Cycle 1 - Control 1, Cycle 1 - Control 2, Cycle 1 - Control 3, Cycle 1 - Control 4, Cycle 1 - Control 5] is one arrangement cycle; [Cycle 2 - Control 1, Cycle 2 - Control 2, Cycle 2 - Control 3, Cycle 2 - Control 4, Cycle 2 - Control 5] is the next arrangement cycle. After selecting Cycle 1 - Control 2 by adjusting in the first direction, you can also select any control in Cycle 1 by adjusting in the second direction; or, after selecting Cycle 1 - Control 2 by adjusting in the second direction, you can also select any control 2 in each cycle by adjusting in the first direction.

[0150] In other embodiments, if some of the at least two virtual elements belong to the same level, that is, some of the elements are in a parallel relationship, the element level adjustment area also includes a group control, and the adjustment controls corresponding to the virtual elements in the parallel relationship are in the same group of controls, and the group controls express the level of the corresponding virtual elements in the element area through the position in the element level adjustment area.

[0151] Exemplarily, group control 1 and group control 2 are arranged side by side, with a level of 1, group control 1 includes adjustment control 3, group control 2 includes adjustment control 4, and the level of adjustment control 3 and adjustment control 4 is 2.

[0152] Optionally, types of virtual elements include but are not limited to the following.

[0153] (1) Image virtual element: insert an image into the element area and display the image, such as a moving image, a static image, a video frame, etc.

[0154] (2) Text virtual element: displays a text content in the element area, such as static text information, scrolling text information, etc.

[0155] (3) Object virtual elements: 1. Two-dimensional objects: such as two-dimensional patterns (including but not limited to watermark patterns generated by the system / user-defined), two-dimensional geometric figures (including but not limited to rectangles, squares, triangles, and circles); 2. Three-dimensional objects: such as three-dimensional cubes (including but not limited to cuboids, cubes, cones, triangular pyramids, and spheres), building elements (including but not limited to homes and furniture built by users in virtual scenes), plant virtual elements (including but not limited to flowers, trees, and grass in virtual scenes), obstacle elements (including but not limited to roadblocks and traps set by users in game levels or game maps, etc.);

[0156] (4) Button virtual element: When a button virtual element is triggered, a certain function can be realized, such as: the first button virtual element has a mirror function, which can mirror the object within the button range (such as flipping the object within the button range along the vertical axis); or the second button virtual element has a rebound function, which can rebound the object within the button range by a preset distance;

[0157] (5) Background virtual element: used to set the background in the element area, such as setting color, special effects or sound effects, etc.

[0158] Optionally, the first direction is the vertical axis direction (Y-axis direction in the XY coordinate system), and at least two adjustment controls in the element level adjustment area are arranged from top to bottom in a certain order, and each adjustment control corresponds to a unique control identifier, such as: the control identifier includes the control serial number, the level to which the control belongs, and at least one of the virtual elements corresponding to the control, or the control identifier is an identifier customized by the user.

[0159] The virtual elements in the element area have corresponding adjustment controls in the element level adjustment area.

[0160] The virtual elements within the element area correspond to element layers, which represent the hierarchy of the virtual elements displayed within the element area. The adjustment controls within the element hierarchy adjustment area correspond to control hierarchies, which represent the relationship between the adjustment controls and the controls within the element hierarchy adjustment area. The order of the element layers corresponding to the virtual elements corresponds to the control hierarchies of the adjustment controls.

[0161] Optionally, there is an editable virtual element in the element area, and the editable virtual element corresponds to an adjustment control in the element level adjustment area.

[0162] By adjusting the hierarchy of the adjustment controls within the element hierarchy adjustment area, the order of the element layers of the virtual elements within the element area can be adjusted accordingly, allowing the virtual elements within the element area to overlap with each other, thereby increasing the structural hierarchy of the content displayed within the element area. For virtual elements that are large in size or occupy a large area, using the adjustment controls to adjust the hierarchy and thus indirectly adjust the element layers of the virtual elements can also quickly locate the virtual element if it is obscured due to different element layers, eliminating the need for the user to repeatedly drag virtual elements that have already been positioned within the element area, thereby improving the efficiency of human-computer interaction.

[0163] Schematically, as shown in FIG7 , FIG7 is a schematic diagram of an element area and an element level adjustment area.

[0164] The element area 710 includes a variety of virtual elements, such as: picture virtual elements, object virtual elements, button virtual elements and text virtual elements (text content 1) located above the picture virtual elements. The element level adjustment area 720 is used to manage the element layers of the virtual elements in the element area 710.

[0165] The element level adjustment area 720 includes at least two adjustment controls corresponding to virtual elements. The adjustment controls are arranged in a certain order in the first direction. The element level adjustment area 720 can directly display only a part of the adjustment controls. The user can expand the complete control list by scrolling the control to view the other part of the adjustment controls that are hidden.

[0166] The at least two adjustment controls include a first adjustment control, and the first adjustment control is used to adjust a first virtual element among the at least two virtual elements.

[0167] Step 620: Receive a sliding operation on the first adjustment control.

[0168] The sliding operation includes a first sliding component in a first direction and a second sliding component in a second direction, wherein the first direction and the second direction are different directions.

[0169] Optionally, the first direction is the longitudinal direction (the Y-axis direction in the XY coordinate system), the second direction is the transverse direction (the X-axis direction in the XY coordinate system), and the first direction and the second direction are perpendicular to each other.

[0170] Exemplarily, the sliding operation may include at least two sliding phases, such as a first sliding phase and a second sliding phase. In the first sliding phase, the sliding operation is performed in a first direction, corresponding to a first sliding component; and in the second sliding phase, the sliding operation is performed in a second direction, corresponding to a second sliding component. The first sliding phase is connected to the second sliding phase, and the user does not release the hand during the sliding process.

[0171] Exemplarily, the sliding operation includes only one sliding stage, such as: the sliding operation is performed along a preset direction, and the first sliding component is determined according to the angle between the preset direction and the first direction and the sliding distance of the sliding operation; the second sliding component is determined according to the angle between the preset direction and the second direction and the sliding distance of the sliding operation.

[0172] Schematically, as shown in FIG8 , FIG8 is a schematic diagram of two methods of determining the sliding component.

[0173] The first mode 810: the direction of each sliding stage is any one of the first direction and the second direction, and the sliding distance in each direction is used as the sliding component in this direction.

[0174] During the sliding process, if the user directly adjusts the control by sliding in the first and second directions at different sliding stages, they can more intuitively see the selected position of the first adjustment control and understand the display effect of the adjusted control, thereby improving the efficiency of control adjustment. Using the distance indicated by the sliding stage as the sliding component can improve the accuracy of the sliding data, achieve precise adjustment of the adjustment control, save computer resources, and improve the effect of control adjustment.

[0175] Second method 820: The angle between the sliding direction and the first direction is A, and the first sliding component in the first direction is obtained based on the product of the sliding distance and the cosine value of the angle A; the angle between the sliding direction and the second direction is B, and the second sliding component in the second direction is obtained based on the product of the sliding distance and the cosine value of the angle B.

[0176] In some embodiments, when determining the sliding component by the second method 820 , the sliding trajectory of the sliding operation may not be a straight line, and the line between the starting position and the end position of the sliding operation may be used as a basis for determining the angle and the sliding component.

[0177] During the sliding process, users can also slide freely without dividing the sliding process into two stages in sequence, reducing user operation pressure. Sliding in the same direction generates two sliding components, which can reduce the sliding distance and operation time, and improve the efficiency of control adjustment.

[0178] Step 630 : Displaying the adjusted first adjustment control based on the first sliding component and the second sliding component, and displaying the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0179] Optionally, a first control position is determined in a first direction based on the first sliding component, and the first control position corresponds to at least one candidate control.

[0180] The first control position is the selected position where the first adjustment control is to be inserted. The selected position corresponds to at least one adjacent candidate control. After the first adjustment control is slid to the selected position, it has an adjacent relationship with the at least one candidate control, and the first adjustment control and the candidate control are at the same level.

[0181] For example, the first direction is the vertical axis direction, and n adjustment controls are arranged from top to bottom in the first direction. The sliding operation has a first sliding component in the vertical axis upward direction, and the first sliding component corresponds to the first control position.

[0182] Wherein, if the first control position is located directly above the i-th adjustment control among n adjustment controls, then the at least one candidate control corresponding to the first control position is the i-th adjustment control and all adjustment controls above the i-th adjustment control (i.e., the 1st adjustment control to the i-th adjustment control). i and n are positive integers.

[0183] A second adjustment control is determined in at least one candidate control based on the second sliding component, and the adjusted first adjustment control is displayed based on the control level to which the second adjustment control belongs, wherein the first adjustment control has the same control level after adjustment as the second adjustment control.

[0184] Schematically, in the process of analyzing the selected position displayed by the first adjustment control, the position of the first control at the end of the sliding operation is first determined from the first direction through the first sliding component, and then the second adjustment control is targetedly determined from at least one candidate control corresponding to the first control position by combining the second sliding component, so that when the adjusted first adjustment control is displayed, the level of the adjusted first adjustment control is targetedly determined through the control level to which the second adjustment control belongs.

[0185] In some embodiments, the position of the second control can also be determined in the second direction based on the second sliding component, and then the second adjustment control can be determined from at least one candidate control corresponding to the second control position based on the first sliding component, so that the adjusted first adjustment control can be displayed based on the control hierarchy to which the second adjustment control belongs. In this case, the position of the second control at the end of the sliding operation is first determined from the direction based on the second sliding component, and then the second adjustment control is specifically determined from at least one candidate control corresponding to the second control position based on the first sliding component, so that the level of the first adjustment control after adjustment can be specifically determined based on the control hierarchy to which the second adjustment control belongs.

[0186] That is, in the process of displaying the adjusted first adjustment control based on the first sliding component and the second sliding component, the first sliding vector can be analyzed first and then the second sliding vector, or the second sliding vector can be analyzed first and then the first sliding vector. This analysis process has strong analysis flexibility, which helps to accurately achieve the purpose of control adjustment, and also facilitates providing a more natural and intuitive user experience, thereby enhancing the display flexibility of the adjustment control.

[0187] Determining the selected position of the first adjustment control by sliding components in at least two directions can reduce the distance and time required to drag the adjustment control during user operation, compared to the traditional method of dragging in only one direction, thereby improving human-computer interaction efficiency. When there are a large number of controls, sliding components in different sliding directions can be used to skip some adjustment controls that do not meet the conditions to reach the selected position. This eliminates the tedious operation of frequently collapsing and then expanding the control list, providing greater convenience for user operation.

[0188] Optionally, at least two adjustment controls respectively correspond to control performance features. During the sliding operation, based on the second sliding component, a highlight effect is switched between at least one candidate control as the control performance feature respectively corresponding to the at least one candidate control.

[0189] In response to the end of the second sliding component, a candidate control whose control performance characteristic is a highlight effect among the at least one candidate control is used as a second adjustment control.

[0190] Schematically, the control presentation characteristics are used to characterize the display style of the adjustment control in the element level adjustment area; if the candidate control corresponding to the first control position is determined based on the first sliding component in the first direction, the control presentation characteristics corresponding to at least one candidate control passed by the second sliding component can be flexibly displayed as a highlight effect through the sliding distance in the second direction indicated by the second sliding component; the highlight effect includes at least one of a variety of special display styles such as color highlighting (such as the default effect is gray, and the color highlighting is yellow), font highlighting (such as the default effect is medium font size, and the font highlighting is large font size), etc.

[0191] Switching the control display features with a highlight effect can clearly and intuitively indicate the position passed during the control adjustment process, assisting the user in specifically selecting a second adjustment control from at least one candidate control, thereby improving the efficiency of the control adjustment process.

[0192] Among them, the types of control display features include but are not limited to: (1) dividing line features, which are displayed at the edge of each adjustment control, and the lengths of the dividing lines corresponding to adjustment controls belonging to different control levels are different; (2) color features, the control colors corresponding to adjustment controls belonging to different control levels are different; (3) identification features, the control identifications corresponding to adjustment controls belonging to different control levels are different, such as the control identification is implemented as at least one of the naming format, control name, and control thumbnail of each adjustment control; (4) control length features, the control lengths corresponding to adjustment controls belonging to different control levels are different.

[0193] Different control display features can serve as prompts during the user's control adjustment process, helping them understand the methods and techniques for adjusting controls, guiding them to continue with subsequent operations to achieve the desired adjustment goals, and improving the efficiency of human-computer interaction. Furthermore, control display features can also enrich the display screen.

[0194] Exemplarily, the control display feature includes a dividing line feature, and the dividing line feature is taken as an example for description.

[0195] The splitting line feature of the selected candidate control is displayed based on the second sliding component, and the splitting line features of the unselected candidate controls are hidden. A second adjustment control is determined from at least one candidate control according to the display of the splitting line feature.

[0196] Among them, using the dividing line feature as a control display feature to distinguish candidate controls is relatively simple and intuitive. The corresponding control can be determined based on the hiding / display status of the dividing line. The dividing line occupies a small proportion in the screen, which can save space in the element hierarchy adjustment area, avoid screen congestion, and save resources consumed when the computer loads the screen.

[0197] Schematically, as shown in FIG9 , FIG9 is a schematic diagram showing the segmentation line feature based on the second sliding component.

[0198] Element level adjustment area 900 includes five levels of adjustment controls: Level A adjustment control 910, Level B adjustment control 920, Level C adjustment control 930, Level D adjustment control 940, and Level E adjustment control 950. Each level of adjustment control corresponds to its own splitting line feature, and adjustment controls at different levels have different splitting line lengths.

[0199] For example, in FIG9 , the lengths of the dividing lines are as follows: level A adjustment control 910 > level B adjustment control 920 > level C adjustment control 930 > level D adjustment control 940 > level E adjustment control 950 .

[0200] Optionally, the difference between the lengths of the dividing lines corresponding to adjacent levels is a preset threshold a, where a is a positive number and can be expressed in arbitrary units. For example, the difference between the lengths of the dividing lines of the level A adjustment control 910 and the level B adjustment control 920 is the preset threshold a; the difference between the lengths of the dividing lines of the level A adjustment control 910 and the level C adjustment control 930 is twice the preset threshold a, i.e., 2a, and so on.

[0201] Schematically, as shown in FIG10 , FIG10 is a schematic diagram of a process of displaying the adjusted first adjustment control based on the first sliding component and the second sliding component.

[0202] In FIG10 , dotted lines represent the length of the dividing line corresponding to each adjustment control and the position of the dividing line when the dividing line is highlighted, and solid lines represent the display of the dividing line feature with a highlight effect.

[0203] The user selects the first adjustment control 1000 and moves in the first direction (upward). The position of the first control is determined based on the first sliding component. The first control position corresponds to the adjustment control A1001, and the dividing line feature of the adjustment control A1001 is highlighted. Among them, it is determined that at least one candidate control is the adjustment control A1001 and the adjustment control above the adjustment control A1001. Continue moving in the second direction (leftward) and determine the second adjustment control based on the second sliding component. When the second sliding component is a, the dividing line feature of the adjustment control B1002 is highlighted. When the second sliding component is 2a, the dividing line feature of the adjustment control C1003 is highlighted. The adjustment control C1003 contains the adjustment control B1002, and the adjustment control B1002 contains the adjustment control A1001.

[0204] When the user releases the second sliding component at 2a, the second adjustment control is determined to be adjustment control C1003, and the adjusted first adjustment control 1000 is displayed. The adjusted first adjustment control 1000 and adjustment control C1003 are at the same level and are adjacent to each other. Because adjustment control C1003 expands to display the adjustment control B1002 it contains, and adjustment control B1002 also expands to display the adjustment control A1001, D1004, and E1005 it contains, the adjusted first adjustment control 1000 is adjacent to the adjustment control A1001 at the bottom of the expanded list.

[0205] Since the adjustment control C1003 belongs to the adjustment control F1006 , the adjusted first adjustment control 1000 also belongs to the adjustment control F1006 , and so on.

[0206] In some embodiments, the candidate control may be determined first according to the second sliding component, and then the second adjustment control may be determined from the candidate controls according to the first sliding component, thereby achieving hierarchical adjustment of the first adjustment control.

[0207] The multiple methods of determining the sliding component and determining the second adjustment control based on the sliding component can achieve precise adjustment of the control when the user slides in any manner, thereby improving the efficiency of human-computer interaction.

[0208] Optionally, at least two adjustment controls included in the element level adjustment area correspond to control performance features respectively, and after receiving a sliding operation, a first control level is determined from the at least two control levels based on the second sliding component.

[0209] The at least two control levels are a collection of levels to which at least two adjustment controls belong. For example, if adjustment controls A and B belong to control level 1, and adjustment control C belongs to control level 2, then the at least two adjustment controls include adjustment control A, adjustment control B, and adjustment control C, and the at least two control levels include control level 1 and control level 2.

[0210] There is a subordinate relationship between at least two control levels. For example, if control level 2 is subordinate to control level 1, then adjustment control C is subordinate not only to control level 2 but also to control level 1.

[0211] Schematically, at least two control levels with a subordinate relationship are typically arranged in a staggered manner. As shown in Figure 9, "Group 2," which is subordinate to "Group 1," is staggered with "Group 1." Similarly, "Image," "Text," and other items belonging to "Group 4" are also staggered with Group 4 to more intuitively demonstrate the subordinate relationship between control levels.

[0212] The second sliding component represents the component distance of the sliding operation in the second direction. After determining the second sliding component based on the sliding operation, the first control component is determined from at least two control levels with a hierarchical relationship through the second sliding component, and the first control level corresponds to the distance component in the second direction indicated by the second sliding component.

[0213] Among them, at least one adjustment control with a first control level has a first control performance characteristic.

[0214] Illustratively, the at least two adjustment controls include at least one adjustment control of the first control level, and the at least one adjustment control of the first control level is represented by a first control presentation characteristic. For example, if the first control presentation characteristic is a "solid line splitter feature," a solid line splitter feature is displayed below the at least one adjustment control of the first control level.

[0215] For example, taking the control performance feature as the dividing line feature as an example, at least two adjustment controls correspond to 5 control levels respectively: (1) Level E adjustment control: when the second sliding component is (0, d], level E is used as the first control level determined based on the second sliding component, and the first control performance feature corresponding to the level E adjustment control is displayed (that is, the adjustment control with level E is displayed with the first control performance feature), and the adjustment control belonging to level E is used as the candidate control to be analyzed; (2) Level D adjustment control: when the second sliding component is (d, d+a], level D is used as the first control level determined based on the second sliding component, and the first control performance feature corresponding to the level D adjustment control is displayed (that is, the adjustment control with level D is displayed with the first control performance feature), and the adjustment control belonging to level D is used as the candidate control to be analyzed; (3) Level C adjustment control: when the second sliding component is (d+a, d+2a], level C is used as the first control level determined based on the second sliding component. (4) Level B adjustment control: when the second sliding component is [d+2a, d+3a], level B is taken as the first control level determined based on the second sliding component, and the first control expression feature corresponding to the level B adjustment control is displayed (i.e., the adjustment control with level C is displayed with the first control expression feature), and the adjustment control belonging to level B is taken as the candidate control to be analyzed; (5) Level A adjustment control: when the second sliding component is [d+3a, d+4a], level A is taken as the first control level determined based on the second sliding component, and the first control expression feature corresponding to the level A adjustment control is displayed (i.e., the adjustment control with level A is displayed with the first control expression feature), and the adjustment control belonging to level A is taken as the candidate control to be analyzed. Wherein, d is a positive number.

[0216] Exemplarily, if the second sliding component is d+3a, the adjustment control belonging to level B is taken as the candidate control to be analyzed, and the adjustment control belonging to level B is displayed with the first control performance characteristics, such as displaying the adjustment control belonging to level B with a highlight effect.

[0217] Optionally, a third adjustment control having performance characteristics of the first control is determined in the first direction based on the first sliding component, the third adjustment control having a first control level. The adjusted first adjustment control is displayed based on the first control level to which the third adjustment control belongs, wherein the adjusted level of the first adjustment control is the first control level corresponding to the third adjustment control.

[0218] Optionally, any adjustment control among the at least one adjustment control having the performance characteristics of the first control is used as the starting point of the first sliding component, and the third adjustment control is determined based on the first sliding component.

[0219] For example, taking the first direction as the vertical axis, the adjustment controls belonging to level B are arranged from top to bottom in the first direction, namely: adjustment control 1, adjustment control 2, and adjustment control 3. Adjustment control 2 is used as the starting point of the first sliding component.

[0220] When the first sliding component is (0, m], the starting point (adjustment control 2) is determined as the third adjustment control; when the upward component of the first sliding component in the first direction is (m, 2m], adjustment control 1 is determined as the third adjustment control; when the downward component of the first sliding component in the first direction is (m, 2m], adjustment control 3 is determined as the third adjustment control.

[0221] Schematically, the first control level corresponding to the third adjustment control is used as the level of the adjusted first adjustment control; in addition, the first adjustment control can be flexibly displayed based on the position of the third adjustment control, such as displaying the first adjustment control above the third adjustment control, that is, the third adjustment control and the first adjustment control belong to the same level and are located above the third adjustment control; or, displaying the first adjustment control below the third adjustment control, that is, the third adjustment control and the first adjustment control belong to the same level and are located below the third adjustment control, which is not limited here.

[0222] This article describes how to first determine the first control level based on the second sliding component, and then determine the third adjustment control from the adjustment controls of the first control level based on the first sliding component, thereby determining the hierarchical display content of the adjusted first adjustment level. This process helps achieve hierarchical and refined control and efficient user interaction, and helps provide a more intuitive and orderly interaction process, allowing users to strike a balance between large-scale selection and detailed adjustment. It also helps improve the computer's analytical and computational efficiency, facilitates more precise feedback and control for users, and enhances the terminal's responsiveness and operational flexibility.

[0223] In some embodiments, after the user selects the first adjustment control and performs a sliding operation, the user may also cancel the level adjustment operation on the first adjustment control.

[0224] Optionally, after receiving a sliding operation on the first adjustment control, in response to a sliding distance corresponding to the sliding operation meeting a control adjustment cancellation condition, the position adjustment of the first adjustment control within the element level adjustment area is canceled and an adjustment cancellation prompt is displayed accordingly. The first adjustment control in the element level adjustment area and the first virtual element in the element area remain displayed.

[0225] Illustratively, a control adjustment cancellation condition is a pre-set condition for automatically triggering the cancellation of the control adjustment process. Optionally, the control adjustment cancellation condition is when the sliding distance of the sliding operation reaches a preset distance threshold; or when the sliding duration of the sliding operation reaches a preset duration threshold; or when the sliding trajectory of the sliding operation does not conform to a preset shape (such as a straight line, a fan-shaped trajectory, etc.), which are not limited here.

[0226] Schematically, the adjustment cancellation prompt information is a prompt information used to prompt the cancellation of the adjustment process of the adjustment control, such as the adjustment cancellation prompt information is the text information "Adjustment canceled"; or, the adjustment cancellation prompt information is edge highlight information (such as the terminal screen is displayed in a red highlight style), etc., which is not limited here.

[0227] Schematically, as shown in Figure 7, when the user slides to the element area 710 and releases the hand, the sliding distance meets the control adjustment cancellation condition, and the adjustment of the first adjustment control is canceled and the adjustment cancellation prompt information is displayed accordingly; based on the display of the adjustment cancellation prompt information, the display position of the first adjustment control in the display element hierarchy adjustment area before the drag operation is performed will continue to be maintained, and the display status of the first virtual element in the element area before the drag operation is performed will also continue.

[0228] In the above process, the cancellation of the adjustment of the adjustment control can be automatically triggered based on the control adjustment cancellation conditions such as the sliding distance, so that the user operation process has a certain fault tolerance, avoiding the sliding operation caused by accidental touch from affecting the hierarchy between the adjustment controls, and facilitating the user to change the adjustment type in time. It also provides clearer feedback information by adjusting the cancellation prompt information, so as to ensure the stability of the element layout, improve the user's operation experience, enhance the flexibility and maintainability of the terminal display, and improve the efficiency of human-computer interaction.

[0229] In some embodiments, if the sliding operation corresponds only to the first sliding component in the first direction, adjustment of the controls in the element level adjustment area may also be achieved.

[0230] Optionally, the adjustment control includes a component adjustment control and a group adjustment control, wherein the group adjustment control and the component adjustment control have a nested relationship, and the component adjustment control and the group adjustment control correspond to control performance features respectively.

[0231] A group adjustment control contains at least one component adjustment control, and a higher-level group adjustment control can also contain lower-level group adjustment controls.

[0232] For example, the element hierarchy adjustment area includes the following adjustment controls arranged in descending order of hierarchy: first group adjustment controls A, second group adjustment controls B, and component adjustment controls C.

[0233] Component adjustment control C belongs to the second group of adjustment controls B, and the second group of adjustment controls B belongs to the first group of adjustment controls A.

[0234] Schematically, as shown in FIG11 , FIG11 is a schematic diagram of a method for adjusting the level of the adjustment control based on the first sliding component.

[0235] Optionally, the following description is made by taking the expression feature of the adjustment control as a dividing line feature as an example. The length of the dividing line feature is used to indicate the level to which each adjustment control belongs, and the display position of the dividing line feature is used to indicate the adjustment control to which it belongs.

[0236] Adjustment method 1110: Select the first adjustment control 1101, slide in the first direction, display the performance characteristics corresponding to the component adjustment control A1102, and determine that the selected position is below the component adjustment control A1102. After releasing the control, the first adjustment control 1101 and the component adjustment control A1102 are adjacent and belong to the same level. Since the component adjustment control A1102 belongs to the group adjustment control B1103, the adjusted first adjustment control 1101 also belongs to the group adjustment control B1103.

[0237] Adjustment method 1120: Select the first adjustment control 1101, slide in the first direction to display the performance characteristics corresponding to the component adjustment control C1104, and determine that the selected position is directly above the component adjustment control C1104. After releasing the control, the first adjustment control 1101 and the component adjustment control C1104 are adjacent and belong to the same level. Since the component adjustment control C1104 does not belong to any group adjustment control, the adjusted first adjustment control 1101 also does not belong to any group adjustment control.

[0238] Adjustment method 1130: Select the first adjustment control 1101, slide in the first direction, display the performance characteristics corresponding to the group adjustment control B1103, determine that the selected position is directly below the component adjustment control B1103, the first adjustment control 1101 and the group adjustment control B1103 are adjacent and belong to the same level, because the group adjustment control B1103 contains at least two component adjustment controls (among which the component adjustment control A1102 is at the bottom) and the component adjustment controls are expanded and displayed, therefore, when the group adjustment control B1103 is expanded to display the component adjustment controls, the first adjustment control 1101 is adjacent to the component adjustment control A1102 and belongs to the same level as the group adjustment control B1103.

[0239] Adjustment method 1140: Select the first adjustment control 1101, slide in the first direction, display the performance characteristics corresponding to the group adjustment control B1103, and determine that the selected position is directly above the component adjustment control B1103. The first adjustment control 1101 and the group adjustment control B1103 are adjacent and belong to the same level. Since the group adjustment control B1103 belongs to the group adjustment control D1105, the adjusted first adjustment control 1101 also belongs to the group adjustment control D1105.

[0240] In some embodiments, after the user names the adjustment controls, the names of the adjustment controls belonging to the same level are aligned. This can intuitively reflect the hierarchical relationship between different adjustment controls, help the user understand the arrangement of at least two controls, and improve the efficiency of control adjustment.

[0241] Optionally, when adjusting the hierarchy of a first adjustment control, it can be inserted into a group adjustment control. When the group adjustment control contains other adjustment controls, the first adjustment control remains in the same position within the group adjustment control when the group adjustment control is expanded or collapsed to display the other adjustment controls. The position of the first adjustment control within the group adjustment control can be arbitrary.

[0242] Schematically, as shown in FIG12 , FIG12 is a schematic diagram of the group adjustment control expanding to display the component adjustment control.

[0243] The group adjustment control A1212 is expanded to display the component adjustment control B1201, component adjustment control C1202 and component adjustment control D1203 it contains, which are arranged from top to bottom in a preset order. The first adjustment control 1200 is inserted into the group adjustment control A1212 (such as inserted into any position of at least one adjustment control belonging to the group adjustment control A1212). The first adjustment control 1200 is adjacent to the component adjustment control B1201, located directly above the component adjustment control B1201, and belongs to the same level as the component adjustment control B1201, component adjustment control C1202 and component adjustment control D1203.

[0244] Schematically, as shown in FIG13 , FIG13 is a schematic diagram of the group adjustment control folding the display component adjustment control.

[0245] The group adjustment control E1300 is collapsed to display the adjustment control F1301 it contains, and the first adjustment control 1300 is inserted into the group adjustment control E1300. At this time, the group adjustment control E1300 also collapses to display the first adjustment control 1300. After the adjustment is completed, the group adjustment control E1300 is expanded. The first adjustment control 1300 is located directly above the component adjustment control F1301 and belongs to the same level as the component adjustment control F1301.

[0246] It is worth noting that before receiving the user's sliding operation, the terminal will perform area division on each adjustment control in the element level adjustment area. After receiving the sliding operation, if the first sliding component indicates that the sliding operation is to insert the first adjustment control into the adjacent position of the adjustment control (including component adjustment control and group adjustment control), then, after insertion, the first adjustment control and the control belong to the same level; if the first sliding component indicates that the sliding operation is to insert the first adjustment control into the group adjustment control, then, after insertion, the first adjustment control belongs to the group adjustment control, and the level of the group adjustment control is higher than the first adjustment control.

[0247] By dividing the area and calculating the sliding component immediately after receiving a sliding action, the user can determine the desired adjustment type of the control, improving the efficiency of human-computer interaction. During the sliding process, the corresponding screens corresponding to different adjustment types are displayed to help users understand the adjustment results.

[0248] Schematically, as shown in FIG14 , FIG14 is a schematic diagram of a process of a terminal determining a control adjustment type.

[0249] Each adjustment control in the element level adjustment area (including component adjustment controls and group adjustment controls) corresponds to its own control upper layer area 1410 and control lower layer area 1420. The group adjustment control also corresponds to the inner group area 1430.

[0250] When the sliding operation on the first adjustment control indicates that the selected position is located in the upper control area 1410 of a certain adjustment control A, after the user releases the control, the terminal determines to insert the first adjustment control at the adjacent position above the adjustment control A, wherein the first adjustment control and the adjustment control A are at the same level.

[0251] When the sliding operation on the first adjustment control indicates that the selected position is located in the lower control area 1420 of a certain adjustment control A, after the user releases the control, the terminal determines to insert the first adjustment control at the adjacent position below the adjustment control A, wherein the first adjustment control and the adjustment control A are at the same level.

[0252] When the sliding operation on the first adjustment control indicates that the selected position is located in the group area 1430 of a group adjustment control B, after the user releases the control, the terminal determines to insert the first adjustment control into the group adjustment control B, wherein the first adjustment control belongs to the group adjustment control B, and the level of the group adjustment control B is higher than the level of the first adjustment control.

[0253] For the group adjustment control, there is an overlapping area between its in-group area 1430 and the upper area 1410 and the lower area 1420 of the control. When the sliding operation indicates that the selected position is located in the overlapping area, it means that the adjustment type of the sliding operation satisfies both adjustment types (i.e., directly inserting at the adjacent position and inserting into the group adjustment control). The priority of the overlapping area is as follows: in-group area 1430 > upper area 1410 of the control = lower area 1420 of the control.

[0254] That is, the first adjustment control is preferentially inserted into the group adjustment control corresponding to the overlapping area, and the terminal displays a screen showing the first adjustment control being inserted into the group adjustment control.

[0255] Prioritizing overlapping areas for adjustment type determination provides users with more room to maneuver, promptly identifying the desired control adjustment type, and improving human-computer interaction efficiency. Compared to strictly dividing adjustment controls into non-overlapping areas, this reduces user pressure and allows users to adjust controls without having to precisely adhere to boundary lines, improving efficiency during the adjustment process.

[0256] In summary, the method provided by the present application can synchronously adjust the corresponding virtual elements in the display element area by adjusting at least two adjustment controls arranged in the first direction in the element level adjustment area, thereby adjusting the level of the virtual elements in the element area. A sliding operation on the adjustment control is received, and the position of the adjustment control is adjusted according to the sliding operation. The sliding operation corresponds to sliding components in the first direction and the second direction respectively, and the purpose of accurately adjusting the control can be achieved from at least two directions. When there are a large number of adjustment controls in the element level adjustment area, there is no need to frequently collapse or expand the control list before adjusting the controls. Adjustment is achieved based on the sliding components of the same sliding operation in different directions, which makes the adjustment process more convenient and improves the efficiency of human-computer interaction.

[0257] In some embodiments, the adjustment control includes a component adjustment control and a group adjustment control, wherein the group adjustment control and the component adjustment control are nested, and the component adjustment control and the group adjustment control respectively correspond to control performance characteristics. When adjusting the hierarchy of the first adjustment control based on the sliding component, it is necessary to consider whether the selected position where the first adjustment control is inserted is nested with the group adjustment control. Figure 15 is a flowchart of a control adjustment method provided by another exemplary embodiment of the present application, which includes the following steps.

[0258] Step 1510: Display the element area and the element level adjustment area.

[0259] The element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control, and the first adjustment control is used to adjust the first virtual element of the at least two virtual elements.

[0260] Step 1520: Receive a sliding operation on the first adjustment control.

[0261] The sliding operation includes a first sliding component in a first direction and a second sliding component in a second direction, wherein the first direction and the second direction are different directions.

[0262] Optionally, the first direction is the longitudinal direction, the second direction is the transverse direction, and the first direction and the second direction are perpendicular to each other.

[0263] Step 1530: Determine an insert control in the first direction based on the first sliding component.

[0264] Illustratively, the inserted control is an adjustment control determined from at least two adjustment controls included in the control list based on the first sliding component. Optionally, a single adjustment control is determined from the at least two adjustment controls based on the first sliding component as the inserted control. For example, the first sliding component represents the component distance of the sliding operation in the first direction, and the adjustment control at the end point of the first sliding component is used as the inserted control, starting from the first adjustment control.

[0265] The adjacent position of the inserted control is the insertion position of the first adjustment control after adjustment.

[0266] For example, the first sliding component indicates that the inserted control is adjustment control A. If the user lets go at this time (i.e., determines the end point), the first adjustment control will be inserted at the adjacent position of adjustment control A to complete the level adjustment of the first adjustment control. After the level adjustment is completed, the first adjustment control has the same level as adjustment control A.

[0267] Step 1540 : In response to the insertion control belonging to the first group of adjustment controls and a nested relationship between the first group of adjustment controls and the second group of adjustment controls, determine an insertion position in the first group of adjustment controls and the second group of adjustment controls based on the second sliding component.

[0268] The nested relationship is used to represent the subordinate relationship between two groups of adjustment controls, such as the first group of adjustment controls being subordinate to the second group of adjustment controls.

[0269] In response to the insert control belonging to the first group of adjustment controls, and the first group of adjustment controls belonging to the second group of adjustment controls, based on the second sliding component, a highlight effect is switched between the insert control, the first group of adjustment controls, and the second group of adjustment controls as the control performance features corresponding to the insert control, the first group of adjustment controls, and the second group of adjustment controls respectively.

[0270] That is, the second group of adjustment controls (which can be understood as a large group) includes the first group of adjustment controls (subgroup), and the first group of adjustment controls includes insertion controls (controls).

[0271] The above content describes how to switch highlight effects between insert controls, the first group of adjustment controls, and the second group of adjustment controls based on the second sliding component. This process enables the display of highlight effects based on the second sliding component during interface adjustments, greatly enhancing the recognizability of controls and the intuitiveness of the interface. It also improves the precision of user operations and strengthens the visual correlation between the control hierarchies corresponding to different controls, facilitating a better understanding of the control hierarchy to accommodate more scenarios and a wider range of user needs.

[0272] Optionally, the insertion position is determined based on the control presentation characteristics of the inserted control, the first group of adjustment controls, and the second group of adjustment controls, including but not limited to the following situations.

[0273] 1. When the control presentation characteristic of the inserted control is displayed as a highlight effect in the highlight presentation, in response to the end of the second sliding component, it is determined that the insertion position belongs to the first group of adjustment controls, wherein the level of the first adjustment control after adjustment is the same as the level of the inserted control.

[0274] For example, taking the control performance feature as a dividing line feature as an example, the length of the dividing line corresponding to the inserted control is d, the length of the dividing line corresponding to the first group of adjustment controls is d+a, and the length of the dividing line corresponding to the second group of adjustment controls is d+2a. d and a are positive numbers, and the units can be arbitrary.

[0275] When the second sliding component is within the length of [d, d+a), the dividing line of the inserted control is highlighted. If the second sliding component ends at this time, the first adjustment control and the inserted control are determined to belong to the same level. Since the inserted control belongs to the first group of adjustment controls, the adjusted first adjustment control also belongs to the first group of adjustment controls.

[0276] 2. When the control display feature of the first group of adjustment controls is a highlight effect, in response to the end of the second sliding component, it is determined that the insertion position belongs to the second group of adjustment controls, wherein the level of the first adjustment control after adjustment is the same as the level of the first group of adjustment controls.

[0277] When the second sliding component is within the length of [d+a, d+2a), the dividing line of the first group of adjustment controls is highlighted. If the second sliding component ends at this time, the first adjustment control is determined to belong to the same level as the first group of adjustment controls. Since the first group of adjustment controls belongs to the second group of adjustment controls, the adjusted first adjustment control also belongs to the second group of adjustment controls.

[0278] 3. When the control display feature of the second group of adjustment controls is displayed as a highlight effect, in response to the end of the second sliding component, the insertion position is determined to be adjacent to the second group of adjustment controls, wherein the level of the first adjustment control after adjustment is the same as the level of the second group of adjustment controls.

[0279] When the second sliding component is within the length of [d+2a, d+3a), the dividing line of the second group of adjustment controls is highlighted. If the second sliding component ends at this time, the first adjustment control and the second group of adjustment controls are determined to belong to the same level. Since the first group of adjustment controls does not belong to any group of adjustment controls, the adjusted first adjustment control does not belong to any group of adjustment controls either.

[0280] The above content introduces the content of displaying different control adjustment results based on the nested relationship between adjustment controls. In the process of switching to display the highlight effect, if the inserted control shows a highlight effect, the level of the inserted control will be used as the level of the first adjustment control after adjustment. If the first group of adjustment controls shows a highlight effect, the level of the first group of adjustment controls will be used as the level of the first adjustment control after adjustment. If the second group of adjustment controls shows a highlight effect, the level of the second group of adjustment controls will be used as the level of the first adjustment control after adjustment. The above control level adjustment logic based on the highlight effect helps users to more intuitively control the stacking relationship between adjustment controls and achieve more flexible dynamic adjustment.

[0281] It can meet the diverse needs of users when creating, enable a deeper hierarchical structure between controls, and provide users with professional creation tools and experience.

[0282] It is worth noting that if the second group of adjustment controls is collapsed to display the adjustment controls it contains, the adjusted first adjustment control is adjacent to and at the same level as the second group of adjustment controls; if the second group of adjustment controls is expanded to display the adjustment controls it contains, the adjusted first adjustment control is adjacent to the bottom-most adjustment control in the second group of adjustment controls, and the first adjustment control is at the same level as the second group of adjustment controls. Alternatively, in some embodiments, the adjusted first adjustment control is adjacent to and directly above the second group of adjustment controls. This embodiment is not limited to this.

[0283] Considering that there are component adjustment controls and group adjustment controls in the element level adjustment area, there may be a nested relationship between different types of adjustment controls. When there are a large number of adjustment controls in the element level adjustment area, the control performance characteristics corresponding to different adjustment controls can be highlighted to facilitate users to understand the hierarchical relationship between different controls based on the control performance characteristics, thereby further improving the efficiency of human-computer interaction.

[0284] Step 1550: insert and display the adjusted first adjustment control in the element level adjustment area based on the insertion position, and display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0285] For example, in the element level adjustment area, the adjusted first adjustment control is located below the second adjustment control, the first adjustment control corresponds to the first virtual element in the element area, and the second adjustment control corresponds to the second virtual element in the element area. Then, in the element area, the first virtual element after the level adjustment is displayed is located at the bottom layer of the second virtual element.

[0286] In summary, by adjusting the position of the adjustment control based on a sliding operation, with sliding components corresponding to the first and second directions, respectively, this allows for precise adjustment of the control in at least two directions. When there are a large number of adjustment controls in the element-level adjustment area, there's no need to frequently collapse or expand the control list before adjusting them. Adjustments can be made based on sliding components in different directions using the same sliding operation, making the adjustment process more convenient and improving human-computer interaction efficiency.

[0287] The method provided in the present application determines the inserted control through the first sliding component determined by the sliding operation, so that the interface can respond to user needs in a timely and flexible manner, and specifically determines the insertion position when the inserted component belongs to the first group of adjustment components and there is a nested relationship between the two groups of controls. This helps to accurately understand the control hierarchy while not making major adjustments to the existing layout, fully ensuring the purpose of accurately adjusting the control position, thereby improving the dynamic adaptability and interactive experience of the user interface, especially in complex hierarchical and control nesting scenarios, and can effectively avoid dislocation and confusion.

[0288] The user can combine the adjustment controls in the element level adjustment area so that at least two adjustment controls act as a whole, improving the efficiency of human-computer interaction for adjustment controls that need to adjust the same type of operations at the same time. Among them, after the combination, a group adjustment control can be obtained. The group adjustment control can only contain component adjustment controls, or it can continue to group within each group adjustment control to increase the level depth. In some embodiments, in order to save computing resources consumed during grouping operations and avoid the problem of users being unable to quickly locate the first adjustment control due to excessive grouping, a level threshold can be set to constrain the number of levels of the group adjustment control.

[0289] FIG16 is a flowchart of a method for adjusting a level adjustment group control provided by an exemplary embodiment of the present application, which includes the following steps.

[0290] Step 1610: Display the element area and the element level adjustment area.

[0291] The element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control, and the first adjustment control is used to adjust the first virtual element of the at least two virtual elements.

[0292] Among them, the adjustment control includes component adjustment control and group adjustment control, wherein there is a nested relationship between the group adjustment control and the component adjustment control, and the component adjustment control includes a first group of adjustment controls and a second group of adjustment controls, wherein the first group of adjustment controls and the second group of adjustment controls include component adjustment controls.

[0293] Step 1620: Receive a group sliding operation on the first group of adjustment controls in the element level adjustment area.

[0294] A group sliding operation involves selecting the first group of adjustment controls and then sliding within the element hierarchy adjustment area to adjust the first group of adjustment controls. The component adjustment controls within the first group of adjustment controls will also be adjusted at the same time. The hierarchical relationship between the first group of adjustment controls and the component adjustment controls within it remains unchanged before and after the adjustment.

[0295] For example, the first group of adjustment controls A does not belong to any group of adjustment controls (level is 1). The first group of adjustment controls A includes component adjustment controls B (level is 2) and component adjustment controls C (level is 2). The levels of component adjustment controls B and component adjustment controls C are the same and are both lower than the level of the first group of adjustment controls A.

[0296] When receiving a group sliding operation, the first group of adjustment controls A belongs to the second group of adjustment controls D (level 1), and the second group of adjustment controls D contains the component adjustment control E (level 2). In this case, the first group of adjustment controls A and the component adjustment control E have the same level and are both lower than the level of the second group of adjustment controls D (the level of the first group of adjustment controls A changes from 1 to 2); the component adjustment controls B and the component adjustment controls C have the same level (the levels of the component adjustment controls B and C change from 2 to 3) and are both lower than the levels of the first group of adjustment controls A and the component adjustment control E. Since the first group of adjustment controls A belongs to the second group of adjustment controls D, there is a nested relationship between them. Therefore, the levels of the component adjustment controls B and C are also lower than the level of the second group of adjustment controls D.

[0297] Step 1630: When a group sliding condition is satisfied between the first group of adjustment controls and the second group of adjustment controls, the first group of adjustment controls is inserted and displayed in the second group of adjustment controls.

[0298] The group sliding condition means that after the first group of adjustment controls are inserted into the second group of adjustment controls, the levels included in the second group of adjustment controls are less than or equal to the level threshold.

[0299] Optionally, the level threshold is n, that is, each group adjustment control can only contain n-2 layers of sub-groups at most, and n is an integer greater than 2.

[0300] For example, the level threshold is 5, the highest level group adjustment control A is level 1, group adjustment control A contains group adjustment control B (level 2), group adjustment control B contains group adjustment control C (level 3), group adjustment control C contains group adjustment control D (level 4), group adjustment control D contains component adjustment control E (level 5), so group adjustment control D cannot continue to contain subgroups.

[0301] Exemplarily, there is a group adjustment control F (level 1), which only includes component adjustment controls (level 2).

[0302] Therefore, if the group adjustment control F is inserted into the above-mentioned group adjustment controls A to D, the number of levels of each group adjustment control after insertion changes as follows.

[0303] (1) Group adjustment control A = 1 + 2 = 3 < 5, (2) Group adjustment control B = 2 + 2 = 5 < 5, (3) Group adjustment control C = 3 + 2 = 5, (4) Group adjustment control D = 4 + 2 = 6 > 5.

[0304] Then the group adjustment control F meets the group sliding conditions with the group adjustment control A, the group adjustment control B and the group adjustment control C, and the group adjustment control F can be inserted into the group adjustment control A, the group adjustment control B and the group adjustment control C; the group adjustment control F does not meet the group sliding conditions with the group adjustment control D, and the group adjustment control F cannot be inserted into the group adjustment control D.

[0305] Schematically, as shown in FIG17 , FIG17 is a schematic diagram of the result of inserting the first group of adjustment controls into the second group of adjustment controls. FIG17 takes the level threshold of 5 as an example for explanation.

[0306] The first insertion result 1710: the level of the first group of adjustment controls 1701 is 1, the first group of adjustment controls 1701 only contains component adjustment controls (level 2), the level of the second group of adjustment controls A1702 is 4, the insertion fails, and the first group of adjustment controls 1701 and the second group of adjustment controls A1702 remain displayed.

[0307] The second insertion result 1720: the level of the first group of adjustment controls 1701 is 1, the first group of adjustment controls 1701 only contains component adjustment controls (level 2), the level of the second group of adjustment controls B1703 is 3, the insertion is successful, and it is displayed that the first group of adjustment controls 1701 is inserted into the second group of adjustment controls B1703.

[0308] The second insertion result 1720 includes an expanded state 1721 and a collapsed state 1722. In the expanded state 1721, the second group of adjustment controls B1703 is expanded to display the adjustment controls it contains. After the user releases the control, the screen showing the first group of adjustment controls 1701 inserted into the second group of adjustment controls B1703 is directly displayed. In the collapsed state 1722, the second group of adjustment controls B1703 is collapsed to display the adjustment controls it contains. After the user releases the control, the first group of adjustment controls 1701 is collapsed and displayed. The second group of adjustment controls B1703 can also be triggered to expand, and after expansion, it is displayed that the second group of adjustment controls B1703 contains the first group of adjustment controls 1701.

[0309] In summary, by adjusting the position of the adjustment control based on a sliding operation, with sliding components corresponding to the first and second directions, respectively, this allows for precise adjustment of the control in at least two directions. When there are a large number of adjustment controls in the element-level adjustment area, there's no need to frequently collapse or expand the control list before adjusting them. Adjustments can be made based on sliding components in different directions using the same sliding operation, making the adjustment process more convenient and improving human-computer interaction efficiency.

[0310] In the embodiment of the present application, a combination adjustment control is introduced to efficiently adjust the content of the control hierarchy. By combining to obtain a group adjustment control containing component adjustment controls, you can continue to group within each group adjustment control to increase the depth of the hierarchy, or you can efficiently adjust the control hierarchy by adjusting the group adjustment control, thereby improving the efficiency of hierarchy adjustment. You can also handle more complex hierarchy relationship adjustments and achieve the purpose of moving controls in batches. In addition, you can set a hierarchy threshold to constrain the number of levels of the group adjustment control, which helps avoid situations where the hierarchy is overly complex, the interface is confusing, or performance degrades. It provides a concise, efficient, and stable way to adjust controls and interface layouts, allowing users to have a smoother and more intuitive interactive experience during operation.

[0311] In some embodiments, if there are some adjustment controls in the element-level adjustment area that need to be replaced, the user can also use a sliding operation to directly replace them with other adjustment controls. Compared with deleting the control to be replaced and then reinserting the control, this can improve the efficiency of human-computer interaction. Figure 18 is a flow chart of a method for sliding to replace an adjustment control, including the following steps.

[0312] Step 1810: Display the element area and the element level adjustment area.

[0313] The element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control, and the first adjustment control is used to adjust the first virtual element of the at least two virtual elements.

[0314] Step 1820: Receive a sliding replacement operation on the first adjustment control.

[0315] After the user selects the first adjustment control, he slides in the element-level adjustment area, wherein the sliding replacement operation includes a third sliding component in the first direction and a fourth sliding component in the second direction.

[0316] Optionally, the first direction is the longitudinal direction, the second direction is the transverse direction, and the first direction and the second direction are perpendicular to each other.

[0317] Step 1830: Determine a control to be replaced in the first direction based on the third sliding component.

[0318] The control to be replaced corresponds to the second virtual element in the element area.

[0319] Optionally, each adjustment control in the element-level adjustment area corresponds to a control performance characteristic. During the sliding process, the terminal displays a change in the control performance characteristic based on a third sliding component. When the third sliding component ends, the second control performance characteristic is determined. The adjustment control corresponding to the second control performance characteristic is determined as the replacement control.

[0320] Step 1840: Replace the control to be replaced with the first adjustment control based on the fourth sliding component display.

[0321] The control to be replaced is cancelled from display in the element level adjustment area after replacement, and the level of the first adjustment control after replacement is the same as the level of the control to be replaced before replacement.

[0322] Optionally, when the fourth sliding component is not zero, the control to be replaced is replaced with the first adjustment control.

[0323] Exemplarily, the level of the first adjustment control before replacement is 1, and the level of the control to be replaced before replacement is 2, then the level of the first adjustment control after replacement is 2.

[0324] Step 1850: Replace the second virtual element with the first virtual element in the element area based on the replaced first adjustment control.

[0325] After the replacement, the second virtual element corresponding to the control to be replaced is cancelled in the element area, and the first virtual element is displayed at the position before the second virtual element is replaced.

[0326] Schematically, as shown in FIG19 , FIG19 is a schematic diagram of the process of sliding replacement of controls.

[0327] After selecting the first adjustment control 1900, slide it to display the control feature of the control 1901 to be replaced according to the third sliding component in the first direction, and determine the replacement according to the fourth sliding component in the second direction. After releasing it, the control 1901 to be replaced is replaced with the first adjustment control 1900.

[0328] To sum up, the method provided in this embodiment can replace the adjustment control with only one sliding operation. Compared with the method of first deleting the control to be replaced and then inserting the first adjustment control to the position where the original control to be replaced was located, it can improve the user's efficiency in adjusting the control and the efficiency of human-computer interaction.

[0329] FIG20 is a flow chart of a method for sliding and retracting an adjustment control provided by an exemplary embodiment of the present application, which includes the following steps.

[0330] Step 2010: Display the element area and the element level adjustment area.

[0331] The element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control, and the first adjustment control is used to adjust the first virtual element of the at least two virtual elements.

[0332] Step 2020: Receive a sliding operation to collapse the control in the element level adjustment area.

[0333] The user slides in the element level adjustment area, and the adjustment control to be folded is determined based on the starting and ending positions of the sliding operation, and the sliding is continued to fold.

[0334] By sliding and randomly selecting the adjustment controls that need to be folded and displayed, compared with the traditional method of folding all the adjustment controls in a single group adjustment control in groups, the decoupling between the group adjustment controls and the component adjustment controls can be achieved, and the adjustment controls that the user needs to display can be retained, thereby improving the user's adjustment efficiency of the adjustment controls and the efficiency of human-computer interaction.

[0335] The control folding sliding operation includes a fifth sliding component in the first direction and a sixth sliding component in the second direction.

[0336] Step 2030: Determine at least one candidate folding control in the first direction based on the fifth sliding component.

[0337] Optionally, the starting point of the control retracting sliding operation may be any adjustment control, and the adjustment control at the starting point may be determined based on the position of the contact point between the user and the terminal, or may be customized by the user.

[0338] For example, when the user performs a sliding operation to retract a control, the contact point position with the terminal is A, and the adjustment control closest to position A is the starting adjustment control.

[0339] For example, before the user performs a control collapse sliding operation, one of the adjustment controls is selected from the element level adjustment area as a starting adjustment control.

[0340] At least one candidate retracting control is determined based on the fifth sliding component and the starting point adjustment control.

[0341] Optionally, each adjustment control in the element-level adjustment area corresponds to a control performance feature. During the sliding process, the terminal highlights the control performance feature corresponding to at least one adjustment control based on the fifth sliding component. When the fifth sliding component ends, the adjustment control with the highlighted control performance feature is determined as a candidate for folding control.

[0342] For example, taking the first direction as the vertical axis direction as an example, adjustment controls 1 to 15 are arranged from top to bottom along the first direction, and adjustment control 4 is used as the starting adjustment control. The fifth sliding component is the sliding component downward in the first direction. The fifth sliding component corresponds to the width of 5 adjustment controls. Then, the candidate adjustment controls are: adjustment control 4, adjustment control 5, adjustment control 6, adjustment control 7, adjustment control 8, and adjustment control 9, that is, including the starting adjustment control and 5 adjustment controls adjacent to the starting adjustment control.

[0343] Step 2040: Collapse and display at least one candidate collapsible control based on the sixth sliding component.

[0344] Among them, after at least one candidate foldable control is folded, a folding mark is correspondingly displayed in the element level adjustment area.

[0345] Optionally, when the sixth sliding component is not zero, at least one candidate folding control is folded and displayed.

[0346] By sliding to collapse controls, users can freely select foldable adjustment controls according to their own needs, providing users with more options when collapsing or expanding controls, retaining the adjustment controls that users need to display, thereby improving the user's adjustment efficiency of adjustment controls and human-computer interaction efficiency.

[0347] Schematically, as shown in FIG21 , FIG21 is a schematic diagram of the process of sliding and retracting the adjustment control.

[0348] After selecting the starting point adjustment control 2100, the control feature expressions of the starting point adjustment control 2100, the candidate folding control A2101 and the candidate folding control B2102 are displayed according to the fifth sliding component in the first direction, and all the candidate controls to be folded are determined according to the fourth sliding component in the second direction. After releasing the hand, the starting point adjustment control 2100, the candidate folding control A2101 and the candidate folding control B2102 are folded and displayed.

[0349] The above process describes how to retract a control to hide its displayed content using a retracting slide action. This process helps improve the cleanliness of the interface. Combining the fifth and sixth slide components allows for more flexible control of the retracted control, resulting in a multi-dimensional sliding interaction that enhances intuitiveness and precision. Furthermore, the displayed retraction indicator allows users to intuitively view the retraction status of controls, making it easier to manage interface elements, enhancing interactive feedback and controllability, reducing the complexity of user operations, and increasing the flexibility of control management.

[0350] In summary, by adjusting the position of the adjustment control based on a sliding operation, with sliding components corresponding to the first and second directions, respectively, this allows for precise adjustment of the control in at least two directions. When there are a large number of adjustment controls in the element-level adjustment area, there's no need to frequently collapse or expand the control list before adjusting them. Adjustments can be made based on sliding components in different directions using the same sliding operation, making the adjustment process more convenient and improving human-computer interaction efficiency.

[0351] The embodiment of the present application introduces the content of the sliding replacement operation of the adjustment control. The control to be replaced is determined in a targeted manner through the sliding replacement operation, so that the control to be replaced is replaced with the first adjustment control in a targeted manner, providing an intuitive and easy-to-understand interaction method. The user can intuitively slide to select and replace controls to ensure that the replaced controls are consistent with the original controls at the interface level, which helps to avoid overlapping or misalignment of interface elements, improves the stability and aesthetics of the user interface, and enhances the responsiveness and intuitiveness of the interface.

[0352] In the above embodiment, when the user performs corresponding operations on the adjustment controls in the element level adjustment area, the selected adjustment controls will be displayed in a highlighted form and distinguished from the unselected adjustment controls, as shown in Figure 22, which is a schematic diagram of the display effects of the adjustment controls in different states.

[0353] The element level adjustment area includes at least two adjustment controls, such as the topmost group adjustment control A2201 and the group adjustment control B2202 belonging to the group adjustment control A2201.

[0354] As shown in part 22-1, after the group adjustment control A2201 is selected, the group adjustment control A2201 will be displayed in a highlighted form; after the group adjustment control B2202 is selected, the group adjustment control B2202 will be displayed in a highlighted form.

[0355] Part 22-2 shows the display effects of different types of adjustment controls in different states, including: (1) the display state of the adjustment control not being selected; (2) the display state of the adjustment control being selected; (3) the display state of the adjustment control not being selected by long pressing, and the adjustment control can be dragged after long pressing; (4) the display state of a group adjustment control when other adjustment controls can be inserted into the group adjustment control; (5) the display state of a group adjustment control when other adjustment controls cannot be inserted into the group adjustment control.

[0356] Among them, the types of adjustment controls include the following: (1) Group adjustment control A2201: is the top-level group in the element hierarchy adjustment area, (2) Group adjustment control B2202: is a subgroup belonging to the group adjustment control A2201, (3) Component adjustment control C2203: is an adjustment control belonging to the group adjustment control B2202.

[0357] In some embodiments, creating a new subgroup in a group adjustment control, or selecting any number of adjustment control groups, can be achieved through the grouping control 2210.

[0358] As shown in part 22-3, if no adjustment control is selected, the grouping control 2210 is not displayed.

[0359] If an adjustment control is selected in the element-level adjustment area and the adjustment control can be grouped (eg, forming a group with other adjustment controls, generating a subgroup under the adjustment control, etc.), the grouping control 2210 is highlighted.

[0360] In some embodiments, there is a threshold for the number of levels of group adjustment controls. If an adjustment control is selected in the element level adjustment area and the adjustment control cannot be grouped (for example, the number of levels of the adjustment control reaches the threshold), the grouping control 2210 is displayed and a "cannot be grouped" prompt message is displayed.

[0361] FIG23 is a structural block diagram of a control adjustment device provided by an exemplary embodiment of the present application. As shown in FIG23 , the device includes the following parts.

[0362] An area display module 2310 is configured to display an element area and an element level adjustment area, wherein the element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control for adjusting a first virtual element of the at least two virtual elements;

[0363] A receiving module 2320 is configured to receive a sliding operation on the first adjustment control, the sliding operation including a first sliding component in the first direction and a second sliding component in the second direction, wherein the first direction and the second direction are different;

[0364] The adjustment display module 2330 is used to display the adjusted first adjustment control based on the first sliding component and the second sliding component, and to display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0365] In an optional embodiment, the adjustment display module 2330 is also used to determine the position of the first control in the first direction based on the first sliding component, the first control position corresponding to at least one candidate control; determine the second adjustment control among the at least one candidate control based on the second sliding component; and display the adjusted first adjustment control based on the control level to which the second adjustment control belongs, wherein the adjusted level of the first adjustment control is the same as the control level to which the second adjustment control belongs.

[0366] In an optional embodiment, the at least two adjustment controls respectively correspond to control performance features;

[0367] The adjustment display module 2330 is also used to switch the display of a highlight effect between the at least one candidate control as the control performance feature corresponding to the at least one candidate control based on the second sliding component; in response to the end of the second sliding component, the candidate control among the at least one candidate control whose control performance feature is the highlight effect is used as the second adjustment control.

[0368] In an optional embodiment, the control presentation feature includes a dividing line feature;

[0369] The adjustment display module 2330 is further configured to display the splitting line features of the selected candidate controls based on the second sliding component, and hide the splitting line features of the unselected candidate controls.

[0370] In an optional embodiment, the at least two adjustment controls respectively correspond to control performance features;

[0371] The adjustment display module 2330 is also used to determine a first control level from at least two control levels based on the second sliding component; the at least two control levels are a collection of levels to which the at least two adjustment controls respectively belong, and there is a subordinate relationship between the at least two control levels, and at least one adjustment control with the first control level has a first control performance characteristic; based on the first sliding component, a third adjustment control with the first control performance characteristic is determined in the first direction, and the third adjustment control has the first control level; based on the first control level to which the third adjustment control belongs, the adjusted first adjustment control is displayed, wherein the level of the first adjustment control after adjustment is the first control level corresponding to the third adjustment control.

[0372] In an optional embodiment, the adjustment control includes a component adjustment control and a group adjustment control, wherein a nested relationship exists between the group adjustment control and the component adjustment control, and the component adjustment control and the group adjustment control respectively correspond to control performance features;

[0373] The adjustment display module 2330 is also used to determine an insert control in the first direction based on the first sliding component; in response to the insert control belonging to the first group of adjustment controls and there being a nested relationship between the first group of adjustment controls and the second group of adjustment controls, determine an insertion position in the first group of adjustment controls and the second group of adjustment controls based on the second sliding component; and insert and display the adjusted first adjustment control in the element level adjustment area based on the insertion position.

[0374] In an optional embodiment, the adjustment display module 2330 is also used to, in response to the inserted control belonging to the first group of adjustment controls, and the first group of adjustment controls belonging to the second group of adjustment controls, switch between the inserted control, the first group of adjustment controls and the second group of adjustment controls based on the second sliding component to display a highlight effect as the control performance feature corresponding to the inserted control, the first group of adjustment controls and the second group of adjustment controls respectively; in a case where the control performance feature of the inserted control is a highlight effect, in response to the end of the second sliding component, determine that the insertion position belongs to the first group of adjustment controls, wherein the level of the first adjustment control after adjustment is the same as the level of the inserted control.

[0375] In an optional embodiment, the adjustment display module 2330 is also used to determine that the insertion position belongs to the second group of adjustment controls in response to the end of the second sliding component when the control display feature of the first group of adjustment controls is displayed as a highlight effect, wherein the level of the first adjustment control after adjustment is the same as the level of the first group of adjustment controls.

[0376] In an optional embodiment, the adjustment display module 2330, in response to the end of the second sliding component, determines that the insertion position is adjacent to the second group of adjustment controls when the control performance feature of the second group of adjustment controls is a highlight effect, wherein the level of the first adjustment control after adjustment is the same as the level of the second group of adjustment controls.

[0377] In an optional embodiment, the adjustment control includes a component adjustment control and a group adjustment control, wherein a nested relationship exists between the group adjustment control and the component adjustment control, and the component adjustment control includes a first group adjustment control and a second group adjustment control, wherein the first group adjustment control and the second group adjustment control include a component adjustment control;

[0378] The receiving module 2320 is also used to receive a group sliding operation on the first group of adjustment controls in the element level adjustment area; when the group sliding condition is met between the first group of adjustment controls and the second group of adjustment controls, the first group of adjustment controls are inserted and displayed in the second group of adjustment controls, wherein the group sliding condition means that after the first group of adjustment controls are inserted into the second group of adjustment controls, the level contained in the second group of adjustment controls is less than or equal to the level threshold.

[0379] In an optional embodiment, after the receiving module 2320, as shown in FIG24 , the apparatus further includes:

[0380] Keep displaying module 2340, used to cancel the position adjustment of the first adjustment control in the element level adjustment area and display the adjustment cancellation prompt information in response to the sliding distance corresponding to the sliding operation meeting the control adjustment cancellation condition; keep displaying the first adjustment control in the element level adjustment area and the first virtual element in the element area.

[0381] In an optional embodiment, the device further comprises:

[0382] The replacement display module 2350 is used to receive a sliding replacement operation on the first adjustment control, and the sliding replacement operation includes a third sliding component in the first direction and a fourth sliding component in the second direction; based on the third sliding component, the control to be replaced is determined in the first direction, wherein the control to be replaced corresponds to the second virtual element in the element area; based on the fourth sliding component, the control to be replaced is displayed with the first adjustment control, wherein the control to be replaced is cancelled in the element level adjustment area after replacement, and the level of the first adjustment control after replacement is the same as the level of the control to be replaced before replacement; based on the display in the element area of ​​the replaced first adjustment control, the second virtual element is replaced with the first virtual element.

[0383] In an optional embodiment, the device further comprises:

[0384] The folding display module 2360 is used to receive a control folding sliding operation in the element level adjustment area, and the control folding sliding operation includes a fifth sliding component in the first direction and a sixth sliding component in the second direction; based on the fifth sliding component, at least one candidate folding control is determined in the first direction; based on the sixth sliding component, the at least one candidate folding control is folded and displayed, wherein after the at least one candidate folding control is folded, a folding mark is correspondingly displayed in the element level adjustment area.

[0385] In summary, the device provided by the present application adjusts the position of the adjustment control based on a sliding operation, where the sliding operation corresponds to sliding components in a first direction and a second direction, respectively, and can achieve the purpose of accurately adjusting the control from at least two directions. When there are a large number of adjustment controls in the element-level adjustment area, there is no need to frequently collapse or expand the control list before adjusting the controls. Adjustments can be made based on sliding components in different directions of the same sliding operation, making the adjustment process more convenient and improving the efficiency of human-computer interaction.

[0386] It should be noted that the control adjustment device provided in the above embodiment is merely exemplified by the division of the aforementioned functional modules. In actual applications, the aforementioned functions can be assigned to different functional modules as needed, i.e., the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. Furthermore, the control adjustment device provided in the above embodiment and the control adjustment method embodiment are based on the same concept. The specific implementation process is detailed in the method embodiment and will not be repeated here.

[0387] FIG25 shows a block diagram of a computer device 2500 according to an exemplary embodiment of the present application. Computer device 2500 may be a smartphone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III), an MP4 player (Moving Picture Experts Group Audio Layer IV), a laptop computer, or a desktop computer. Computer device 2500 may also be referred to as a user device, a portable terminal, a laptop terminal, a desktop terminal, or other similar names.

[0388] Typically, the computer device 2500 includes a processor 2501 and a memory 2502 .

[0389] The processor 2501 may include one or at least two processing cores, such as a quad-core processor, an octa-core processor, etc. The processor 2501 may be implemented in at least one hardware form of a DSP (Digital Signal Processing), an FPGA (Field-Programmable Gate Array), or a PLA (Programmable Logic Array). The processor 2501 may also include a main processor and a coprocessor. The main processor is a processor for processing data in the awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In some embodiments, the processor 2501 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 2501 may also include an AI (Artificial Intelligence) processor, which is used to process computing operations related to machine learning.

[0390] The memory 2502 may include one or at least two computer-readable storage media, which may be non-transitory. The memory 2502 may also include a high-speed random access memory and a non-volatile memory, such as one or at least two disk storage devices or flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 2502 is used to store at least one instruction, which is executed by the processor 2501 to implement the control adjustment method provided in the method embodiment of the present application.

[0391] In some embodiments, the computer device 2500 also includes other components. Those skilled in the art will understand that the structure shown in Figure 25 does not constitute a limitation on the computer device 2500. It may include more or fewer components than shown in the figure, or combine certain components, or adopt a different component arrangement.

[0392] Optionally, the computer-readable storage medium may include: a read-only memory (ROM), a random access memory (RAM), a solid-state drive (SSD), or an optical disk. Among them, the random access memory may include a resistance random access memory (ReRAM) and a dynamic random access memory (DRAM). The serial numbers of the above embodiments of the present application are for description only and do not represent the advantages or disadvantages of the embodiments.

[0393] An embodiment of the present application also provides a computer device, which includes a processor and a memory, wherein the memory stores at least one instruction, at least one program, a code set, or an instruction set, and the at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by the processor to implement a control adjustment method as described in any of the above embodiments of the present application.

[0394] An embodiment of the present application also provides a computer-readable storage medium, which stores at least one instruction, at least one program, a code set or an instruction set. The at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by a processor to implement a control adjustment method as described in any of the above embodiments of the present application.

[0395] The present application also provides a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform any of the control adjustment methods described in the above embodiments.

[0396] Those skilled in the art will understand that all or part of the steps to implement the above embodiments may be accomplished by hardware, or by a program to instruct the relevant hardware, and the program may be stored in a computer-readable storage medium, which may be a read-only memory, a disk, or an optical disk, etc.

[0397] The above description is merely an optional embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the present application shall be included in the scope of protection of the present application.

Claims

1. A control adjustment method, executed by a computer device, comprising: An element area and an element level adjustment area are displayed, wherein the element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control, and the first adjustment control is used to adjust a first virtual element of the at least two virtual elements; receiving a sliding operation on the first adjustment control, the sliding operation comprising a first sliding component in the first direction and a second sliding component in a second direction, wherein the first direction and the second direction are different; The adjusted first adjustment control is displayed based on the first sliding component and the second sliding component, and the first virtual element with adjusted level is displayed in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

2. The method according to claim 1, wherein The displaying the adjusted first adjustment control based on the first sliding component and the second sliding component includes: determining a first control position in the first direction based on the first sliding component, where the first control position corresponds to at least one candidate control; determining a second adjustment control from the at least one candidate control based on the second sliding component; The adjusted first adjustment control is displayed based on the control level to which the second adjustment control belongs, wherein the level of the first adjustment control after adjustment is the same as the control level to which the second adjustment control belongs.

3. The method according to claim 1 or 2, wherein: The at least two adjustment controls respectively correspond to control performance features; The determining a second adjustment control from the at least one candidate control based on the second sliding component includes: Based on the second sliding component, switching between the at least one candidate control to display a highlight effect as a control performance feature respectively corresponding to the at least one candidate control; In response to the end of the second sliding component, a candidate control whose control performance characteristic is the highlight effect among the at least one candidate control is used as the second adjustment control.

4. The method according to any one of claims 1 to 3, wherein: The control performance characteristics include a dividing line feature; The switching, based on the second sliding component, of displaying a highlight effect between the at least one candidate control as a control performance feature corresponding to each of the at least one candidate control includes: The splitting line features of the selected candidate controls are displayed based on the second sliding component, and the splitting line features of the unselected candidate controls are hidden.

5. The method according to any one of claims 1 to 4, wherein: The at least two adjustment controls respectively correspond to control performance features; The displaying the adjusted first adjustment control based on the first sliding component and the second sliding component includes: Determining a first control level from at least two control levels based on the second sliding component; the at least two control levels are a set of levels to which the at least two adjustment controls respectively belong, a subordinate relationship exists between the at least two control levels, and at least one adjustment control of the first control level has a first control performance characteristic; determining, based on the first sliding component, a third adjustment control having the first control expression feature in the first direction, the third adjustment control having the first control level; The adjusted first adjustment control is displayed based on the first control level to which the third adjustment control belongs, wherein the level of the first adjustment control after adjustment is the first control level corresponding to the third adjustment control.

6. The method according to any one of claims 1 to 5, wherein: The adjustment control includes a component adjustment control and a group adjustment control, wherein the group adjustment control and the component adjustment control are in a nested relationship, and the component adjustment control and the group adjustment control respectively correspond to control performance features; The displaying the adjusted first adjustment control based on the first sliding component and the second sliding component includes: determining to insert a control in the first direction based on the first sliding component; In response to the insertion control belonging to a first group of adjustment controls and a nested relationship between the first group of adjustment controls and the second group of adjustment controls, determining an insertion position in the first group of adjustment controls and the second group of adjustment controls based on the second sliding component; The adjusted first adjustment control is inserted and displayed in the element level adjustment area based on the insertion position.

7. The method according to any one of claims 1 to 6, wherein: In response to the insertion control belonging to a first group of adjustment controls and a nested relationship between the first group of adjustment controls and the second group of adjustment controls, determining an insertion position in the first group of adjustment controls and the second group of adjustment controls based on the second sliding component includes: In response to the inserted control belonging to the first group of adjustment controls, and the first group of adjustment controls belonging to the second group of adjustment controls, switching, based on the second sliding component, displaying a highlight effect as a control presentation feature corresponding to the inserted control, the first group of adjustment controls, and the second group of adjustment controls, respectively; In a case where the control display feature of the inserted control is displayed as a highlight effect, in response to the end of the second sliding component, it is determined that the insertion position belongs to the first group of adjustment controls, wherein the level of the first adjustment control after adjustment is the same as the level of the inserted control.

8. The method according to any one of claims 1 to 7, wherein: The method further comprises: In a case where the control performance characteristic of the first group of adjustment controls is a highlight effect, in response to the end of the second sliding component, it is determined that the insertion position belongs to the second group of adjustment controls, wherein the level of the first adjustment control after adjustment is the same as the level of the first group of adjustment controls.

9. The method according to any one of claims 1 to 7, wherein: The method further comprises: In a case where the control performance feature of the second group of adjustment controls is a highlight effect, in response to the end of the second sliding component, the insertion position is determined to be adjacent to the second group of adjustment controls, wherein the level of the first adjustment control after adjustment is the same as the level of the second group of adjustment controls.

10. The method according to any one of claims 1 to 9, wherein: The adjustment controls include component adjustment controls and group adjustment controls, wherein a nested relationship exists between the group adjustment controls and the component adjustment controls, and the component adjustment controls include a first group adjustment control and a second group adjustment control, wherein the first group adjustment controls and the second group adjustment controls include component adjustment controls; The method further comprises: receiving a group sliding operation on the first group of adjustment controls in the element level adjustment area; When a group sliding condition is met between the first group of adjustment controls and the second group of adjustment controls, the first group of adjustment controls are inserted and displayed in the second group of adjustment controls, wherein the group sliding condition means that after the first group of adjustment controls are inserted into the second group of adjustment controls, the levels contained in the second group of adjustment controls are less than or equal to the level threshold.

11. The method according to any one of claims 1 to 10, wherein: After receiving the sliding operation on the first adjustment control, the method further includes: In response to the sliding distance corresponding to the sliding operation meeting the control adjustment cancellation condition, canceling the position adjustment of the first adjustment control in the element level adjustment area and displaying an adjustment cancellation prompt message; The first adjustment control in the element level adjustment area and the first virtual element in the element area are kept displayed.

12. The method according to any one of claims 1 to 11, wherein: The method further comprises: receiving a sliding replacement operation on the first adjustment control, the sliding replacement operation including a third sliding component in the first direction and a fourth sliding component in the second direction; determining a control to be replaced in the first direction based on the third sliding component, wherein the control to be replaced corresponds to a second virtual element in the element area; Replacing the to-be-replaced control with the first adjustment control based on the fourth sliding component display, wherein the to-be-replaced control is canceled from display in the element level adjustment area after replacement, and the level of the first adjustment control after replacement is the same as the level of the to-be-replaced control before replacement; The second virtual element is replaced with the first virtual element displayed in the element area based on the replaced first adjustment control.

13. The method according to any one of claims 1 to 12, wherein: The method further comprises: receiving a control retracting sliding operation in the element level adjustment area, the control retracting sliding operation including a fifth sliding component in the first direction and a sixth sliding component in the second direction; determining at least one candidate retractable control in the first direction based on the fifth sliding component; The at least one candidate retractable control is retracted and displayed based on the sixth sliding component, wherein after the at least one candidate retractable control is retracted, a retractable mark is correspondingly displayed in the element level adjustment area.

14. A control adjustment device, comprising: an area display module, configured to display an element area and an element level adjustment area, wherein the element area includes at least two virtual elements, and the element level adjustment area includes at least two adjustment controls arranged in a first direction, wherein the at least two adjustment controls include a first adjustment control for adjusting a first virtual element of the at least two virtual elements; a receiving module, configured to receive a sliding operation on the first adjustment control, the sliding operation comprising a first sliding component in the first direction and a second sliding component in the second direction, wherein the first direction and the second direction are different directions; An adjustment display module is used to display the adjusted first adjustment control based on the first sliding component and the second sliding component, and to display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

15. The device according to claim 14, wherein The adjustment display module is also used to determine the position of a first control in the first direction based on the first sliding component, the first control position corresponding to at least one candidate control; determine a second adjustment control among the at least one candidate control based on the second sliding component; and display the adjusted first adjustment control based on the control level to which the second adjustment control belongs, wherein the adjusted level of the first adjustment control is the same as the control level to which the second adjustment control belongs.

16. The device according to claim 14 or 15, wherein The at least two adjustment controls respectively correspond to control performance features; The adjustment display module is further configured to switch, based on the second sliding component, display a highlight effect between the at least one candidate control as a control performance feature corresponding to each of the at least one candidate control; In response to the end of the second sliding component, a candidate control whose control performance characteristic is the highlight effect among the at least one candidate control is used as the second adjustment control.

17. The device according to any one of claims 14 to 16, wherein: The control performance characteristics include a dividing line feature; The adjustment display module is further configured to display the dividing line features of the selected candidate controls based on the second sliding component, and hide the dividing line features of the unselected candidate controls.

18. A computer device comprising a processor and a memory, wherein the memory stores at least one program, and the at least one program is loaded and executed by the processor to implement the control adjustment method according to any one of claims 1 to 13.

19. A computer-readable storage medium, wherein at least one program is stored in the storage medium, and the at least one program is loaded and executed by a processor to implement the control adjustment method according to any one of claims 1 to 13.

20. A computer program product, comprising a computer program, wherein when the computer program is executed by a processor, the control adjustment method according to any one of claims 1 to 13 is implemented.

Images