Control editing method and device and electronic equipment

Abstract

The invention provides a control editing method and device and electronic equipment, in response to a control editing instruction, a canvas list and a control list are displayed in a graphical user interface, the canvas list comprises at least one canvas used for constructing a game interface, at least one control is arranged in the canvas, and the control list is used for editing the control. The control list is used for displaying a control identifier corresponding to a control set in the current selected canvas; in response to a selection operation for a first canvas in the canvas list, controlling to display a control identifier corresponding to a control set in the first canvas in the control list; and in response to dragging a control identifier corresponding to a target control set in the first canvas to the position of a second canvas in the canvas list, controlling to set the target control in the second canvas. According to the method, the original overlong painting and deploying control table is split into the painting canvas list and the control list, so that the quick transfer of the control between the painting canvas and the quick jump between the painting canvas can be realized, and the repeated unfolding and folding operation in the painting and deploying control table is avoided.

Description

Technical Field

[0001] The present disclosure relates to the technical field of game design, and in particular to a control editing method, device and electronic device. Background Art

[0002] In the UGC (User Generated Content) editor, players usually use a large number of canvases and place a large number of controls in each canvas to build different game interfaces and realize fast switching between interfaces. In the related art, a canvas control list that combines canvases and controls is provided in the UGC editor. The canvas control list includes multiple canvases. Clicking a canvas can display the controls corresponding to the canvas and the hierarchical relationship between the controls. When the player needs to transfer the target control in the first canvas to the second canvas, it is necessary to expand the first canvas in the canvas control list to display the controls corresponding to the first canvas in the canvas control list, and then find the target control and drag the target control in the canvas control list until the target control is dragged to the position of the second canvas in the canvas control list to end the drag, so as to set the target control in the second canvas. In this method, since the canvas control list is long and the canvases in the canvas control list need to be continuously expanded or collapsed, the operation is relatively cumbersome when transferring controls between canvases, and the control cannot be quickly transferred. Summary of the invention

[0003] The purpose of the present disclosure is to provide a control editing method, device and electronic device to improve the efficiency of transferring controls between canvases.

[0004] In a first aspect, the present disclosure provides a control editing method, which provides a graphical user interface through a terminal device, the method comprising: in response to a control editing instruction, controlling the display of a canvas list and a control list in the graphical user interface; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, and at least one control is set in the canvas, and the control list is used to display a control identifier corresponding to the control set in the currently selected canvas; in response to a selection operation on a first canvas in the canvas list, controlling the display of a control identifier corresponding to the control set in the first canvas in the control list; in response to dragging the control identifier corresponding to the target control set in the first canvas to the position of a second canvas in the canvas list, controlling the target control to be set in the second canvas.

[0005] In a second aspect, the present disclosure provides a control editing device, which provides a graphical user interface through a terminal device, and the device includes: a list display module, which is used to control the display of a canvas list and a control list in the graphical user interface in response to a control editing instruction; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, and at least one control is set in the canvas, and the control list is used to display a control identifier corresponding to the control set in the currently selected canvas; a control display module, which is used to control the display of a control identifier corresponding to the control set in the first canvas in response to a selection operation on the first canvas in the canvas list; and a control setting module, which is used to control the setting of the target control in the second canvas in response to dragging the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list.

[0006] In a third aspect, the present disclosure provides an electronic device, which includes a processor and a memory, wherein the memory stores machine executable instructions that can be executed by the processor, and the processor executes the machine executable instructions to implement the above-mentioned control editing method.

[0007] In a fourth aspect, the present disclosure provides a computer-readable storage medium storing computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the above-mentioned control editing method.

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

[0009] The present disclosure provides a control editing method, device and electronic device, which first responds to a control editing instruction, controls the display of a canvas list and a control list in a graphical user interface; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, at least one control is set in the canvas, and the control list is used to display a control identifier corresponding to the control set in the currently selected canvas; then responds to the selection operation of the first canvas in the canvas list, controls the display of the control identifier corresponding to the control set in the first canvas in the control list; then responds to dragging the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list, controls the setting of the target control in the second canvas. This method splits the original overly long canvas control table into a canvas list and a control list, thereby realizing the rapid transfer of controls between canvases and rapid jumps between canvases, avoiding the repeated expansion and collapse operations in the canvas control table, and simplifying the player's operation path.

[0010] Other features and advantages of the present disclosure will be set forth in the following description, or some features and advantages may be inferred or unambiguously determined from the description, or may be learned by implementing the above-mentioned technology of the present disclosure.

[0011] In order to make the above-mentioned objectives, features and advantages of the present disclosure more obvious and easy to understand, the following specifically cites preferred implementation modes and describes them in detail with reference to the attached drawings. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0013] Figure 1 A flowchart of a control editing method provided by an embodiment of the present disclosure;

