Control editing method and device, and electronic device

Abstract

The present disclosure 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 includes at least one game interface canvas for construction. At least one control is arranged in the canvas. The control list is used to display control identifiers corresponding to controls arranged in a currently selected canvas. In response to a selection operation on a first canvas in the canvas list, control identifiers corresponding to controls arranged in the first canvas are displayed in the control list. In response to dragging a control identifier corresponding to a target control arranged in the first canvas to a position of a second canvas in the canvas list, the target control is arranged in the second canvas. In this way, the original long canvas control list is split into the canvas list and the control list, so that the quick transfer of controls between canvases and the quick jump between canvases can be realized, and the operation of repeatedly expanding and folding in the canvas control list 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 and device and electronic equipment. BACKGROUND

[0002] In a UGC (User Generated Content) editor, a player usually uses a large number of canvases and places a large number of controls in each canvas to construct different game interfaces and realize quick switching between interfaces. In the related art, a canvas control list is provided in the UGC editor to display the combination of a canvas and a control. The canvas control list includes a plurality of canvases, and clicking a certain canvas can display the controls corresponding to the canvas and the hierarchical relationship between the controls. When the player needs to transfer a target control in a first canvas to a second canvas, the first canvas needs to be expanded in the canvas control list to display the controls corresponding to the first canvas in the canvas control list, and then the target control needs to be found and dragged 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 dragging, so as to set the target control in the second canvas. In this way, because the canvas control list is long and the canvases in the canvas control list need to be expanded or folded frequently, the operation of transferring controls between canvases is relatively cumbersome, and quick control transfer cannot be realized. SUMMARY

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

[0004] In a first aspect, the present disclosure provides a control editing method. A graphical user interface is provided by a terminal device. The method includes: in response to a control editing instruction, controlling to display 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 the canvas is provided with at least one control, and the control list is used to display a control identifier corresponding to a control provided in a currently selected canvas; in response to a selection operation on a first canvas in the canvas list, controlling to display, in the control list, a control identifier corresponding to a control provided in the first canvas; and in response to dragging a control identifier corresponding to a target control provided 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.

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

[0006] In a third aspect, the present disclosure provides an electronic device, which comprises a processor and a memory, the memory stores machine executable instructions capable of being executed by the processor, and the processor executes the machine executable instructions to implement the control editing method described above.

[0007] In a fourth aspect, the present disclosure provides a computer readable storage medium, which stores computer executable instructions, and the computer executable instructions, when invoked and executed by a processor, cause the processor to implement the control editing method described above.

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

[0009] The control editing method, apparatus and electronic device provided by the present disclosure first, in response to a control editing instruction, control display of a canvas list and a control list in a graphical user interface; wherein the canvas list comprises at least one canvas, the canvas is used to construct a game interface, at least one control is arranged in the canvas, and the control list is used to display a control identifier corresponding to a control arranged in a currently selected canvas; then, in response to a selection operation on a first canvas in the canvas list, control display of the control identifier corresponding to the control arranged in the first canvas in the control list; and finally, in response to dragging of the control identifier corresponding to a target control arranged in the first canvas to a position of a second canvas in the canvas list, control arrangement of the target control in the second canvas. This way, the original canvas control list that is too long is split into the canvas list and the control list, so that quick transfer of controls between canvases and quick jump between canvases can be realized, and the operation of repeatedly unfolding and folding in the canvas control list is avoided, thereby simplifying the operation path of the player.

[0010] Other features and advantages of the present disclosure will be described in the following description, or can be learned from the description, or can be determined without any doubt, or can be known by implementing the above-mentioned technologies of the present disclosure.

[0011] To make the above objects, features and advantages of the present disclosure more obvious and easy to understand, the following preferred embodiments are specifically described in detail below, and the accompanying drawings are described as follows. BRIEF DESCRIPTION OF DRAWINGS

[0012] In order to more clearly illustrate the specific embodiments of the present disclosure or the technical solutions in the prior art, the following will briefly introduce the drawings needed to be used in the specific embodiments or the prior art description. Obviously, the drawings in the following description are some embodiments of the present disclosure, and those skilled in the art can obtain other drawings according to these drawings without creative labor.

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