[0014] Figure 2 A schematic diagram of displaying a canvas list and a control list provided in an embodiment of the present disclosure;

[0015] Figure 3 A schematic diagram of dragging a target control set in a first canvas to a position of a second canvas in a canvas list provided in an embodiment of the present disclosure;

[0016] Figure 4 A schematic diagram of the structure of a control editing device provided by an embodiment of the present disclosure;

[0017] Figure 5 A schematic diagram of the structure of an electronic device provided in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0018] In order to make the purpose, technical solutions and advantages of the embodiments of the present disclosure clearer, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are part of the embodiments of the present disclosure, rather than all the embodiments. The components of the embodiments of the present disclosure described and shown in the drawings here can be arranged and designed in various different configurations.

[0019] Therefore, the following detailed description of the embodiments of the present disclosure provided in the accompanying drawings is not intended to limit the scope of the present disclosure claimed for protection, but merely represents selected embodiments of the present disclosure. Based on the embodiments in the present disclosure, all other embodiments obtained by ordinary technicians in the field without creative work are within the scope of protection of the present disclosure.

[0020] The control list in the UI editor needs to meet the needs of players to quickly view controls and adjust the control level. In existing games, only one canvas and a list of controls are provided. When players need to transfer controls to another new canvas, it often takes about 10 seconds to drag the controls from the top of the control list to the bottom of the control list. It is also impossible to directly adjust the level of the controls in the new canvas, resulting in a poor editing experience for players.

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

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

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

[0024] In a possible implementation, the present disclosure provides a control editing method, which provides a graphical user interface through a terminal device, such as Figure 1 As shown, the method comprises the following steps:

[0025] Step S102, in response to the control editing instruction, controlling the display of a canvas list and a control list in a graphical user interface; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, at least one control is set in the canvas, and the control list is used to display a control identifier corresponding to the control set in the currently selected canvas.

[0026] In a specific implementation, the terminal device may be the local terminal device mentioned above, or the client device in the cloud interaction system mentioned above. For example, the terminal device may be a mobile phone, a tablet computer, a personal computer, or a game console. The terminal device displays the graphical user interface corresponding to the target game by running the game program corresponding to the target game. The target game may be a mobile game, a terminal game, or a console game. The display content in the graphical user interface may be determined according to the game rules and the player's operation. For example, the graphical user interface may display a control editing page, and may also display at least part of the scene screen of the game scene.

[0027] The triggering method corresponding to the above-mentioned control editing instruction can be determined according to the game rules. For example, the control editing instruction can be triggered after entering the game editor, or it can be triggered by triggering a specified control displayed in the graphical user interface. When the player triggers the control editing instruction, the canvas list and the control list will be displayed in the graphical user interface respectively; wherein the canvas list is used to display the canvas, and the control list is used to display the control identifier corresponding to the control set in the currently selected canvas and the hierarchical relationship between the controls. Each canvas is provided with one or more controls, which are controls that players can operate during the game, or display controls that receive information or notifications, etc.; each control is configured with a corresponding interactive function, which can be determined according to research and development needs. For example, after the jump control is triggered, the controlled virtual object in the game can be controlled to jump, and after the movement control is triggered, the controlled virtual object can be controlled to move, etc.

[0028] It should be noted that, in order to reduce rendering pressure, what is displayed in the canvas list is not the actual canvas body, but the canvas identifier corresponding to the canvas, which includes at least one of the following: canvas thumbnail, canvas name and canvas label. What is displayed in the control list is not the actual control model, but the control identifier corresponding to the control, which includes at least one of the following: control number, control name and control indicator shape, etc.

[0029] like Figure 2 FIG. 1 is a schematic diagram showing a display of a canvas list and a control list provided by an embodiment of the present disclosure. Figure 2 The first column in the right half of the graphical user interface displays a canvas list, which includes canvas identifiers corresponding to multiple canvases, and the canvas identifier consists of a canvas thumbnail and a canvas name; Figure 2 The second column in the right half of the graphical user interface shows a control list, which shows the control identifiers corresponding to the controls set in the first canvas and the hierarchical relationship between the controls. The control identifier consists of a control name and a control indicator shape. The canvas name corresponding to each canvas and the control name corresponding to each control can be determined according to the player's settings.

[0030] Step S104, in response to a selection operation on a first canvas in the canvas list, controlling the display of control identifiers corresponding to controls set in the first canvas in the control list.

[0031] In specific implementation, the specific operation corresponding to the above selection operation can be determined according to research and development requirements. For example, on the mobile phone side, the selection operation can be a click operation, a slide operation, or a long press operation on the first canvas displayed in the canvas list; on the computer side, the selection operation can be an operation of selecting or clicking the first canvas in the canvas list by using a mouse or a designated key on the keyboard; on the game console side, the selection operation can be an operation of clicking the first canvas in the canvas list by using a game controller, etc. The first canvas can be any canvas displayed in the canvas list.