[0014] Figure 2 A display schematic diagram of a canvas list and a control list provided by 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 by an embodiment of the present disclosure;

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

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

[0018] In order to make the objects, technical solutions and advantages of the embodiments of the present disclosure more clear, the technical solutions in the embodiments of the present disclosure will be described clearly and completely in the following with reference to the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are only some of the embodiments of the present disclosure, not all the embodiments. The components of the embodiments of the present disclosure described and shown in the drawings 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 drawings is not intended to limit the scope of the claimed present disclosure, but only represents selected embodiments of the present disclosure. All other embodiments obtained by those skilled in the art based on the embodiments in the present disclosure without creative labor are within the scope of protection of the present disclosure.

[0020] The control list of the UI editor needs to meet the needs of the player to quickly view the controls and adjust the control hierarchy. In the existing game, only one canvas is provided, and the control list is displayed in a merged manner. When the player needs to move the control to another new canvas, it often takes about 10 seconds to drag the control from the top of the control list to the bottom of the control list, and the player cannot directly adjust the control level in the new canvas, resulting in poor player editing experience.

[0021] The control editing method in one of the embodiments of the present disclosure can run on a local terminal device or a server. When the control editing method runs on the 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, such as cloud games, can run under the cloud interaction system. Taking cloud games as an example, cloud games refer to a game mode based on cloud computing. In the running mode of cloud games, the running body of the game program and the presentation body of the game picture are separated, and the storage and running of the control editing method are completed on the cloud game server. The client device is used for data reception, sending, and game picture presentation. For example, the client device can be a display device close to the user side with data transmission function, such as a mobile terminal, a television, a computer, a palm computer, etc. However, the cloud game server in the cloud end performs information processing. When playing the game, the player operates the client device to send operation instructions to the cloud game server, the cloud game server runs the game according to the operation instructions, encodes and compresses the game picture data, returns the data to the client device through the network, and finally decodes and outputs the game picture through the client device.

[0023] In an optional implementation, taking games as an example, the local terminal device stores a game program and is used to present a game picture. The local terminal device is used to interact with the player through a graphical user interface, that is, the conventional game program is downloaded and installed through an electronic device and is run. The way the local terminal device provides the graphical user interface to the player can include multiple ways, for example, it can be rendered and displayed on the display screen of the terminal, or it can be provided to the player through holographic projection. For example, the local terminal device can include a display screen for presenting a graphical user interface including a game picture, and a processor for running the game, generating the graphical user interface, and controlling the display of the graphical user interface on the display screen.

[0024] In a possible implementation, the embodiments of the present disclosure provide a control editing method, which provides a graphical user interface through a terminal device, as shown in Figure 1 The method includes the following steps:

[0025] Step S102: In response to the control editing instruction, control 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 the game interface, the canvas is provided with at least one control, and the control list is used to display the control identifiers corresponding to the controls provided in the currently selected canvas.

[0026] In practical implementation, the aforementioned terminal device can be either a local terminal device or a client device within the aforementioned cloud interaction system. For example, the terminal device can be a mobile phone, tablet, personal computer, or game console. The terminal device displays the graphical user interface (GUI) of the target game by running the game program corresponding to the target game. The target game can be a mobile game, a PC game, or a console game. The content displayed in the GUI can be determined based on the game rules and player actions. For example, the GUI can display a control editing page, and it can also display at least part of the game scene's visuals.

[0027] The triggering method for the aforementioned control editing commands can be determined according to the game rules. For example, the control editing command 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 command, a canvas list and a control list will be displayed in the graphical user interface; the canvas list is used to display the canvas, and the control list is used to display the control identifiers corresponding to the controls set in the currently selected canvas and the hierarchical relationship between the controls. Each canvas has one or more controls, which are the controls that the player can operate during the game, or they can be display controls for receiving information or notifications, etc.; each control is configured with corresponding interactive functions, which can be determined according to development needs. For example, triggering the jump control can control the controlled virtual object in the game to jump, and triggering the movement control can control the controlled virtual object to move, etc.