[0032] When the player performs a selection operation on the first canvas in the canvas list, the first canvas in the canvas list will be selected, the first canvas in the canvas list will be displayed in a selected state, and the control identifiers corresponding to the controls set in the first canvas and the hierarchical relationship between the controls will be displayed in the control list. The selected state can be to display the canvas identifier corresponding to the first canvas in the canvas list in a specified color or a specified shape.

[0033] Step S106 , in response to dragging a control identifier corresponding to a target control set in the first canvas to a position of the second canvas in the canvas list, controlling to set the target control in the second canvas.

[0034] In a specific implementation, the second canvas can be any canvas in the canvas list except the first canvas. When the player wants to adjust the target control in the first canvas to the second canvas, it is necessary to drag the control identifier corresponding to the target control set in the first canvas displayed in the control list to the area where the second canvas is located in the canvas list, so that the target control set in the first canvas can be transferred to the second canvas, or the target control set in the first canvas can be copied to the second canvas. Among them, the target control can be any control set in the first canvas, and the specific control can be determined according to the player's operation.

[0035] A control editing method provided by an embodiment of the present disclosure splits an original overly long canvas control list into a canvas list and a control list, thereby enabling fast transfer of controls between canvases and fast jumps between canvases, avoiding repeated expansion and collapse operations in the canvas control list, and simplifying the player's operation path.

[0036] The following embodiments are used to describe a method of setting a target control in a first canvas to a second canvas.

[0037] In an optional embodiment, the specific process of controlling setting the target control in the second canvas in response to dragging the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list may include: in response to dragging the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list, determining an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; if the operation parameter satisfies the first parameter condition, in response to a release instruction, controlling setting the target control in the second canvas.

[0038] In specific implementation, the specific parameters corresponding to the above-mentioned operation parameters can be determined according to research and development requirements. For example, the operation parameter can be the hovering duration or hovering position of the control identifier corresponding to the target control on the second canvas in the canvas list. The above-mentioned first parameter condition can be determined according to research and development requirements. For example, the first parameter condition can be that the parameter value corresponding to the operation parameter is less than the first parameter threshold, or it can be greater than or equal to the first parameter threshold, etc. The specific value corresponding to the first parameter threshold can be determined according to research and development requirements. The triggering method corresponding to the above-mentioned release instruction can be determined according to research and development requirements. For example, the triggering method of the release instruction can be to end the dragging of the control identifier corresponding to the target control, or it can be to trigger a preset control of the graphical user interface, etc.

[0039] For example, if the operation parameter is the hovering duration, and the first parameter condition is that the hovering duration is less than the first preset duration (equivalent to the first parameter threshold value mentioned above), then when the control identifier corresponding to the target control set in the first canvas is dragged to the position of the second canvas in the canvas list, it is necessary to count the hovering duration of the control identifier corresponding to the target control at the position of the second canvas in the canvas list, that is, the duration of the dragging operation of the control identifier corresponding to the target control at the position of the second canvas in the canvas list. If the hovering duration is less than the first preset duration and the player ends the dragging operation, the target control is directly set in the second canvas. The specific duration corresponding to the above-mentioned first preset duration can be determined according to research and development needs. For example, the first preset duration can be 1 second or 2 seconds.

[0040] In actual applications, if the operation parameter meets the first parameter condition, in response to the release instruction, the target control is set in the second canvas at the same position as the setting position of the target control in the first canvas, that is, the setting position of the target control in the second canvas is the same as the setting position of the target control in the first canvas, so that the display level of the target control in the second canvas is the same as the display level of the target control in the first canvas. This method simplifies the operation process of transferring the target control from the first canvas to the second canvas, which is conducive to improving the transfer efficiency of controls between canvases.

[0041] like Figure 3 The diagram is a schematic diagram showing the process of dragging the target control set in the first canvas to the location of the second canvas in the canvas list. Figure 3 The control identifier corresponding to the finger position in the control list is the control identifier corresponding to the target control. The display state of the control identifier corresponding to the target control is different from the display state of other control identifiers that are not dragged. Drag the control identifier corresponding to the target control along the direction of the arrow to the position of the second canvas in the canvas list, that is, slide the finger from the position of the control identifier corresponding to the target control in the control list to the position of the second canvas in the canvas list.

[0042] In another optional embodiment, the specific process of controlling setting the target control in the second canvas in response to dragging the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list may include: in response to dragging the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list, determining the operation parameters of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; if the operation parameters meet the second parameter condition, controlling the selection of the second canvas in the canvas list, and switching the control identifier displayed in the control list to the control identifier corresponding to the control set in the second canvas; in response to releasing the operation instruction, controlling the target control to be set in the second canvas.

[0043] In specific implementation, the above-mentioned second parameter condition is different from the first parameter condition, and the second parameter condition can be determined according to research and development needs. For example, the second parameter condition can be that the parameter value corresponding to the operating parameter is greater than or equal to the first parameter threshold, or it can be less than the first parameter threshold, etc. The specific numerical value corresponding to the first parameter threshold can be determined according to research and development needs.

[0044] For example, if the operation parameter is the hovering duration, and the second parameter condition is that the hovering duration is greater than or equal to the first preset duration (equivalent to the first parameter threshold value mentioned above), then when the control identifier corresponding to the target control set in the first canvas is dragged to the position of the second canvas in the canvas list, it is necessary to count the hovering duration of the control identifier corresponding to the target control at the position of the second canvas in the canvas list. If the hovering duration is greater than or equal to the first preset duration, the currently selected first canvas will be switched to the second canvas, and the controls corresponding to the controls set in the second canvas and the hierarchical relationship between the controls will be displayed in the control list. At this time, the dragging of the control identifier corresponding to the target control ends, and the target control will be set in the second screen.

[0045] In a specific embodiment, if the operation parameter satisfies the second parameter condition, in response to the release instruction, the target control is set at the same position in the second canvas as its setting position in the first canvas, that is, the setting position of the target control in the second canvas is the same as the setting position of the target control in the first canvas, so that the display level of the target control in the second canvas is the same as the display level of the target control in the first canvas.

[0046] In another specific embodiment, if the operation parameter satisfies the second parameter condition, in response to a drag operation starting from the position of the second canvas in the canvas list at which the control identifier corresponding to the target control is located and ending at the target position in the control list, a release operation instruction is triggered; based on the target position, the target control is set in the second canvas.

[0047] In a specific implementation, the above-mentioned release operation instruction is triggered by ending the drag operation, and the end position corresponding to the end drag operation is also the target position in the control list, and the target position can be any position in the control list. Specifically, when the target control set in the first canvas is dragged to the position of the second canvas in the canvas list, if the parameter of the target control at the position of the second canvas in the canvas list meets the second parameter condition, the currently selected first canvas will be switched to the second canvas, and the control identifier corresponding to the control set in the second canvas and the hierarchical relationship between the controls will be displayed in the control list. Then, the player continues to drag the target control to move the control identifier corresponding to the target control from the position of the second canvas in the canvas list to the control list display area, so that the display level of the control identifier corresponding to the target control in the second canvas can be selected, that is, the setting position of the target control in the second canvas can be selected. This method simplifies the adjustment method of the control display level when the control is transferred in the canvas.

[0048] Furthermore, the specific process of setting the target control in the second canvas based on the target position may include: determining the target level of the target control in the second canvas based on the target position; and setting the target control at a display position corresponding to the target level in the second canvas.

[0049] In specific implementation, the target position in the above control list can be any position in the control list. Usually, the controls corresponding to different positions in the control list represent different setting positions and display levels of the controls in the second canvas. Therefore, the player can drag the target control to move on the control list, select the display level of the target control in the control list, and thus indirectly select the setting position of the target control in the second canvas.

[0050] In the above method, when transferring controls from the first canvas to the second canvas through the canvas list and the control list, the control hierarchy in the second canvas can be immediately viewed, and the order of the currently dragged control in the second canvas can be adjusted, thereby quickly transferring controls while improving the efficiency of adjusting the control hierarchy.

[0051] At the same time, the technical solution disclosed in the present invention greatly simplifies the player's operation path, reducing the time for transferring controls from the first canvas to the second canvas from an average of 10 seconds in the prior art solution to 2 seconds, and provides a function for quickly adjusting the level of controls in the target canvas during the control transfer process.

[0052] The following embodiments are used to describe the method of dragging a control and the method of sliding a control list.

[0053] In an optional embodiment, when a canvas list and a control list are displayed in a graphical user interface, in response to a trigger operation of a control identifier corresponding to a target control set in the first canvas, a trigger parameter corresponding to the trigger operation is determined; if the trigger parameter satisfies a third parameter condition, the trigger operation is determined to be dragging the control identifier corresponding to the target control to move.

[0054] In a specific implementation, the trigger operation for the control identifier corresponding to the target control set in the first canvas may be a click operation or a press operation on the location of the control identifier corresponding to the target control set in the first canvas. The specific parameters corresponding to the trigger parameters may be determined according to R&D requirements. For example, the trigger parameters may be the trigger duration or trigger position for the control identifier corresponding to the target control. The third parameter condition may be determined according to R&D requirements. For example, the third parameter condition may be that the parameter value corresponding to the trigger parameter is greater than or equal to the second parameter threshold, or may be less than the second parameter threshold, etc. The specific value corresponding to the second parameter threshold may be determined according to R&D requirements.