[0028] It should be noted that, to reduce rendering load, the canvas list does not display the actual canvas itself, but rather the canvas identifier corresponding to the canvas. This canvas identifier includes at least one of the following: canvas thumbnail, canvas name, and canvas number. Similarly, the control list does not display the actual control model, but rather the control identifier corresponding to the control. This control identifier includes at least one of the following: control number, control name, and control pointer shape.

[0029] like Figure 2 The diagram shown is a display illustration of a canvas list and a control list provided in an embodiment of this disclosure. Figure 2 The first column in the right half of the graphical user interface displays a list of canvases, which includes canvas icons for multiple canvases. Each canvas icon consists of a canvas thumbnail and a canvas name.Figure 2 The second column in the right half of the graphical user interface displays a control list, which displays the control identifiers corresponding to the controls set in the first canvas and the hierarchical relationship between the controls, and the control identifier is composed of a control name and a control indication shape. Wherein, the canvas name corresponding to each canvas and the control name corresponding to each control can be determined according to the player settings.

[0030] In step S104, in response to the selection operation on the first canvas in the canvas list, the control identifiers corresponding to the controls set in the first canvas are displayed in the control list.

[0031] In specific implementation, the specific operation corresponding to the above-mentioned selection operation can be determined according to the research and development requirements, for example, in the mobile phone end, the selection operation can be a click operation, a sliding operation or a long press operation on the first canvas displayed in the canvas list; in the computer end, the selection operation can be an operation of selecting or clicking the first canvas in the canvas list through the mouse or the specified key in the keyboard; in the game console end, the selection operation can be an operation of clicking the first canvas in the canvas list through the gamepad. Wherein, the first canvas can be any one of the canvases displayed in the canvas list.

[0032] When the player performs the selection operation on the first canvas in the canvas list, the first canvas in the canvas list will be selected, and the first canvas in the canvas list will be displayed in the 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. Wherein, 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] In step S106, 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, the target control is set in the second canvas.

[0034] In specific implementation, the above-mentioned second canvas can be any one of the canvases 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, the control identifier corresponding to the target control set in the first canvas displayed in the control list needs to be dragged 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 in the second canvas. Wherein, the target control can be any one of the controls set in the first canvas, and the specific control can be determined according to the player operation.

[0035] The control editing method provided by the embodiments of the present disclosure splits the original canvas control table that is too long into a canvas list and a control list, so that the quick transfer of controls between canvases and the quick jump between canvases can be realized, and the operation of repeatedly unfolding and folding in the canvas control table is avoided, and the player operation path is simplified.

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

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

[0038] In a specific implementation, the specific parameter corresponding to the operation parameter can be determined according to the research and development requirement, for example, the operation parameter can be a hovering time length or a hovering position of the control identifier corresponding to the target control on the position of the second canvas in the canvas list, etc. The first parameter condition can be determined according to the research and development requirement, for example, the first parameter condition can be that the parameter value corresponding to the operation parameter is less than a first parameter threshold, or greater than or equal to the first parameter threshold, etc. The specific value corresponding to the first parameter threshold can be determined according to the research and development requirement. The triggering manner of the release instruction can be determined according to the research and development requirement, for example, the triggering manner of the release instruction can be ending the dragging of the control identifier corresponding to the target control, or triggering a preset control of the graphical user interface, etc.

[0039] For example, if the operation parameter is the hovering time length, and the first parameter condition is that the hovering time length is less than a first preset time length (equivalent to the first parameter threshold), 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, the hovering time length of the control identifier corresponding to the target control on the position of the second canvas in the canvas list needs to be counted, that is, the operation stay time length of the dragging operation of the control identifier corresponding to the target control on the position of the second canvas in the canvas list, and if the hovering time length is less than the first preset time length and the player ends the dragging operation, the target control is directly set in the second canvas. The specific time length corresponding to the first preset time length can be determined according to the research and development requirement, for example, the first preset time length can be 1 second or 2 seconds, etc.