[0055] In another optional embodiment, if the trigger parameter satisfies the fourth parameter condition, the trigger operation is determined to be a sliding control list. Specifically, the fourth parameter condition is different from the third parameter condition, and the fourth parameter condition can be determined according to research and development requirements. For example, the fourth parameter condition can be that the parameter value corresponding to the trigger parameter is less than the second parameter threshold, or can be greater than or equal to the second parameter threshold, etc. The specific value corresponding to the second parameter threshold can be determined according to research and development requirements.

[0056] For example, if the trigger parameter is the trigger duration, and the third parameter condition is that the trigger duration is greater than or equal to the second preset duration (equivalent to the second parameter threshold value), when the trigger duration of the control identifier corresponding to the target control set in the first canvas is greater than or equal to the second preset duration, it is determined that the operation intention corresponding to the trigger operation is to drag the control identifier corresponding to the target control to move, so that the player can drag the control identifier corresponding to the target control to a certain canvas position in the canvas list, or drag the control identifier corresponding to the target control to move on the control list to adjust the display level, sorting or setting position of the control identifier corresponding to the target control in the first canvas. Specifically, the second preset duration can be determined according to research and development needs. For example, the second preset duration can be 0.2 seconds or 0.3 seconds, etc.

[0057] If the trigger duration is less than the second preset duration, it is determined that the trigger operation is sliding the control list. Specifically, since the display area of ​​the control list in the graphical user interface is limited, the content currently displayed in the control list displayed in the graphical user interface may not be all the content that the control list needs to display. Therefore, by sliding the control list up and down, the content that is not currently displayed in the control list can be displayed in the graphical user interface, which helps players better understand the display hierarchy and setting position between the controls set on a certain canvas.

[0058] In an optional embodiment, if the trigger parameter of the trigger operation of the control identifier corresponding to the target control set in the first canvas by the player meets the third parameter condition, in response to a drag operation with the contact position of the trigger operation as the starting point and the first position in the control list as the end point, the display level of the target control in the first canvas is adjusted based on the first position.

[0059] In specific implementation, the first position in the above control list can be any position in the control list. Usually, the control identifiers corresponding to different positions in the control list indicate that the control corresponding to the control identifier is also set at a different position and display level in the first canvas. Therefore, the player can drag the control identifier corresponding to the target control to move on the control list, select the display level of the target control in the control list, and thus indirectly select the setting position of the target control in the first canvas.

[0060] The following embodiments are used to describe a method for adjusting displayed content in a graphical user interface.

[0061] Specifically, in response to a selection operation on a first canvas in the canvas list, a control layout corresponding to the first canvas is controlled to be displayed in the graphical user interface.

[0062] In the specific implementation, when the player selects the first canvas in the canvas list, not only will the first canvas in the canvas list be displayed in a selected state, but the control layout corresponding to the first canvas will also be displayed in the graphical user interface, so that the player can view the page design of the first canvas in real time, thereby facilitating the player to adjust the controls set in the first canvas.

[0063] In a specific embodiment, when the first canvas in the canvas list is selected, the control layout corresponding to the first canvas can be displayed in a blank area outside the canvas list and the control list displayed in the graphical user interface; the control layout corresponding to the first canvas can also be displayed in the entire interface corresponding to the graphical user interface, but the display level of the canvas list and the control list is higher than the control layout corresponding to the first canvas, so that the canvas list and the control list are displayed above the control layout corresponding to the first canvas, such as Figure 2 The picture below the canvas list and the control list in the graphical user interface display hierarchy is the control layout corresponding to the first canvas, and the control layout includes the specific display position of each control in the first canvas.

[0064] Based on the above description, in response to dragging a control identifier corresponding to a target control set in the first canvas to the position of the second canvas in the canvas list, the control layout displayed in the graphical user interface is controlled to be switched to the control layout corresponding to the second canvas, and the target control is displayed in the control layout corresponding to the second canvas.

[0065] In the specific implementation, the control layout displayed in the graphical user interface matches the control layout corresponding to the canvas currently selected in the canvas list, that is, the control layout corresponding to the canvas selected by the player in the canvas list will be displayed in the graphical user interface.

[0066] Corresponding to the above method embodiment, the embodiment of the present disclosure also provides a control editing device, which provides a graphical user interface through a terminal device, such as Figure 4 As shown, the device comprises:

[0067] The list display module 40 is used to control the display of a canvas list and a control list in a graphical user interface in response to a control editing instruction; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, and at least one control is set in the canvas, and the control list is used to display the control identifier corresponding to the control set in the currently selected canvas.

[0068] The control display module 41 is used to respond to a selection operation on a first canvas in the canvas list and control the display of control identifiers corresponding to controls set in the first canvas in the control list.

[0069] The control setting module 42 is used for controlling setting of the target control in the second canvas in response to dragging a control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list.

[0070] The above-mentioned control editing device splits the original overly long canvas control table into a canvas list and a control list, thereby realizing the rapid transfer of controls between canvases and rapid jumps between canvases, avoiding repeated expansion and collapse operations in the canvas control table, and simplifying the player's operation path.

[0071] Further, the control setting module 42 is used to: in response to dragging a control identifier corresponding to a target control set in the first canvas to a position of the second canvas in the canvas list, determine an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; if the operation parameter satisfies a first parameter condition, in response to a release instruction, control setting the target control in the second canvas.

[0072] Further, the control setting module 42 is further configured to: in response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, determine an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; if the operation parameter satisfies a second parameter condition, control the selection of the second canvas in the canvas list, and switch the control identifier displayed in the control list to the control identifier corresponding to the control set in the second canvas; in response to releasing the operation instruction, control the setting of the target control in the second canvas.

[0073] Furthermore, the setting position of the target control in the second canvas is the same as the setting position of the target control in the first canvas.

[0074] Furthermore, the control setting module 42 is also used to: in response to a drag operation with the position of the second canvas corresponding to the control identifier of the target control in the canvas list as the starting point and the target position in the control list as the end point, trigger a release operation instruction; and set the target control in the second canvas based on the target position.

[0075] Furthermore, the control setting module 42 is further used to: determine the target level of the target control in the second canvas based on the target position; and set the target control at a display position corresponding to the target level in the second canvas.

[0076] In a specific implementation, the above-mentioned device also includes a control trigger module, which is used to: respond to a trigger operation of a control identifier corresponding to a target control set in the first canvas, and determine a trigger parameter corresponding to the trigger operation; if the trigger parameter satisfies a third parameter condition, determine that the trigger operation is to drag the control identifier corresponding to the target control to move.

[0077] Furthermore, the control trigger module is also used to: if the trigger parameter satisfies a fourth parameter condition, determine that the trigger operation is a sliding control list.

[0078] Furthermore, the above-mentioned device also includes a level adjustment module, which is used to: in response to a drag operation with the contact position of the triggering operation as the starting point and the first position in the control list as the end point, adjust the display level of the target control in the first canvas based on the first position.

[0079] Furthermore, the above-mentioned device also includes a layout display module, which is used to: respond to a selection operation on a first canvas in the canvas list, and control the display of a control layout corresponding to the first canvas in the graphical user interface.

[0080] Furthermore, the above-mentioned device also includes a display switching module, which is used to: in response to dragging a control identifier corresponding to a target control set in the first canvas to the position of the second canvas in the canvas list, control the control layout displayed in the graphical user interface to be switched to the control layout corresponding to the second canvas, and display the target control in the control layout corresponding to the second canvas.

[0081] The control editing device provided in the embodiment of the present disclosure has the same implementation principle and technical effects as those of the aforementioned method embodiment. For the sake of brief description, for matters not mentioned in the device embodiment, reference may be made to the corresponding contents in the aforementioned method embodiment.

[0082] The present disclosure also provides an electronic device, such as Figure 5 As shown, the electronic device includes a processor and a memory, the memory stores machine executable instructions that can be executed by the processor, and the processor executes the machine executable instructions to implement the above-mentioned control editing method.

[0083] Specifically, a graphical user interface is provided through a terminal device, and the control editing method includes: in response to a control editing instruction, controlling the display of a canvas list and a control list in the graphical user interface; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, and at least one control is set in the canvas, and the control list is used to display a control identifier corresponding to the control set in the currently selected canvas; in response to a selection operation on a first canvas in the canvas list, controlling the display of a control identifier corresponding to the control set in the first canvas in the control list; in response to dragging the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list, controlling the target control to be set in the second canvas.

[0084] The above control editing method splits the original overly long canvas control list into a canvas list and a control list, thereby realizing the rapid transfer of controls between canvases and rapid jumps between canvases, avoiding repeated expansion and collapse operations in the canvas control list, and simplifying the player's operation path.

[0085] In an optional embodiment, in response to dragging a control identifier corresponding to a target control set in the first canvas to a position of the second canvas in the canvas list, the step of controlling to set the target control in the second canvas includes: in response to dragging a control identifier corresponding to the target control set in the first canvas to a position of the second canvas in the canvas list, determining an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; if the operation parameter satisfies a first parameter condition, in response to a release instruction, controlling to set the target control in the second canvas.

[0086] In an optional embodiment, in response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, the step of controlling to set the target control in the second canvas includes: in response to dragging a control identifier corresponding to the target control set in the first canvas to a position of the second canvas in the canvas list, determining an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; if the operation parameter satisfies a second parameter condition, controlling to select the second canvas in the canvas list, and switching the control identifier displayed in the control list to the control identifier corresponding to the control set in the second canvas; and in response to releasing the operation instruction, controlling to set the target control in the second canvas.

[0087] In an optional embodiment, the setting position of the target control in the second canvas is the same as the setting position of the target control in the first canvas.