[0040] In actual application, if the operation parameter satisfies the first parameter condition, the target control is set at the same position in the second canvas as the position of the target control in the first canvas in response to the release instruction, 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 manner simplifies the operation process of transferring the target control from the first canvas to the second canvas, and is beneficial to improving the transfer efficiency of the control between the canvases.

[0041] As shown in FIG. 1, a first canvas 101 is displayed on a display screen of a terminal device, and a second canvas 102 is displayed on the display screen of the terminal device. Figure 3 FIG. 2 shows a schematic diagram of dragging a target control set in the first canvas to a position of the second canvas in a canvas list, Figure 3 In the control list in FIG. 2, the control identifier corresponding to the position of the finger is the control identifier corresponding to the target control, and 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. The control identifier corresponding to the target control is dragged to the position of the second canvas in the canvas list along the arrow direction, that is, the finger is slid 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 setting the target control in the second canvas in response to the dragging of the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list can include the following steps. In response to the dragging of the control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list, the operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas list is determined. If the operation parameter satisfies a second parameter condition, the second canvas in the canvas list is selected, and the control identifiers displayed in the control list are switched to the control identifiers corresponding to the controls set in the second canvas. In response to a release operation instruction, the target control is set in the second canvas.

[0043] In specific implementation, the second parameter condition is different from the first parameter condition, and the second parameter condition can be determined according to research and development requirements. For example, the second parameter condition can be that the parameter value corresponding to the operation parameter is greater than or equal to a first parameter threshold value, or less than the first parameter threshold value, and the specific value of the first parameter threshold value can be determined according to research and development requirements.