[0088] In an optional embodiment, the step of controlling setting the target control in the second canvas in response to the release operation instruction includes: triggering the release operation instruction in response to a drag operation with the position of the second canvas located at the control identifier corresponding to the target control in the canvas list as the starting point and the target position in the control list as the end point; and setting the target control in the second canvas based on the target position.

[0089] In an optional embodiment, the step of setting the target control in the second canvas based on the target position includes: determining a target level of the target control in the second canvas based on the target position; and setting the target control at a display position corresponding to the target level in the second canvas.

[0090] In an optional embodiment, the method further includes: responding to a trigger operation of a control identifier corresponding to a target control set in the first canvas, determining a trigger parameter corresponding to the trigger operation; if the trigger parameter satisfies a third parameter condition, determining that the trigger operation is to drag the control identifier corresponding to the target control to move it.

[0091] In an optional embodiment, the above method further includes: if the trigger parameter satisfies a fourth parameter condition, determining that the trigger operation is a sliding control list.

[0092] In an optional embodiment, the method further includes: in response to a drag operation starting from the touch point position that triggers the operation and ending at the first position in the control list, adjusting a display level of the target control in the first canvas based on the first position.

[0093] In an optional embodiment, the method further includes: in response to a selection operation on a first canvas in the canvas list, controlling display of a control layout corresponding to the first canvas in the graphical user interface.

[0094] In an optional embodiment, the method further includes: in response to dragging a control identifier corresponding to a target control set in the first canvas to the position of the second canvas in the canvas list, controlling the control layout displayed in the graphical user interface to be switched to a control layout corresponding to the second canvas, and displaying the target control in the control layout corresponding to the second canvas.

[0095] Further, Figure 5 The electronic device shown further includes a bus 102 and a communication interface 103 , and the processor 101 , the communication interface 103 and the memory 100 are connected via the bus 102 .

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

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

[0098] The embodiment of the present disclosure also provides a computer-readable storage medium, which stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the above-mentioned control editing method. The specific implementation can be found in the method embodiment, which will not be repeated here.

[0099] Specifically, a graphical user interface is provided through a terminal device, and the control editing method includes: in response to a control editing instruction, controlling the display of a canvas list and a control list in the graphical user interface; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, and at least one control is set in the canvas, and the control list is used to display a control identifier corresponding to the control set in the currently selected canvas; in response to a selection operation on a first canvas in the canvas list, controlling the display of a control identifier corresponding to the control set in the first canvas in the control list; in response to dragging the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list, controlling the target control to be set in the second canvas.

[0100] The above control editing method splits the original overly long canvas control list into a canvas list and a control list, thereby realizing the rapid transfer of controls between canvases and rapid jumps between canvases, avoiding repeated expansion and collapse operations in the canvas control list, and simplifying the player's operation path.

[0101] In an optional embodiment, in response to dragging a control identifier corresponding to a target control set in the first canvas to a position of the second canvas in the canvas list, the step of controlling to set the target control in the second canvas includes: in response to dragging a control identifier corresponding to the target control set in the first canvas to a position of the second canvas in the canvas list, determining an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; if the operation parameter satisfies a first parameter condition, in response to a release instruction, controlling to set the target control in the second canvas.

[0102] In an optional embodiment, in response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, the step of controlling to set the target control in the second canvas includes: in response to dragging a control identifier corresponding to the target control set in the first canvas to a position of the second canvas in the canvas list, determining an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; if the operation parameter satisfies a second parameter condition, controlling to select the second canvas in the canvas list, and switching the control identifier displayed in the control list to the control identifier corresponding to the control set in the second canvas; and in response to releasing the operation instruction, controlling to set the target control in the second canvas.

[0103] In an optional embodiment, the setting position of the target control in the second canvas is the same as the setting position of the target control in the first canvas.

[0104] In an optional embodiment, the step of controlling setting the target control in the second canvas in response to the release operation instruction includes: triggering the release operation instruction in response to a drag operation with the position of the second canvas located at the control identifier corresponding to the target control in the canvas list as the starting point and the target position in the control list as the end point; and setting the target control in the second canvas based on the target position.

[0105] In an optional embodiment, the step of setting the target control in the second canvas based on the target position includes: determining a target level of the target control in the second canvas based on the target position; and setting the target control at a display position corresponding to the target level in the second canvas.

[0106] In an optional embodiment, the method further includes: responding to a trigger operation of a control identifier corresponding to a target control set in the first canvas, determining a trigger parameter corresponding to the trigger operation; if the trigger parameter satisfies a third parameter condition, determining that the trigger operation is to drag the control identifier corresponding to the target control to move it.

[0107] In an optional embodiment, the above method further includes: if the trigger parameter satisfies a fourth parameter condition, determining that the trigger operation is a sliding control list.

[0108] In an optional embodiment, the method further includes: in response to a drag operation starting from the touch point position that triggers the operation and ending at the first position in the control list, adjusting a display level of the target control in the first canvas based on the first position.

[0109] In an optional embodiment, the method further includes: in response to a selection operation on a first canvas in the canvas list, controlling display of a control layout corresponding to the first canvas in the graphical user interface.

[0110] In an optional embodiment, the method further includes: in response to dragging a control identifier corresponding to a target control set in the first canvas to the position of the second canvas in the canvas list, controlling the control layout displayed in the graphical user interface to be switched to a control layout corresponding to the second canvas, and displaying the target control in the control layout corresponding to the second canvas.

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

[0112] In the description of the present disclosure, it should be noted that the terms "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer", etc., indicating the orientation or positional relationship, are based on the orientation or positional relationship shown in the drawings, and are only for the convenience of describing the present disclosure and simplifying the description, rather than indicating or implying that the device or element referred to must have a specific orientation, be constructed and operated in a specific orientation, and therefore cannot be understood as a limitation of the present disclosure. In addition, the terms "first", "second", and "third" are used for descriptive purposes only, and cannot be understood as indicating or implying relative importance.

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

Claims

1. A control editing method, characterized in that: Providing a graphical user interface through a terminal device, the method comprising: In response to a control editing instruction, controlling the display of a canvas list and a control list in the graphical user interface; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, at least one control is set in the canvas, and the control list is used to display a control identifier corresponding to the control set in the currently selected canvas; In response to a selection operation on a first canvas in the canvas list, controlling the display in the control list of control identifiers corresponding to controls set in the first canvas; In response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, controlling to set the target control in the second canvas.

2. The method according to claim 1, characterized in that In response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, the step of controlling to set the target control in the second canvas includes: In response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, determining an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; If the operation parameter satisfies a first parameter condition, in response to a release instruction, the control sets the target control in the second canvas.

3. The method according to claim 1, characterized in that: In response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, the step of controlling to set the target control in the second canvas includes: In response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, determining an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list; If the operation parameter satisfies a second parameter condition, controlling to select the second canvas in the canvas list, and switching the control identifier displayed in the control list to a control identifier corresponding to the control set in the second canvas; In response to the release operation instruction, the target control is controlled to be set in the second canvas.

4. The method according to claim 2 or 3, characterized in that: The setting position of the target control in the second canvas is the same as the setting position of the target control in the first canvas.

5. The method according to claim 3, characterized in that: The step of controlling the target control to be set in the second canvas in response to the release operation instruction includes: In response to a drag operation with the position of the second canvas in the canvas list corresponding to the control identifier of the target control as the starting point and the target position in the control list as the end point, triggering a release operation instruction; Based on the target position, the target control is set in the second canvas.

6. The method according to claim 5, characterized in that The step of setting the target control in the second canvas based on the target position includes: Based on the target position, determining a target level of the target control in the second canvas; The target control is set at a display position corresponding to the target level in the second canvas.

7. The method according to claim 1, characterized in that The method further comprises: In response to a trigger operation on a control identifier corresponding to a target control set in the first canvas, determining a trigger parameter corresponding to the trigger operation; If the trigger parameter satisfies a third parameter condition, it is determined that the trigger operation is to drag the control identifier corresponding to the target control to move it.

8. The method according to claim 7, characterized in that The method further comprises: If the trigger parameter satisfies a fourth parameter condition, it is determined that the trigger operation is sliding the control list.

9. The method according to claim 7, characterized in that: The method further comprises: In response to a drag operation starting from a contact point of the triggering operation and ending at a first position in the control list, a display level of the target control in the first canvas is adjusted based on the first position.

10. The method according to claim 1, characterized in that The method further comprises: In response to a selection operation on a first canvas in the canvas list, a control layout corresponding to the first canvas is controlled to be displayed in the graphical user interface.

11. The method according to claim 10, characterized in that The method further comprises: In response to dragging a control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, controlling the control layout displayed in the graphical user interface to be switched to a control layout corresponding to the second canvas, and displaying the target control in the control layout corresponding to the second canvas.

12. A control editing device, characterized in that: A graphical user interface is provided through a terminal device, the device comprising: A list display module, for controlling the display of a canvas list and a control list in the graphical user interface in response to a control editing instruction; wherein the canvas list includes at least one canvas, the canvas is used to construct a game interface, at least one control is set in the canvas, and the control list is used to display a control identifier corresponding to the control set in the currently selected canvas; A control display module, configured to respond to a selection operation on a first canvas in the canvas list and control the display in the control list of control identifiers corresponding to controls set in the first canvas; The control setting module is used for controlling the setting of the target control in the second canvas in response to dragging a control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list.

13. An electronic device, characterized in that: The electronic device comprises a processor and a memory, wherein the memory stores machine executable instructions that can be executed by the processor, and the processor executes the machine executable instructions to implement the control editing method according to any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the control editing method described in any one of items 1 to 11.

Images