[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 a first preset duration (equivalent to the first parameter threshold described above), 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, the hovering duration of the control identifier corresponding to the target control in the position of the second canvas in the canvas list needs to be counted. If the hovering duration is greater than or equal to the first preset duration, the currently selected first canvas is switched to the second canvas, and the controls corresponding to the controls set in the second canvas and the hierarchical relationship between the controls are displayed in the control list. At this time, the control identifier corresponding to the target control is ended, and the target control is set in the second canvas.

[0045] In a specific embodiment, if the operation parameter meets the second parameter condition, 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 in response to the release instruction, 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 meets the second parameter condition, a release operation instruction is triggered in response to a drag operation with the position of the second canvas in the canvas list as a starting point and a target position in the control list as an ending point; and the target control is set in the second canvas based on the target position.

[0047] In a specific implementation, the release operation instruction is triggered by ending the drag operation, and the ending position corresponding to the ending drag operation is the target position in the control list, which 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 in the position of the second canvas in the canvas list meets the second parameter condition, the currently selected first canvas is switched to the second canvas, and the control identifiers corresponding to the controls set in the second canvas and the hierarchical relationship between the controls are 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 way simplifies the adjustment of the display level of the controls when the controls are transferred in the canvas.

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

[0049] In a specific implementation, the target position in the control list can be any position in the control list. Generally, the controls corresponding to different positions in the control list represent different setting positions and display levels of the controls in the second canvas. Thus, the player can move the target control on the control list by dragging, and select the display level of the target control in the control list, thereby indirectly selecting the setting position of the target control in the second canvas.

[0050] In the above manner, when the controls are transferred from the first canvas to the second canvas through the canvas list and the control list, the control levels in the second canvas can be immediately viewed, and the ordering of the currently dragged control in the second canvas can be adjusted, thereby improving the efficiency of adjusting the control levels while quickly implementing the control transfer.

[0051] Meanwhile, the technical solution of the present disclosure greatly simplifies the operation path of the player, reduces the time for transferring the controls from the first canvas to the second canvas from an average of 10 seconds in the prior art to 2 seconds, and provides the function of quickly adjusting the levels of the controls in the target canvas during the control transfer.

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

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

[0054] In a specific implementation, the trigger operation corresponding to the control identifier of the target control set in the first canvas can be a click operation or a press operation acting on the position of the control identifier of the target control set in the first canvas. The specific parameters corresponding to the trigger parameter can be determined according to the research and development requirements. For example, the trigger parameter can be the trigger time or the trigger position of the control identifier of the target control. The third parameter condition can be determined according to the research and development requirements. For example, the third parameter condition can be that the parameter value corresponding to the trigger parameter is greater than or equal to a second parameter threshold, or less than the second parameter threshold. The specific value of the second parameter threshold can be determined according to the research and development requirements.

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

[0056] For example, if the trigger parameter is the trigger duration, the third parameter condition is that the trigger duration is greater than or equal to a second preset duration (equivalent to the above-mentioned second parameter threshold), and when the trigger duration corresponding to the control identifier of the target control set in the first canvas is greater than or equal to the second preset duration, the operation intention corresponding to the trigger operation is determined as dragging the control identifier of the target control to move, so that the player can drag the control identifier of the target control to move to a position of a certain canvas in the control list, or drag the control identifier of the target control to move on the control list to adjust the display level, order or setting position of the control identifier of the target control in the first canvas. Specifically, the second preset duration can be determined according to the research and development requirement, 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, the trigger operation is determined as 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 needs to be displayed in the control list, so the control list can be slid up and down to display the content currently not displayed in the control list in the graphical user interface, thereby helping the player to better understand the display level and setting position between the controls set in a certain canvas.

[0058] In an optional embodiment, if the trigger parameter of the trigger operation of the player on the control identifier of the target control set in the first canvas satisfies 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 ending 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 control list can be any position in the control list. Generally, the control identifiers corresponding to different positions in the control list represent that the setting positions and display levels of the controls corresponding to the control identifiers in the first canvas are also different. Therefore, the player can move the control identifier of the target control on the control list to select the display level of the target control in the control list, thereby indirectly selecting the setting position of the target control in the first canvas.

[0060] The following embodiments are used to describe the adjustment manner of the display content in the graphical user interface.

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

[0062] In a specific implementation, when the player selects the first canvas in the canvas list, the first canvas in the canvas list is displayed in a selected state, and the control layout corresponding to the first canvas is 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 in the graphical user interface in addition to the canvas list and the control list; or the control layout corresponding to the first canvas can 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 that of 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, as shown in FIG. 1. Figure 2 The screen in the graphical user interface in FIG. 1, whose display level is below the canvas list and the control list, is the control layout corresponding to the first canvas, and the control layout includes the specific display positions of each control in the first canvas.

[0064] Based on the above description, in response to dragging the control identifier corresponding to the target control set in the first canvas to a position of a second canvas in the canvas list, the control layout displayed in the graphical user interface is 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 a specific implementation, the control layout displayed in the graphical user interface matches the control layout corresponding to the currently selected canvas in the canvas list, that is, the player selects which canvas in the canvas list, and the control layout corresponding to the canvas is displayed in the graphical user interface.

[0066] Corresponding to the method embodiment, the disclosure also provides a control editing device. As shown in FIG. 2, the device includes a terminal device providing a graphical user interface, and the device includes: Figure 4

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

[0068] The control display module 41 is configured to, in response to a selection operation on a first canvas in the canvas list, display, in the control list, control identifiers corresponding to controls set in the first canvas.

[0069] The control setting module 42 is configured to, in response to a drag operation of a target control identifier corresponding to a target control set in the first canvas to a position of a second canvas in the canvas list, set the target control in the second canvas.

[0070] The control editing apparatus splits a long original canvas control table into a canvas list and a control list, so that quick transfer of controls between canvases and quick switching between canvases can be achieved, and repeated expansion and folding operations in the canvas control table are avoided, and the player operation path is simplified.

[0071] Further, the control setting module 42 is configured to, in response to the drag operation of the target control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list, determine an operation parameter of the target control identifier at the position of the second canvas in the canvas list, and in response to a release instruction, set the target control in the second canvas if the operation parameter meets a first parameter condition.

[0072] Further, the control setting module 42 is configured to, in response to the drag operation of the target control identifier corresponding to the target control set in the first canvas to the position of the second canvas in the canvas list, determine an operation parameter of the target control identifier at the position of the second canvas in the canvas list, and in response to a release operation instruction, set the target control in the second canvas if the operation parameter meets a second parameter condition.

[0073] Further, the target control is set at a same position in the second canvas as a position of the target control in the first canvas.

[0074] Further, the control setting module 42 is configured to, in response to a drag operation from a starting position of the target control identifier corresponding to the target control at the position of the second canvas in the canvas list to a target position in the control list, trigger a release operation instruction, and set the target control in the second canvas based on the target position.

[0075] Further, the control setting module 42 is configured to determine a 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 device also includes a control triggering module, which is used to: respond to a triggering operation for the control identifier corresponding to the target control set in the first canvas, determine the triggering parameters corresponding to the triggering operation; if the triggering parameters meet the third parameter condition, determine that the triggering operation is to drag the control identifier corresponding to the target control to move it.

[0077] Furthermore, the aforementioned control triggering module is also used to: determine the triggering operation as a sliding control list if the triggering parameters meet the fourth parameter condition.

[0078] Furthermore, the aforementioned device also includes a hierarchy adjustment module for: in response to a drag operation that starts at the touch point position of the triggering operation and ends at a first position in the control list, adjusting the display hierarchy of the target control in the first canvas based on the first position.

[0079] Furthermore, the aforementioned device also includes a layout display module, used to: in response to a selection operation on the first canvas in the canvas list, control the display of the control layout corresponding to the first canvas in the graphical user interface.

[0080] Furthermore, the above-mentioned device also includes a display switching module, used to: 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, control the switching of the control layout displayed in the graphical user interface 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 this disclosure has the same implementation principle and technical effect as the aforementioned method embodiment. For the sake of brevity, any parts not mentioned in the device embodiment can be referred to the corresponding content in the aforementioned method embodiment.

[0082] This 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, which executes the machine-executable instructions to implement the control editing method described above.

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

[0084] The control editing method described above splits the original canvas control table that is too long into a canvas list and a control list, thereby enabling quick transfer of controls between canvases and quick jumping between canvases, avoiding repeated expansion and folding operations in the canvas control table, and simplifying the player operation path.

[0085] In an optional embodiment, the step of controlling arrangement of the target control in the second canvas in response to dragging of the control identifier corresponding to the target control arranged in the first canvas to the position of the second canvas in the canvas list comprises: in response to dragging of the control identifier corresponding to the target control arranged 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; and if the operation parameter meets a first parameter condition, in response to a release instruction, controlling arrangement of the target control in the second canvas.

[0086] In an optional embodiment, the step of controlling arrangement of the target control in the second canvas in response to dragging of the control identifier corresponding to the target control arranged in the first canvas to the position of the second canvas in the canvas list comprises: in response to dragging of the control identifier corresponding to the target control arranged 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 meets a second parameter condition, controlling selection of the second canvas in the canvas list and switching of the control identifiers displayed in the control list to control identifiers corresponding to controls arranged in the second canvas; and in response to a release operation instruction, controlling arrangement of the target control in the second canvas.

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

[0088] In an optional embodiment, the step of controlling to set 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 starting from a position where the second canvas is located in the canvas list with the control identifier corresponding to the target control as a starting point and ending at a target position in the control list; 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 where the target control is located in the second canvas based on the target position; and setting the target control in a display position corresponding to the target level in the second canvas.

[0090] In an optional embodiment, the method further includes: determining a trigger parameter corresponding to a trigger operation in response to the trigger operation being performed on the control identifier corresponding to the target control set in the first canvas; and determining that the trigger operation is a drag operation moving the control identifier corresponding to the target control if the trigger parameter satisfies a third parameter condition.

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

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

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

[0094] In an optional embodiment, the method further includes: controlling to switch the control layout displayed in the graphical user interface to a control layout corresponding to a second canvas in the canvas list and display the target control in the control layout corresponding to the second canvas in response to a drag operation of the control identifier corresponding to the target control set in the first canvas to a position where the second canvas is located in the canvas list.

[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 through the bus 102.

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

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

[0098] The embodiment of the present disclosure further provides a computer readable storage medium, which stores computer executable instructions. When the computer executable instructions are called and executed by a processor, the computer executable instructions cause the processor to implement the control editing method. For details, refer to the method embodiment, which will not be repeated here.

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

[0100] The control editing method splits the original canvas control table which is too long into a canvas list and a control list, so that the quick transfer of controls between canvases and the quick jump between canvases can be realized, and the operation of repeatedly unfolding and folding in the canvas control table is avoided, and the operation path of the player is simplified.

[0101] In an optional embodiment, the step of controlling to arrange the target control in the second canvas in response to dragging the control identifier corresponding to the target control arranged in the first canvas to the position of the second canvas in the canvas list comprises: in response to dragging the control identifier corresponding to the target control arranged 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 on the position of the second canvas in the canvas list; and if the operation parameter meets a first parameter condition, in response to a release instruction, controlling to arrange the target control in the second canvas.

[0102] In an optional embodiment, the step of controlling to arrange the target control in the second canvas in response to dragging the control identifier corresponding to the target control arranged in the first canvas to the position of the second canvas in the canvas list comprises: in response to dragging the control identifier corresponding to the target control arranged 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 on the position of the second canvas in the canvas list; if the operation parameter meets a second parameter condition, controlling to select the second canvas in the canvas list, and switching the control identifiers displayed in the control list to the control identifiers corresponding to the controls arranged in the second canvas; and in response to a release operation instruction, controlling to arrange the target control in the second canvas.

[0103] In an optional embodiment, the target control is set in the second canvas at a position same as that in the first canvas.

[0104] In an optional embodiment, the step of setting the target control in the second canvas in response to the release operation instruction comprises: triggering the release operation instruction in response to a drag operation starting from a position of the second canvas in the canvas list corresponding to the control identifier of the target control, and ending at a target position in the control list; 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 comprises: determining a target level of the target control in the second canvas based on the target position; and setting the target control in a display position corresponding to the target level in the second canvas.

[0106] In an optional embodiment, the method further comprises: determining a trigger parameter corresponding to a trigger operation for the control identifier corresponding to the target control set in the first canvas; and determining that the trigger operation is a drag operation for moving the control identifier corresponding to the target control if the trigger parameter satisfies a third parameter condition.

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

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

[0109] In an optional embodiment, the method further comprises: displaying a control layout corresponding to the first canvas in the graphical user interface in response to a selection operation for the first canvas in the canvas list.

[0110] In an optional embodiment, the method further comprises: switching the control layout displayed in the graphical user interface to a control layout corresponding to a second canvas in the canvas list and displaying the target control in the control layout corresponding to the second canvas in response to a drag operation of the control identifier corresponding to the target control set in the first canvas to a position of the second canvas in the canvas list.

[0111] If the functions are implemented in the form of software function units and sold or used as independent products, they can be stored in a computer readable storage medium. Based on this understanding, the technical solutions of the present disclosure can be embodied in the form of a software product, which is stored in a storage medium and includes a number of instructions for causing a computer device (which can be a personal computer, a terminal device, or a network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of the present disclosure. The aforementioned storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM, Read-Only Memory), a random access memory (RAM, Random Access Memory), a magnetic disk or an optical disk, and various program code storage media.

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

[0113] Finally, it should be noted that: the above-described embodiments are only specific embodiments of the present disclosure, used to illustrate the technical solutions of the present disclosure, and not to limit them, the protection scope of the present disclosure is not limited thereto, although the present disclosure has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand: any skilled person familiar with the technical field of the present disclosure within the technical range disclosed by the present disclosure, they can still modify or easily think of changes to the technical solutions recorded in the foregoing embodiments, or make equivalent replacements to part of the technical features; and these modifications, changes or replacements do not make the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure, and should be covered within the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure should be subject to the protection scope of the claims.

Claims

1. A control editing method characterized by comprising: The method comprises the following steps: In response to a control editing instruction, a canvas list and a control list are displayed in the graphical user interface, wherein the canvas list comprises at least one canvas, the canvas is used to construct a game interface, at least one control is arranged in the canvas, and the control list is used to display control identifiers corresponding to the controls arranged in the currently selected canvas; In response to a selection operation on a first canvas in the canvas list, the control identifiers corresponding to the controls arranged in the first canvas are displayed in the control list; In response to a drag operation of a target control identifier corresponding to a target control arranged in the first canvas to a position of a second canvas in the canvas list, the target control is arranged in the second canvas; The step of arranging the target control in the second canvas in response to the drag operation of the target control identifier corresponding to the target control arranged in the first canvas to the position of the second canvas in the canvas list comprises the following steps: In response to the drag operation of the target control identifier corresponding to the target control arranged in the first canvas to the position of the second canvas in the canvas list, an operation parameter of the target control identifier on the position of the second canvas in the canvas list is determined; If the operation parameter meets a first parameter condition, the target control is arranged in the second canvas in response to a release instruction.

2. The method of claim 1, wherein, The step of arranging the target control in the second canvas in response to the drag operation of the target control identifier corresponding to the target control arranged in the first canvas to the position of the second canvas in the canvas list comprises the following steps: In response to the drag operation of the target control identifier corresponding to the target control arranged in the first canvas to the position of the second canvas in the canvas list, an operation parameter of the target control identifier on the position of the second canvas in the canvas list is determined; If the operation parameter meets a second parameter condition, the second canvas in the canvas list is selected, and the control identifiers displayed in the control list are switched to the control identifiers corresponding to the controls arranged in the second canvas; In response to a release operation instruction, the target control is arranged in the second canvas.

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

4. The method of claim 2, wherein, The step of arranging the target control in the second canvas in response to the release operation instruction comprises the following steps: In response to a drag operation from the position of the target control identifier corresponding to the target control in the second canvas in the canvas list to a target position in the control list, a release operation instruction is triggered; The target control is arranged in the second canvas based on the target position.

5. The method of claim 4, wherein, The step of arranging the target control in the second canvas based on the target position comprises the following steps: Based on the target position, a target level of the target control in the second canvas is determined. The target control is set at a display position corresponding to the target level in the second canvas.

6. The method of claim 1, wherein, The method further includes: In response to a trigger operation on 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 as moving the control identifier corresponding to the target control.

7. The method of claim 6, wherein, The method further includes: If the trigger parameter satisfies a fourth parameter condition, the trigger operation is determined as sliding the control list.

8. The method of claim 6, wherein, The method further includes: In response to a drag operation starting from a touch position of the trigger 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.

9. The method of claim 1, wherein, The method further includes: In response to a selection operation on a first canvas in the canvas list, a control layout corresponding to the first canvas is displayed in the graphical user interface.

10. The method of claim 9, wherein, The method further 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, a control layout displayed in the graphical user interface is switched to a control layout corresponding to the second canvas, and the target control is displayed in the control layout corresponding to the second canvas.

11. A control editing apparatus characterized by comprising: A terminal device displays a graphical user interface corresponding to a target game by running a game program corresponding to the target game, and the apparatus includes: A list display module configured to display 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 build 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 a control set in a currently selected canvas; A control display module configured to display a control identifier corresponding to a control set in a first canvas in the control list in response to a selection operation on the first canvas in the canvas list; A control setting module configured to set a target control in a second canvas 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. The control setting module is further configured to determine an operation parameter of the control identifier corresponding to the target control at the position of the second canvas in the canvas 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, and set the target control in the second canvas in response to a release instruction if the operation parameter satisfies a first parameter condition.

12. An electronic device, comprising: The electronic device includes a processor and a memory, the memory stores machine executable instructions executable by the processor, and the processor executes the machine executable instructions to implement the control editing method in any one of claims 1 to 10.

13. A computer-readable storage medium, characterized in that, The computer readable storage medium stores computer executable instructions, when the computer executable instructions are invoked and executed by the processor, the computer executable instructions cause the processor to implement the control editing method in any one of 1 to 10.

Images