Method and apparatus for editing UI in game, and electronic device and storage medium

Abstract

A method and apparatus for editing a UI in a game, and an electronic device and a storage medium. The method comprises: providing, in a graphical user interface, a game scene to be edited which is provided by means of running a game program, wherein the game scene to be edited comprises scene components; in response to an editing instruction, displaying a control interface to be edited, wherein said control interface comprises an editing region and a control selection region; in response to a selection operation for a target control in the control selection region, generating, in the editing region, a target control component corresponding to the target control; in response to an editing operation for the target control component, editing control component attributes of the target control component; and in response to a game running instruction, displaying, in the graphical user interface, a game scene corresponding to the game scene to be edited and the corresponding target control. Therefore, the control editing efficiency is improved; and since an editing process of a control is performed by a player by means of an editing operation, personalized requirements of the player for the control are met, thereby improving the human-machine interaction efficiency.

Description

Method, device, electronic device and storage medium for editing UI interface in game

[0001] CROSS-REFERENCE TO RELATED APPLICATIONS

[0002] This disclosure claims priority to Chinese patent application number 202311461044.X, filed on November 2, 2023, entitled “Method, device, electronic device and storage medium for editing UI interface in game”, the entire contents of which are incorporated herein by reference. Technical Field

[0003] The present disclosure relates to the technical field of interface editing, and in particular to a method, device, electronic device, and storage medium for editing a UI interface in a game. Background Art

[0004] With the development of intelligent science and technology, various client applications have emerged one after another. The development of client applications is inseparable from the editing and development of visual pages (also known as user interfaces (UIs)). In related technologies, to enhance players' sense of participation in games, players can edit game scenes through editing operations. For example, in level-based games, players can edit obstacles in the game scene through editing operations, and generate level-based game scenes by placing obstacles in the game scene to be edited.

[0005] As for related technologies, for editing game scenes, players can edit the scene components corresponding to the virtual objects in the game scenes. For the controls in the graphical user interface (such as buttons, progress bars, text, etc.) or the operating status to be expressed, developers still need to implement them by writing program codes. This not only increases the control setting time, but also causes the display of all controls to be consistent, which does not conform to the operating habits and requirements of different users, resulting in low control editing efficiency and human-computer interaction efficiency, poor player flexibility in game editing, and a single gameplay.

[0006] Summary of the Invention

[0007] In view of this, the purpose of the present disclosure is to provide a method, device, electronic device and storage medium for editing the UI interface in the game. The target control component can be determined by selecting the control in the control selection area in the game scene to be edited, and the component properties of the target control can be edited directly through editing operations in the control interface to be edited, thereby generating the target component in the game scene, reducing the editing time of the control component in the graphical user interface and helping to improve the control editing efficiency; at the same time, the editing process of the control is obtained by the player through the editing operation, which is more in line with the player's personalized needs for the control and further improves the efficiency of human-computer interaction.

[0008] In a first aspect, an embodiment of the present disclosure provides a method for editing a UI interface in a game, wherein a graphical user interface is provided through a terminal device; the editing method includes:

[0009] A game scene to be edited provided by running a game program is provided in the graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate a corresponding virtual object in the game scene corresponding to the game scene to be edited when the game is running;

[0010] In response to the editing instruction, displaying a control interface to be edited in the graphical user interface, wherein the control interface to be edited includes an editing area and a control selection area;

[0011] In response to a selection operation on a target control in the control selection area, generating a target control component corresponding to the target control in the editing area;

[0012] In response to an editing operation on the target control component, editing a control component property of the target control component;

[0013] In response to a game running instruction, a game scene corresponding to the game scene to be edited and a target control corresponding to the target control component configured with the control component attributes are displayed in the graphical user interface.

[0014] In a second aspect, the embodiments of the present disclosure further provide a device for editing a UI interface in a game, which provides a graphical user interface through a terminal device; the editing device includes:

[0015] A scene display module is configured to provide a game scene to be edited provided by running a game program in the graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate a corresponding virtual object in the game scene corresponding to the game scene to be edited when the game is running;

[0016] An editing interface display module is configured to execute, in response to an editing instruction, displaying a control interface to be edited in the graphical user interface, wherein the control interface to be edited includes an editing area and a control selection area;

[0017] a control component generating module configured to generate a target control component corresponding to the target control in the editing area in response to a selection operation on the target control in the control selection area;

[0018] a control editing module configured to edit the control component properties of the target control component in response to an editing operation on the target control component;

[0019] The game running module is configured to execute in response to a game running instruction, and display in the graphical user interface a game scene corresponding to the game scene to be edited and a target control corresponding to the target control component configured with the control component attributes.

[0020] In a third aspect, an embodiment of the present disclosure further provides an electronic device comprising: a processor, a storage medium and a bus, wherein the storage medium stores machine-readable instructions executable by the processor. When the electronic device is running, the processor communicates with the storage medium via the bus, and the processor executes the machine-readable instructions to perform the steps of the method for editing the UI interface in a game as described in any one of the first aspects.

[0021] In a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps of the method for editing the UI interface in the game as described in any one of the first aspects are executed.

[0022] The embodiments of the present disclosure provide a method, device, electronic device and storage medium for editing a UI interface in a game, which provides a game scene to be edited provided by running a game program in a graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate corresponding virtual objects in a game scene corresponding to the game scene to be edited when the game is running; in response to an editing instruction, a control interface to be edited is displayed in the graphical user interface, and the control interface to be edited includes an editing area and a control selection area; in response to a selection operation on a target control in the control selection area, a target control component corresponding to the target control is generated in the editing area; in response to an editing operation on the target control component, the control component properties of the target control component are edited, and in response to a game running instruction, the game scene corresponding to the game scene to be edited and the target control corresponding to the target control component configured with the control component properties are displayed in the graphical user interface. In this way, the target control component can be determined by selecting the control in the control selection area in the game scene to be edited, and the component properties of the target control can be edited directly through editing operations in the control interface to be edited, thereby generating the target component in the game scene, reducing the editing time of the control component in the graphical user interface and helping to improve the control editing efficiency; at the same time, the control editing process is obtained by the player through editing operations, which is more in line with the player's personalized needs for the control and further improves the efficiency of human-computer interaction.

[0023] Furthermore, hierarchical controls are also provided during the editing process. Players can trigger hierarchical controls to adjust the hierarchical relationship of different controls, adjust the occlusion order, and more conveniently lock a control to modify it or adjust an entire hierarchy, further improving the efficiency and targeting of control editing.

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

[0025] In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the following briefly introduces the drawings required for use in the embodiments. It should be understood that the following drawings only illustrate certain embodiments of the present disclosure and therefore should not be regarded as limiting the scope. For ordinary technicians in this field, other relevant drawings can be obtained based on these drawings without creative work.

[0026] FIG1 is a flowchart of a method for editing a UI interface in a game provided by one embodiment of the present disclosure;

[0027] FIG2 is a schematic diagram of an interface of a control to be edited provided by one embodiment of the present disclosure;

[0028] FIG3 is a schematic diagram of a control selection area provided by one embodiment of the present disclosure;

[0029] FIG4 is a schematic diagram of a toolbar area provided by one embodiment of the present disclosure;

[0030] FIG5 is a schematic diagram of a control hierarchy list provided by one embodiment of the present disclosure;

[0031] FIG6 is a second schematic diagram of a control hierarchy list provided by one embodiment of the present disclosure;

[0032] FIG7 is a schematic diagram of an adjustment option list provided by one embodiment of the present disclosure;

[0033] FIG8 is a schematic diagram of a template setting interface provided by one embodiment of the present disclosure;

[0034] FIG9 is a schematic diagram of control level adjustment provided by one embodiment of the present disclosure;

[0035] FIG10 is a schematic diagram of a control editing area provided by one embodiment of the present disclosure;

[0036] FIG11 is a schematic diagram of a control multi-selection process provided by one embodiment of the present disclosure;

[0037] FIG12 is a schematic diagram of an alignment option list provided in one embodiment of the present disclosure;

[0038] FIG13 is a schematic diagram of a parameter adjustment list provided in one embodiment of the present disclosure;

[0039] FIG14 is a second schematic diagram of a parameter adjustment list provided in one embodiment of the present disclosure;

[0040] FIG15 is a third schematic diagram of a parameter adjustment list provided in one embodiment of the present disclosure;

[0041] FIG16 is a fourth schematic diagram of a parameter adjustment list provided in one embodiment of the present disclosure;

[0042] FIG17 is a fifth schematic diagram of a parameter adjustment list provided in one embodiment of the present disclosure;

[0043] FIG18 is a sixth schematic diagram of a parameter adjustment list provided in one embodiment of the present disclosure;

[0044] FIG19 is a seventh schematic diagram of a parameter adjustment list provided in one embodiment of the present disclosure;

[0045] FIG20 is an eighth schematic diagram of a parameter adjustment list provided in one embodiment of the present disclosure;

[0046] FIG21 is a schematic diagram of a combination control selection process provided by one embodiment of the present disclosure;

[0047] FIG22 is a schematic diagram of a combined control display process provided by one embodiment of the present disclosure;

[0048] FIG23 is a schematic diagram of the types of quick adjustment controls provided by one embodiment of the present disclosure;

[0049] FIG24 is a schematic diagram of a quick adjustment control display provided by one embodiment of the present disclosure;

[0050] FIG25 is a schematic diagram of an adsorption method provided by one embodiment of the present disclosure;

[0051] FIG26 is a schematic diagram of an adsorption state provided by one embodiment of the present disclosure;

[0052] FIG27 is a schematic diagram of the structure of a device for editing a UI interface in a game provided by one embodiment of the present disclosure;

[0053] FIG28 is a schematic structural diagram of an electronic device provided in accordance with one embodiment of the present disclosure. DETAILED DESCRIPTION

[0054] 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 only part of the embodiments of the present disclosure, not all of the embodiments. The components of the embodiments of the present disclosure generally described and shown in the drawings herein can be arranged and designed in various different configurations. 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 disclosure for which protection is sought, but merely represents selected embodiments of the present disclosure. Based on the embodiments of the present disclosure, every other embodiment obtained by those skilled in the art without making creative work falls within the scope of protection of the present disclosure.

[0055] First, the nouns involved in this disclosure are introduced:

[0056] (1) Game scene

[0057] A game scene is a virtual scene displayed (or provided) when an application is running on a terminal or server. Optionally, the game scene is a simulation of the real world, a virtual environment that is semi-simulated and semi-fictitious, or a purely fictitious virtual environment. The game scene can be any of a two-dimensional virtual scene, a 2.5-dimensional virtual scene, and a three-dimensional virtual scene. The virtual environment can be the sky, land, ocean, etc., where the land includes environmental elements such as deserts and cities. Among them, the virtual scene is a scene with complete game logic of virtual objects such as user control. For example, for sandbox 3D shooting games, the virtual scene is a 3D game world for players to control virtual objects to fight. Example virtual scenes may include: mountains, plains, rivers, lakes, oceans, deserts, skies, plants, buildings, and at least one element of vehicles; for example, for 2D or 2.5D card games, the game scene is a scene for displaying released cards or displaying virtual objects corresponding to cards. Example game scenes may include: an arena, a decisive battlefield, or other "field" elements or other elements that can display the status of card battles; for 2D or 2.5D multiplayer online tactical competitive games, the game scene is a 2D or 2.5D terrain scene for virtual objects to fight. Example virtual scenes may include: canyon-style mountains, routes, rivers, classrooms, tables and chairs, podiums and other elements.

[0058] (2) Graphical User Interface

[0059] A graphical user interface (GUI) is an interface display format for communication between humans and computers. It allows users to manipulate icons, logos, or menu options on the screen using input devices such as a mouse or keyboard. It also allows users to manipulate icons or menu options on the screen by performing touch operations on the touch screen of a touch-sensitive terminal to select commands, start programs, or perform other tasks.

[0060] (3) Terminal equipment

[0061] The terminal device involved in the embodiments of the present disclosure mainly refers to a terminal for providing a graphical user interface and capable of controlling operations on a virtual character. Among them, the terminal device can be the local terminal device mentioned below, or a client device in a cloud interactive system. The terminal device may include but is not limited to any one of the following devices: a laptop computer, a smart phone, a tablet computer, a desktop computer, a game console, an MP4 (Moving Picture Experts Group Audio Layer IV, Moving Picture Experts Group Audio Layer 4) player, a personal digital assistant (PDA), an e-book reader, etc. An application that supports games is installed and running in the terminal device, such as an application that supports three-dimensional games or two-dimensional games. In the embodiments of the present disclosure, the application is introduced as a game application. Optionally, the application can be a stand-alone application, such as a stand-alone 3D game program, or a network-connected application.

[0062] Next, the technical background of the present disclosure is introduced:

[0063] With the development of intelligent science and technology, various client applications have emerged one after another. The development of client applications is inseparable from the editing and development of visual pages (also known as user interfaces (UIs)). In related technologies, to enhance players' sense of participation in games, players can edit game scenes through editing operations. For example, in level-based games, players can edit obstacles in the game scene through editing operations, and generate level-based game scenes by placing obstacles in the game scene to be edited.

[0064] As for related technologies, for editing game scenes, players can edit the scene components corresponding to the virtual objects in the game scenes. For the controls in the graphical user interface (such as buttons, progress bars, text, etc.) or the operating status to be expressed, developers still need to implement them by writing program codes. This not only increases the control setting time, but also causes the display of all controls to be consistent, which does not conform to the operating habits and requirements of different users, resulting in low control editing efficiency and human-computer interaction efficiency, poor player flexibility in game editing, and a single gameplay.

[0065] Based on this, the embodiment of the present disclosure provides a method for editing the UI interface in the game to reduce the editing time of the control components in the graphical user interface and improve the efficiency of control editing; at the same time, the editing process of the control is obtained by the player through editing operations, which is more in line with the player's personalized needs for the control and further improves the efficiency of human-computer interaction.

[0066] In one embodiment of the present disclosure, the method for editing the UI interface in a game can be run on a local terminal device or a server. When the method for editing the UI interface in a game 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.

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

[0068] In an alternative embodiment, taking a game as an example, a local terminal device stores the game program and is used to present the game screen. The local terminal device is used to interact with the player via a graphical user interface (GUI), i.e., conventionally downloading, installing, and running the game program via an electronic device. The local terminal device can present the GUI to the player in a variety of ways, such as rendering it on the terminal's display screen or presenting it to the player via holographic projection. For example, the local terminal device may include a display screen and a processor, the display screen being used to present the GUI, which includes the game screen, and the processor being used to run the game, generate the GUI, and control the display of the GUI on the display screen.

[0069] In one possible implementation, the disclosed embodiments provide a method for editing a UI interface in a game, providing a graphical user interface via a terminal device. The terminal device may be the aforementioned local terminal device (e.g., a local touch terminal) or a client device in the aforementioned cloud interaction system. The following description uses the aforementioned method for editing a UI interface in a game running on a local terminal device (hereinafter referred to as the terminal device) as an example.

[0070] Based on this, an embodiment of the present disclosure provides a method for editing a UI interface in a game to improve control editing efficiency and human-computer interaction efficiency.

[0071] Please refer to Figure 1, which is a flow chart of a method for editing a UI interface in a game provided by an embodiment of the present disclosure. As shown in Figure 1, the method for editing a UI interface in a game provided by an embodiment of the present disclosure includes:

[0072] S101. A game scene to be edited provided by running a game program is provided in the graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate a corresponding virtual object in a game scene corresponding to the game scene to be edited when the game is running.

[0073] S102: In response to an editing instruction, display a control interface to be edited in the graphical user interface, where the control interface to be edited includes an editing area and a control selection area.

[0074] S103: In response to a selection operation on a target control in the control selection area, generating a target control component corresponding to the target control in the editing area.

[0075] S104: In response to the editing operation on the target control component, edit the control component properties of the target control component.

[0076] S105. In response to a game running instruction, displaying in the graphical user interface a game scene corresponding to the game scene to be edited and a target control corresponding to the target control component configured with the control component attributes.

[0077] An embodiment of the present disclosure provides a method for editing a UI interface in a game. The target control component can be determined by selecting a control in a control selection area in a game scene to be edited, and the component properties of the target control can be edited directly through editing operations in the control interface to be edited, thereby generating a target component in the game scene. This reduces the editing time of the control component in the graphical user interface and helps to improve the control editing efficiency. At the same time, the control editing process is obtained by the player through the editing operation, which is more in line with the player's personalized needs for the control and further improves the efficiency of human-computer interaction.

[0078] The following describes the exemplary steps of the embodiment of the present disclosure:

[0079] S101. A game scene to be edited provided by running a game program is provided in the graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate a corresponding virtual object in a game scene corresponding to the game scene to be edited when the game is running.

[0080] In the disclosed embodiment, in order to enhance the player's sense of participation in the game, the player can edit the game scene through editing operations. For example, for level-breaking games, the player can edit the obstacles in the game scene through editing operations, and generate a level-breaking game scene by placing obstacles in the game scene to be edited.

[0081] In one possible implementation, the game scene to be edited may include scene components. When the game is running, the scene components can generate corresponding virtual objects in the scene to be edited. For the above example, the player can place obstacle components (broken bridge components, wall components, etc.) in the scene to be edited through editing operations. When the game is running, the placed obstacle components will become obstacles in the game scene. When the virtual character in the game breaks through the level, the placed obstacles will cause a certain blocking effect on the virtual character breaking through the level.

[0082] Furthermore, in addition to editing the scene components in the game scene to be edited (virtual objects in the game scene), the UI controls in the scene can also be edited. By editing the UI controls in the game scene, players can customize the UI controls displayed in the graphical user interface (for example, customize the display form of the UI controls, customize the functions of the UI controls, etc.). Players can open the editing controls through editing instructions to edit the controls to be edited.

[0083] S102: In response to an editing instruction, display a control interface to be edited in the graphical user interface, where the control interface to be edited includes an editing area and a control selection area.

[0084] In a possible implementation, the editing instruction may be issued by the player through a triggering operation of a function control in a graphical user interface.

[0085] Specifically, in response to a trigger operation on a function control, a function selection interface is displayed in a graphical user interface, which includes multiple function options; in response to a trigger operation on an editing interface control in the function options, an interface for a control to be edited is displayed in a graphical user interface.

[0086] In one possible implementation, please refer to FIG. 2 , which is a schematic diagram of a control interface to be edited provided in an embodiment of the present disclosure. As shown in FIG. 2 , control interface to be edited 200 includes an editing area 210, which displays a game scene area (canvas). The game scene area displays virtual objects in the current game scene, such as virtual buildings, virtual plants, and virtual characters. The editing area also displays control components to be edited. Optionally, in some embodiments, the editing area may also pre-set certain fixed controls that are neither editable nor deletable. These are typically controls used to complete basic game functions.

[0087] In a possible implementation, as shown in FIG2 , the control interface 200 to be edited further includes a control selection area 220, which includes a plurality of selectable types of control components. Players can select controls in the control selection area and drag the selected target controls to the editing area to generate target control components corresponding to the target controls. The control interface 200 to be edited further includes a toolbar area 230 and a control editing area 240. Players can save the editing screen in the editing area and adjust the display format of the controls in the editing area by touch operations on the controls in the toolbar area 230 and the control editing area 240.

[0088] S103: In response to a selection operation on a target control in the control selection area, generating a target control component corresponding to the target control in the editing area.

[0089] In one possible implementation, the controls in the control selection area may be divided into different control types. Different control types may correspond to different levels of menus. Players may select a target control by selecting a specific control under any control type in the control selection area.

[0090] Specifically, the step of “generating a target control component corresponding to the target control in the editing area in response to a selection operation on the target control in the control selection area” includes:

[0091] a1: In response to a triggering operation on any optional control in the control selection area, a control type list corresponding to the selected optional control is displayed.

[0092] a2: In response to a selection operation on any target control in the control type list, generating a target control component corresponding to the target control in the editing area.

[0093] In the disclosed embodiment, the optional controls in the control selection area may include button controls, image controls, text controls, and template controls. Players can place button-type controls in the editing area by selecting a button control, and then trigger the button control to execute the function associated with the placed button control in the game scene. Players can also set different display effects for the operation phase of the button control, for example, when the button is not pressed, the button displays a first image, when the button is pressed, the button displays a second image, and when the button is released, the button displays a third image, etc. Of course, the trigger event corresponding to the button can also be edited, as well as the timing of displaying and canceling the display. Pictures associated with multiple functions under the picture control (picture libraries can be established according to different function types, which can be common graphics of different picture types or player-defined pictures (for example, player drawings or screenshots taken during the game)); players can place text boxes in the editing area by selecting a text control, and then enter text in the text box to obtain specific text in the game scene; the template control stores corresponding template types set by the player or system settings. Players can select a pre-reserved template by selecting a template control and perform corresponding modification operations to obtain a control combination that meets the player's needs.

[0094] In one possible implementation, for button controls, players can select the button control in the control selection area and click to expand the button style selection, wherein the second-level menu of the button control is classified by style, and the third-level menu is for specific styles, and the player needs to select the specific target control in the third-level menu; for image controls, players can select the image control in the control selection area and click to expand the image style selection, wherein the second-level menu is classified by function, and the third-level menu is for specific styles, and the player needs to select the specific target control in the third-level menu; for text controls, players can select the text control in the control selection area and click to expand the text style selection, wherein the second-level menu is classified into general and color, and the third-level menu is for specific styles, and the player needs to select the specific target control in the third-level menu; for template controls, players can select the template control in the control selection area and click to expand the template style selection, wherein the second-level menu is classified into official and custom, and the third-level menu is for specific styles, and the player needs to select the specific target control in the third-level menu.

[0095] For example, please refer to Figure 3, which is a schematic diagram of the control selection area provided in an embodiment of the present disclosure. As shown in Figure 3, the control selection area includes button controls, picture controls, text controls, and template controls. Players can select different types of controls and place them in the editing area by selecting different controls.

[0096] In one possible embodiment, the optional controls provided in the control selection area include independent controls and combined controls; and the independent controls include basic controls and logical controls; the combined controls are controls formed by combining at least two basic controls according to preset combination rules; the logical controls are controls mapped to game elements; and the display form of the logical controls changes with the changes in the properties of the mapped game elements.

[0097] Specifically, basic controls may include text boxes (corresponding text information can be entered through the text boxes, and the text entered by the player is displayed in the editing area), pictures, shapes, input boxes, etc.; different basic controls may include basic information such as size, color, and dimensions.

[0098] In one possible implementation, a composite control is created by combining basic controls according to a preset control combination type. A composite control includes a parent control and child controls. A parent control is a control that holds child controls, also known as a container; a child control is a control enclosed by a parent control. Specifically, for a button control, a composite control can be created by combining an image control and a text control as child controls. In a button composite control, the button icon is an image control, and the button identifier is a text control. For the progress bar control, the picture control, progress bar picture and title text box can be combined as sub-controls to obtain a combined control. In the progress bar combined control, the progress bar icon is the picture control, the progress bar display progress is the progress bar picture; the progress bar identifier is the title text box; for the slider control, the background picture, progress bar picture title text and sliding button can be combined as sub-controls to obtain a combined control; for the list control, the background picture, horizontal slider (adaptive to the list of horizontally expandable options) and vertical slider (adaptive to the list of vertically expandable options) can be combined to obtain a combined control; for the window control, the background picture, close button and text style can be combined to obtain a combined control.

[0099] It is worth noting that combination controls are also system-defined controls, and are placed under different types of controls in the control selection area. After the player selects the combination control through the selection operation, the parent control and child controls in the combination control are selected and placed in the editing area. The combination control is the same as the basic control and can be edited.

[0100] In a possible implementation, the logical control is a control mapped to a game element; the display form of the logical control changes as the attributes of the mapped game element change.

[0101] Exemplarily, logical controls may include skill buttons, item buttons, store buttons under store types, and synthesis controls, etc.; specifically, for skill buttons, skills can be mapped to the button, which will automatically refresh the skill's cooldown, disablement, charging, icon and other information; and skills can be used through the button; for item buttons, designated slots in the item bar or backpack bar can be mapped to the button, which will automatically refresh the item's cooldown, disablement, maximum number of layers, icon and other information; items can be used, discarded, and equipped through the button; for store types in store types, items on the store's designated tab can be mapped to the button, and items can be purchased through the button; for synthesis controls in store types, the synthesis of a certain item in the store in the game scene can be mapped to the control, and items can be synthesized and purchased through the control.

[0102] Furthermore, after the target control is selected through the control selection area, the target control component will be placed in the editing area. The properties of the target control component can be edited through the editing operation of the target control component to update the component properties of the target control component so that the target control component is more in line with the player's personalized settings.

[0103] S104: In response to the editing operation on the target control component, edit the control component properties of the target control component.

[0104] The control component properties of the target control component may include the display appearance of the target control component, the name of the target control component, the function corresponding to the target control component, the events that can be triggered when the target control component is clicked, and the triggering relationship between the target control component and other control components.

[0105] In a possible implementation, when the selected target control is a combination control, if it is necessary to update the properties of a child control in the combination control, it is necessary to select the parent control in the combination control and then perform an editing operation on the child control.

[0106] Specifically, when the target control is a combination control, the editing method further includes:

[0107] b1: In response to a trigger operation on the combined control, a list of sub-control names of sub-controls included in the combined control is displayed.

[0108] b2: In response to a filter operation on the sub-control name list, providing a sub-control property interface corresponding to the filter operation on the graphical user interface.

[0109] b3: In response to an editing operation on the sub-control property interface, updating the sub-control properties.

[0110] In one possible implementation, after receiving a touch operation for a combination control, all sub-controls included in the combination control need to be displayed, which may be by displaying a sub-control name list in a graphical user interface, wherein the control name of each sub-control included in the combination control is displayed in the sub-control name list; at the same time, in the sub-control name list, the sub-control names of each sub-control may be listed in the sub-control name list according to the hierarchical relationship between different sub-controls.

[0111] Furthermore, you can select any sub-control in the combined control by filtering in the sub-control name list, and display the sub-control property interface corresponding to the selected sub-control in the graphical user interface. The sub-control property interface displays the property information of the selected sub-control and the editing operation control, and you can adjust the corresponding sub-control properties through the editing operation control.

[0112] For example, when the sub-control is a text control, the text content, font size, and text color of the current text can be displayed in the sub-control property display interface. Players can edit the text content, font size, and text color to update the current display content, font size, and text color of the text control.

[0113] In a possible implementation, for a combined control, when the properties of the combined control are updated, the properties of each sub-control in the combined control will be updated synchronously.

[0114] Specifically, the editing method further includes:

[0115] c1: In response to the first property update operation on the combined control, synchronously update the first property of each sub-control in the combined control.

[0116] In an embodiment of the present disclosure, the property update operation for the combination control can be to update the style of the combination control (the size, color, display position and other information of the combination control). After the style of the combination control is updated, the properties of the sub-controls in the combination control will be reset synchronously.

[0117] For example, if the combined control is reduced in size, each combined control in the combined control will also be reduced in size according to a preset ratio.

[0118] In one possible implementation, the editing control interface also includes a toolbar area, and multiple editing functions are displayed in the toolbar area. For example, please refer to Figure 4, which is a schematic diagram of the toolbar area provided by an embodiment of the present disclosure. As shown in Figure 4, the editing interface includes a save control, through which the editing content in the current editing area can be saved; the editing interface includes an undo control, through which the last editing operation in the editing area can be undone; the editing interface includes a restore control, through which the last editing operation in the editing area can be restored; the editing interface includes an exit control, through which the current editing operation can be exited, and when the exit control is clicked, if the save is not clicked, a message indicating whether to exit will be displayed in the graphical user interface. If the prompt message is displayed, the player can abandon the modification and exit by selecting the "Yes" control, and will not exit by selecting the "No" control; the editing interface includes all display controls, which can be used to display all hidden controls in the editing area; the editing interface includes editor controls, which can be used to switch the page status of the current page; the editing interface includes trigger controls, which can be used to open the programming interface, and through the programming interface, the trigger content of each control in the editing area can be viewed (it is worth noting that after deleting the control component in the editing area, the trigger content corresponding to the control will be deleted synchronously); the editing interface includes motion effect controls, which can be used to open the motion effect timeline interface, and players can create and edit timeline motion effects in the motion effect timeline interface.

[0119] In a possible implementation, the toolbar further includes a hierarchical control, and the hierarchical control is configured to display hierarchical information of the control components displayed in the editing area when a trigger operation for the hierarchical control is received.

[0120] In one possible implementation, the control hierarchy list can be displayed in the control interface to be edited by triggering the hierarchical control in the toolbar; or the hierarchical relationship of the control components in the editing area can be displayed by displaying a schematic diagram of the positions of control components of different hierarchies in the control interface to be edited. The display method of the control hierarchy list will be explained in detail below.

[0121] Specifically, the editing method further includes:

[0122] d1: In response to a triggering operation on the hierarchical control, a control hierarchical list is displayed in the control interface to be edited.

[0123] In an embodiment of the present disclosure, please refer to Figure 5, which is one of the schematic diagrams of the control hierarchy list provided by the embodiment of the present disclosure. As shown in Figure 5, all control components existing in the current editing area, as well as the component name 510, control component identifier 520, control hidden status prompt information 530, control locked status information 540 and adjustment control 550 of each control component are displayed in the control hierarchy list 500; at the same time, the control hierarchy list 500 also includes a search area 560, and players can search for controls by entering the control name in the search area; at the same time, for combined controls, the parent control in the combined control is generally displayed first, and the folded display control 570 is displayed in the control hierarchy list at the same time, so that the child controls in the combined control can be displayed through touch operations on the folded display control.

[0124] In one possible implementation, the display order of control identifiers in the control hierarchy list is displayed according to the hierarchical relationship (occlusion order) between controls in the editing area. Taking the control hierarchy list as a vertical list as an example, the control hierarchy of the control identifier located above the control hierarchy list is higher than the control identifier located below the control hierarchy list, that is, when displayed in the editing area, the control component located above the control hierarchy list obscures the control component located below the control hierarchy list.

[0125] In a possible implementation, any control identifier may be selected through a selection operation in the control hierarchy list, and when any control identifier is selected, the area where the selected control identifier is located needs to be highlighted.

[0126] Specifically, the editing method further includes:

[0127] e1: In response to a selection operation on any control identifier displayed in the control hierarchy list, highlight the selected control identifier in the control hierarchy list.

[0128] In one possible implementation, after the player selects any control identifier in the control hierarchy list, the area where the control identifier is located can be highlighted (the background color of the area where the control identifier is located can be changed, or the area where the control identifier is located can be enlarged, etc.) to prompt the player of the currently selected control identifier, making it easier for the player to perform the next operation.

[0129] For example, please refer to Figure 6, which is a second schematic diagram of the control hierarchy list provided in an embodiment of the present disclosure. As shown in Figure 6, when the player selects the title control identifier, the area where the title control identifier is located is highlighted in the control hierarchy list (as shown in Figure 6, the area where the title control identifier is located is filled with a diagonal shadow).

[0130] In one possible implementation, players can search for target control components in the control hierarchy list by inputting operations in the search sub-area in the control hierarchy list to find the target control more quickly and accurately, thereby improving the efficiency and accuracy of control component search.

[0131] Specifically, the control hierarchy list includes a search sub-area; and the editing method further includes:

[0132] f1: In response to a search operation for a target keyword in the search sub-area, displaying a control identifier corresponding to the target keyword in a first preset display manner.

[0133] In a possible implementation, when the player inputs a target keyword, the control name including the control identifier of the target keyword input by the player is displayed in its entirety, and the component identifier of the control identifier and the control name are displayed simultaneously.

[0134] For example, when the player inputs "control" in the search sub-area, the component identifiers and control names of "control 1", "control 2" and "control 3" are displayed.

[0135] It is worth noting that the control display results obtained by the player through the search area search will be displayed in a way that removes the hierarchical relationship. The menu bar on the right side of the area corresponding to each control identifier is displayed as a jump button. By clicking the jump button, the player returns to the normal hierarchical display state and selects and locates the control identifier (that is, the area where the control identifier is located is highlighted).

[0136] In a possible implementation, the area where each control identifier is located further includes a hidden state control, and the hidden state control can be used to control the display and hiding states of the control component within the area.

[0137] Specifically, the editing method further includes:

[0138] g1: In response to the triggering operation of the hidden state control of any control identifier in the control hierarchy list, adjust the display state of the control identifier; wherein, the display state includes hiding the control component corresponding to the control identifier in the control interface to be edited or canceling the hiding of the control component corresponding to the control identifier in the control interface to be edited.

[0139] In the embodiment of the present disclosure, the state of the hidden state control may include a display state and a hidden state. The display state can control the visibility of the control and its sub-controls in the game, and will not affect the visibility during editing. When the control is in the display state, the option is disabled; the hidden state controls the visibility of the control and its sub-controls in the game, and will not affect the visibility during editing. When the control is in the hidden state, the option is disabled.

[0140] In one possible implementation, the display form of the hidden state control may be an eye. When the selected control component is in the displayed state, the display form of the hidden state control may be a normal eye. When the selected control component is in the hidden state, the display form of the hidden state control may be a normal eye plus a prohibition bar.

[0141] In a possible implementation, the hidden state control may be displayed only when the control component is in the hidden state, and the player may release the hidden state of the control component by triggering the hidden state control.

[0142] In a possible implementation, the selected control identifier may be locked or the locked state of the control component may be unlocked by triggering an operation on a locked control in the control identifier display area.

[0143] Specifically, the editing method further includes:

[0144] h1: In response to a lock operation on any control identifier in the control hierarchy list, the display parameters and display position of the control identifier are set to a non-editable state.

[0145] In one possible implementation, the display form of the locked control can be a "lock" style. When the corresponding control component is in a locked state, the "lock" is a locked display style; when the corresponding control component is not in a locked state, the "lock" is an unlocked display style.

[0146] In one possible implementation, when a control component is locked, the player cannot edit (change) the display parameters and position of the control component in the editing area. Components that have already been edited can be locked to prevent accidental modification or editing during subsequent editing processes.

[0147] In a possible implementation, the locked control may be displayed only when the control component is in a locked state, and the player may release the locked state of the control component by triggering the locked control.

[0148] In one possible implementation, when all control components in the editing area are displayed through a control hierarchy list, for a combination control, the parent control in the combination control is generally displayed first, and at the same time, a folded display control is displayed in the control hierarchy list, so that the child controls in the combination control can be displayed through a touch operation on the folded display control.

[0149] Specifically, when the target control in the control selection area is a combination control, a folding display control is also displayed in the control hierarchy list; the editing method further includes:

[0150] i1: In response to the triggering operation for the folding display control, the sub-control information of each sub-control included in the selected control identifier is displayed, and the sub-control information includes at least one of the following: control identifier, control name information, control hidden status prompt information, control locked status information and adjustment control.

[0151] In an embodiment of the present disclosure, when a trigger operation for a folded display control is received, the control identification, control name information, control hidden status prompt information, control locked status information and sub-list controls of all sub-controls included in the combined control are displayed at the preset position of the parent control in the control hierarchy list.

[0152] It is worth noting that the hierarchy of child controls is lower than that of the parent control, and there is a hierarchical relationship between child controls. However, for other control components lower than the combined control, the hierarchy of the child controls of the combined control is higher than other control components lower than the combined control.

[0153] Furthermore, a list of adjustment options may be displayed by triggering an adjustment control corresponding to the control identifier, and a quick adjustment operation may be triggered by selecting an adjustment option in the adjustment option list to adjust the control component.

[0154] Specifically, the editing method further includes:

[0155] j1: In response to a triggering operation on an adjustment control corresponding to any control identifier, triggering display of an adjustment option list corresponding to the control identifier; the adjustment option list includes at least one adjustment option for the control identifier.

[0156] j2: In response to a triggering operation on a target option in the at least one adjustment option, adjusting display parameters of the control component corresponding to the control identifier.

[0157] In an embodiment of the present disclosure, please refer to Figure 7, which is a schematic diagram of the adjustment option list provided in the embodiment of the present disclosure. As shown in Figure 7, the display of the adjustment option list can be a floating display on the control hierarchy list, and the adjustment options in the adjustment option list include at least one of the following: deleting the control component, adjusting the hierarchy of the control component, locking the control component, hiding the control component, editing the control component, and setting the control component as a template.

[0158] Among them, the triggering and control functions of locking the control component and hiding the control component are consistent with the functions of hiding and locking the control mentioned above, and will not be repeated here.

[0159] In one possible implementation, after receiving a player's trigger operation for editing a control, the interface can be jumped to the property interface of the selected control component, where the properties of the component control can be edited; after receiving a player's trigger operation for deleting a control, the trigger content of the selected control and the sub-controls included in the control component are deleted synchronously; if the control contains sub-controls, a secondary confirmation prompt message will pop up when deleting. For example, the confirmation prompt message may include information such as whether the control contains sub-controls and whether to delete them together; after receiving a player's trigger operation for adjusting a control, the selected control can be adjusted. The level of the control component; specifically, when the player selects the adjustment level control, the adjustment control on the right side of the area where the control component and other control components excluding the sub-controls are located is updated to a selection control, and after clicking the selection control, the options of "Adjust to below this control", "Adjust to above this control" and "Adjust to inside this control" are displayed in a floating manner. The player can determine the control level adjustment method by selecting the option, among which adjusting to above this control and adjusting to below this control are based on the level of the selected control; when the player selects the adjustment template control, the selected control component is set as a template and saved.

[0160] In a possible implementation, the selected control component may be set as a template, and after being set as a template, the selected control component may be saved. Next time when editing is required, the control may be edited directly by calling the template.

[0161] For example, the current combination control is a combination control of a button control and a picture control. At this time, the above combination method can be saved as a template. The next time the player performs an editing operation, if he also needs to edit the combination control of a button control and a picture control, he can directly call the template to set it.

[0162] Specifically, the editing method further includes:

[0163] k1: In response to a trigger operation on the area where any control identifier in the control hierarchy list is located, display a template setting control.

[0164] k2: The template setting control is configured to set the control identifier as a template and save the set template and template name when receiving a trigger operation for the template setting control.

[0165] In the embodiment of the present disclosure, the template setting control may not often be displayed in the control hierarchy list. When the player needs to set the current control identifier as a template, the template setting control can be displayed by sliding the area where the control identifier is located. The template setting control is configured to set the control identifier as a template and save the set template and template name when receiving a trigger operation for the template setting control.

[0166] In one possible embodiment, after receiving a touch operation of a player for a template setting control, a template setting interface can be displayed in a graphical user interface. Please refer to Figure 8. Figure 8 is a schematic diagram of the template setting interface provided by an embodiment of the present disclosure. As shown in Figure 8, the template setting interface may include a name input area. The player can set the template name of the template by inputting in the name input area, and after the player clicks the confirmation control in the template setting interface, the control identifier is set to the template and the set template and template name are saved.

[0167] In one possible implementation, after the player opens the control hierarchy list through the hierarchy control, it is generally necessary to adjust the hierarchy of the control components in the editing area. The player can adjust the hierarchy of the control components by adjusting any control identifier in the control hierarchy list.

[0168] Specifically, the editing method further includes:

[0169] l1: In response to a move operation on any control identifier in the control hierarchy list, the display hierarchy of the control identifier is adjusted based on the end position of the move operation, and multiple control components after the hierarchy adjustment are displayed in the editing area.

[0170] In an embodiment of the present disclosure, the control identifier whose level needs to be adjusted can be moved directly in the control hierarchy list. At the same time, the level to which the control component is adjusted is determined based on the end position of the moving operation, and after the level adjustment operation is completed, the level display of each control component in the editing area is synchronously adjusted.

[0171] In one possible implementation, the operation process of the moving operation can be displayed. For example, please refer to Figure 9, which is a schematic diagram of the control hierarchy adjustment provided by an embodiment of the present disclosure. As shown in Figure 9, when the control identifier is dragged to the area where any control in the control hierarchy list is located, an identification box (such as a red box) can be displayed around the area where any control identifier is located.

[0172] In one possible implementation, dragging a control identifier to adjust the level can be to adjust the control identifier to between the levels of two control components, or to drag the control identifier into a control component to become a child control of the control identifier; the display methods for dragging between the levels of two control identifiers and dragging into a control identifier can be different to prompt players with different dragging display methods.

[0173] For example, adjusting the control identifier to a level between two control identifiers may display a red area in the control identifier area, and dragging the control identifier into a control component may display a blue area in the control identifier area.

[0174] Furthermore, the control interface to be edited also includes a control editing area, and the control editing area 240 includes multiple parameter adjustment controls; the parameter adjustment control is configured to adjust the display parameters of the control component when a trigger operation for the parameter adjustment control is received.

[0175] Specifically, please refer to Figure 10, which is a schematic diagram of the control editing area provided by an embodiment of the present disclosure. As shown in Figure 10, the control editing area includes a lock control, and the player can lock the selected control component by triggering the lock control. When the control component is locked, the display position and display parameters of the control component cannot be adjusted (it is worth noting that the control in the locked state cannot be selected by clicking on the editing area, and can only be unlocked by operating the hierarchical control and selecting the control in the control hierarchy list. The locked control will not block the selection operation, and the user can select the obscured control below); the control editing area includes a delete control, and the player can delete the selected control component (and simultaneously delete the sub-controls and triggering content of the control component) by triggering the delete control; the control editing area includes a copy control, and the player can copy the selected control component (multiple copies can be made at the same time) by triggering the copy control; the control editing area includes a hide control, and the player can hide the selected control component or unlock the hidden state of the selected control component by touching the hide control. A trigger can be used to trigger the control component to display and end the display, and can also set the tasks that the control component can complete when it is triggered.

[0176] In one possible implementation, the control editing area includes a multiple-selection control; the multiple-selection control is configured to select at least two control components in the editing area when receiving a configuration operation for the multiple-selection control, and synchronously adjust the display parameters of the at least two selected control components.

[0177] In a possible implementation, please refer to Figure 11, which is a schematic diagram of the control multi-selection process provided by an embodiment of the present disclosure. As shown in Figure 11, after receiving a trigger operation for a multi-select control from a player, the player can simultaneously select at least two control components in the editing area, and in the control multi-selection state, the player can increase or decrease the selected control components, and a selection mark is displayed at a preset position of the selected control component. After triggering the multi-selection operation, the player can simultaneously perform synchronous operations on the selected multiple controls (moving the positions of the multiple controls (the relative positions of the selected multiple control components need to remain unchanged); or updating the properties of the multiple controls at the same time (adjusting the color of each control, etc.)).

[0178] In a possible implementation, the parameter adjustment control includes an alignment control; the alignment control is configured to align at least one selected control component when a trigger operation for the alignment control is received.

[0179] In a possible implementation, when performing the alignment function, it is necessary to determine a reference object for the alignment function. In this case, it is necessary to determine a reference object for the alignment function.

[0180] Specifically, the editing method further includes:

[0181] m1: In response to a trigger operation on the alignment control, display an alignment option list and detect whether the number of currently selected control components is unique.

[0182] m2: If the number of currently selected control components is unique, based on the alignment method selected in the alignment option list, the control display position of the currently selected control component is aligned with the regional position of the editing area according to the regional position of the editing area.

[0183] m3: If the number of currently selected control components is not unique, based on the alignment method selected in the alignment option list, according to the control position of the control component that was first selected among multiple control components, the display position of each currently selected control component is aligned with the display position of the control component that was first selected.

[0184] In the embodiment of the present disclosure, if the currently selected control component for alignment is unique, the component controls are aligned according to the position and boundary of the editing area; if the currently selected control component for alignment is not unique, it is necessary to determine the control component that was first selected among multiple control components. At this time, alignment can be performed based on the position of the control component that was first selected, and the other selected control components are aligned according to the position of the control component that was first selected.

[0185] In a possible implementation, after determining the alignment standard object, it is also necessary to determine the alignment method for alignment. Specifically, different alignment methods can be displayed through an alignment option list. For example, please refer to Figure 12, which is a schematic diagram of the alignment option list provided in an embodiment of the present disclosure. As shown in Figure 12, the alignment method can include left / vertical center / right / top / horizontal center / bottom alignment of the selected control component, as well as adjusting the same spacing, setting it to horizontal equal spacing and vertical equal spacing, etc.

[0186] In a possible implementation, if it is a combined control that needs to be aligned, after the combined control is aligned according to the above alignment method, the child control also needs to be aligned with the parent control.

[0187] Specifically, the editing method further includes:

[0188] n1: When the control component includes a combination control, in response to a trigger operation on the alignment control, the display position of the child control in the combination control is aligned with the display position of the parent control in the combination control.

[0189] In the embodiment of the present disclosure, if it is a combination control that needs to be aligned, after aligning the combination control according to the above alignment method, the child control also needs to be aligned with the parent control according to the display position of the parent control in the editing area.

[0190] In a possible implementation, similarly, after determining the alignment standard object, it is also necessary to determine the alignment method for alignment. Specifically, different alignment methods can be displayed through an alignment option list. For example, the alignment method can include left / vertical center / right / top / horizontal center / bottom alignment of the selected control component, as well as adjusting the same spacing, setting it to horizontal equal spacing and vertical equal spacing, etc.

[0191] In a possible implementation, the control editing area further includes a setting control, and the player can adjust the property information of the currently selected control component by triggering the setting control.

[0192] Specifically, the parameter adjustment control includes a setting control, and the editing method further includes:

[0193] O1: In response to a trigger operation on the setting control, a parameter adjustment list corresponding to the currently selected control component is displayed.

[0194] O2: In response to an adjustment operation on a parameter in the parameter adjustment list, adjusting the display form of the currently selected control component.

[0195] Among them, the adjustment parameters include at least one of the following: please refer to Figure 13, Figure 13 is one of the schematic diagrams of the parameter adjustment list provided by the embodiment of the present disclosure, as shown in Figure 13, the display color of the control component, the display position of the control component, the alignment of the control component, the display status of the dividing line of the control component, and the relative display position parameters of the control component.

[0196] In one possible implementation, for different types of control components, the corresponding setting types may be different (for example, a picture type control needs to set the display form of the picture resource, while a text type control needs to set the display form of the text, etc.). Therefore, for different types of controls, the adjustment options displayed in the parameter adjustment list may not be exactly the same. For the adjustment parameters of the display color of the control component, different color palette options can be provided. First, for the color display, the basic color value is displayed first, and at the same time, different color value options are provided in the parameter adjustment list to change the color of the control component; the display position of the control component can be adjusted by manually inputting the X-axis and Y-axis coordinates provided in the parameter adjustment list. The adjustment of the alignment of the control component can be selected according to the alignment options provided in the parameter adjustment list, and then the control is aligned (left-aligned, upward-aligned, etc.). Generally speaking, the text control requires the alignment of the control component. The display state of the dividing line of the control component and the relative display position parameters of the control component are both adjustment methods for the picture control. The following will explain in detail the adjustment methods of the display state of the dividing line of the control component and the relative display position parameters of the control component, which will not be repeated here.

[0197] In one possible implementation, please refer to Figure 14, which is a second schematic diagram of the parameter adjustment list provided in the embodiment of the present disclosure. As shown in Figure 14, the parameter adjustment list also includes a text input box, and the text control content can be edited in the text input box. When the text content exceeds the maximum word value, the input text needs to be marked in red or a prompt message needs to be popped up directly to remind the player that the current maximum range of text input is exceeded.

[0198] In a possible implementation, please refer to FIG15 , which is a third schematic diagram of a parameter adjustment list provided by an embodiment of the present disclosure. As shown in FIG15 , the parameter adjustment list also includes a picture adjustment area. By default, there is no picture in the picture adjustment area. You can click on the side control to open the sidebar and select pictures by category. Specifically, when the picture resources are displayed through the operation of the sidebar, the bottom plate displayed after expanding the filter drop-down box also needs to change the height adaptively according to the content. The drop-down box selects different categories for filtering. The category type at the top is displayed in full, and the remaining options can be set according to display requirements. When the player selects a certain category through operation, After selecting a picture, the picture selected by the player needs to be displayed in the parameter adjustment list; in a common setting method, the first picture selected in the picture list is blank by default; at the same time, some pictures do not have categories, so there is no need to set a drop-down box option for such pictures. Therefore, it is necessary to set up support for the drop-down box hiding function, and the content below needs to be adaptively hidden; there is also splicing setting logic for the picture setting method. Specifically, after the filter drop-down box is displayed, the bottom plate needs to adaptively change the height according to the content; the interactive response range when the player selects the picture is the range where the entire picture is located; when the player operates the drop-down box, the interactive area is the area where the entire drop-down box is located.

[0199] In a possible implementation, please refer to Figure 16, which is a fourth schematic diagram of the parameter adjustment list provided in the embodiment of the present disclosure. As shown in Figure 16, the parameter adjustment list also includes a control adaptive adjustment area. The four adaptive margins of the control need to be turned on by a switch and adjusted by the player inputting numerical values ​​(for example, when the switch control is in the on state, the player can input text normally and set the margin values ​​on different sides; when the switch control is in the off state, the player cannot input text and set the margin values ​​on different sides); further, the switches and numerical values ​​in the four directions directly affect the adaptive effect preview and the adaptive state of the entrance. It is worth noting that the interactive area of ​​the adaptive adjustment operation is the area where the entire adaptive adjustment parameter is located. When the input box is in a non-input state, the text box cannot be interacted with.

[0200] In a possible implementation, please refer to Figure 17, which is the fifth schematic diagram of the parameter adjustment list provided in the embodiment of the present disclosure. As shown in Figure 17, the parameter adjustment list also includes a projection parameter adjustment area. For the projection parameter adjustment area, the projection parameter adjustment area is generally in a closed state, and players generally do not need to adjust the projection parameters. When the player manually sets the projection parameter adjustment area to open, the projection parameters can be adjusted by entering a value in the text box.

[0201] Furthermore, when the selected control component is a combined control, the relative positions of the parent control and child controls in the combined control can be adjusted by setting the anchor point parameters in the control.

[0202] Specifically, if the currently selected control component is a combination control, the step of “adjusting the display form of the currently selected control component in response to an adjustment operation on an adjustment parameter in the parameter adjustment list” includes:

[0203] p1: in response to an adjustment operation on an anchor parameter in the parameter adjustment list, adjusting the display position of a child control in the composite control relative to the parent control; or

[0204] p2: In response to an adjustment operation on a sub-control parameter in the parameter adjustment list, display a sub-control information list corresponding to the sub-control in the combined control;

[0205] p3: In response to an adjustment operation on a sub-control parameter in the sub-control information list, adjust the display form of the sub-control.

[0206] In the embodiment of the present disclosure, please refer to Figure 18. Figure 18 is the sixth schematic diagram of the parameter adjustment list provided in the embodiment of the present disclosure. As shown in Figure 18, the anchor point position (the position of the child control relative to the parent control) can be modified by modifying the anchor point parameters. The anchor position between the child control and the parent control can be determined by selecting the position of the basic anchor point. At the same time, the position of the child control relative to the parent control can be adjusted based on detailed adjustments to the X-axis coordinates and the Y-axis coordinates.

[0207] It is worth noting that when the base anchor point in the anchor point parameters is changed, the corresponding XY axis offset values ​​are cleared and reset.

[0208] In one possible implementation, please refer to Figure 19, which is the seventh schematic diagram of the parameter adjustment list provided in the embodiment of the present disclosure. As shown in Figure 19, the sub-control information list of the selected sub-control is displayed in the graphical user interface, and the attribute information of the selected sub-control and the editing operation control are displayed in the sub-control information list. The corresponding sub-control attributes can be adjusted through the editing operation control.

[0209] In a possible implementation, as shown in the figure, the child control information list also includes an operation control for returning to the parent control. The player can close the child control information list and return to the parameter adjustment list by triggering the operation control for returning to the parent control.

[0210] For example, when the sub-control is a text control, the text content, font size, and text color of the current text can be displayed in the sub-control property display interface. Players can edit the text content, font size, and text color to update the current display content, font size, and text color of the text control.

[0211] In a possible implementation, if a picture control in the basic controls is selected, the display form of the picture control may also be adjusted.

[0212] Specifically, if the currently selected control component is a picture control in the basic control, the editing method further includes:

[0213] q1: In response to an adjustment operation on a dividing line parameter in the parameter adjustment list, setting a display position and a display boundary of the dividing line on the picture control.

[0214] q2: Display at least one set of dividing lines on the image control in the editing area according to the set display position and display boundary.

[0215] In the embodiment of the present disclosure, please refer to Figure 20, which is the eighth schematic diagram of the parameter adjustment list provided in the embodiment of the present disclosure. As shown in Figure 20, the picture control editing interface can be displayed by selecting the picture control. In the picture control editing interface, the position of the dividing line and the boundary range in the picture can be set, and the segmentation result of the picture control can be displayed after setting.

[0216] In one possible implementation, as shown in the figure, the player can adjust the position of different dividing lines by adjusting the numerical values ​​of different dividing lines on the picture control editing interface to adjust the size of different divided areas in the picture, and the picture control editing interface also includes a restore default control. The player can remove the current setting for the dividing line on the picture by touching the restore default control.

[0217] When viewing an image control that includes a dividing line (for example, viewing it in full screen), you can directly drag the dividing line on the image control to adjust the position of the dividing line on the image, and while dragging the dividing line, directly correct the specific values ​​of different dividing line values ​​in the image control editing interface.

[0218] For example, the image can be set to be displayed in a nine-square grid by setting the dividing line. Players can set the parameters of the dividing line in the image to not set the nine-square grid display format on the image to an equally divided state, but can adjust the display range of different formats and clarify the display range of the image control after the nine-square grid processing.

[0219] In one possible implementation, in order to understand how controls are displayed in different editing area scenes, the game scene in the editing area can be adjusted by scaling the game scene in the editing area. It is worth noting that when adjusting the editing scene, it is necessary to ensure that the display position of the control components in the editing area and the arrangement of the controls remain unchanged.

[0220] Specifically, the editing method further includes:

[0221] r1: In response to the background adjustment operation for the editing area, the display position and display form of the game scene displayed in the editing area are adjusted; the display form of the game scene in the editing area includes stretching the game scene and scaling the game scene; when adjusting the display position and display form of the game scene in the editing area, the display position and control arrangement of the control components placed in the editing area remain unchanged.

[0222] In some optional embodiments, the editing area displays an adjustment control corresponding to the background adjustment operation, and in response to a trigger operation on the adjustment control, the display position and display form of the game scene are adjusted according to the moving direction of the trigger operation.

[0223] In this way, by adjusting the display position and display form of the game scene in the editing area while keeping the display position and arrangement of the control components unchanged, the display effect of the control components under different scene conditions can be determined, which helps players to adjust the display parameters of the control components more accurately and helps to improve the accuracy of control component editing.

[0224] In one possible embodiment, the triggering method for the stretching and / or zooming operation of the game scene in the editing area may be that when no control component in the editing area is selected, the player directly adjusts the display position and display form of the game scene in the editing area by dragging; or, after selecting the control component in the editing area, if the player performs a triggering operation again, and the operation position is not within the display area of ​​the control component, the display position and display form of the game scene in the editing area are also adjusted by the triggering operation.

[0225] In a possible implementation, for a combined control or a control with multiple levels, a player may select control components at different levels by performing continuous touch operations on the combined control or the control with multiple levels.

[0226] Specifically, the editing method further includes:

[0227] s1: In response to multiple consecutive triggering operations on the combined control, based on the hierarchy of the combined control, sub-controls corresponding to each hierarchy of the combined control are sequentially displayed on the front layer of the control interface to be edited.

[0228] In the embodiment of the present disclosure, after the player selects a combination control or multiple levels of controls through a trigger operation, he can select the combination control or each control in the multiple levels of controls in turn through continuous touch operations, and then display the sub-controls corresponding to each level of the combination control in turn on the front layer of the control interface to be edited.

[0229] For example, please refer to Figure 21, which is a schematic diagram of the combination control selection process provided by the embodiment of the present disclosure. As shown in Figure 21, the combination control contains three display levels. After the player triggers the operation for the first time, the control component of the first level is selected. After the player triggers the operation for the second time, the control component of the second level is selected; after the player triggers the operation for the third time, the control component of the third level is selected.

[0230] In one possible implementation, when the selected control is a combination control or a multi-level control, a control list can also be displayed in the graphical user interface. When the player selects any control component through a selection operation, a prompt can be displayed in the control area of ​​the control list (the area where the control is located is highlighted, or a red marking box is displayed in the area where the control is located).

[0231] In a possible implementation, when the control component is a combined control, when the combined control is displayed, the outline of the sub-control needs to be displayed to prompt the player that the currently selected control is a combined control.

[0232] Specifically, the editing method further includes:

[0233] t1: When the control component is a combination control, in response to a selection operation on a parent control component in the combination control, the parent control component is displayed in a first display form, and each child control component in the combination control is displayed in a second display form.

[0234] t2: In response to a move operation on the combined control, the relative positions of the parent control component and the child control component in the combined control are controlled to remain unchanged, and at the same time, the operation position following the move operation moves in the editing area.

[0235] For example, please refer to Figure 22, which is a schematic diagram of the combined control display process provided by an embodiment of the present disclosure. As shown in Figure 22, when the current parent control is circular and the child control is rectangular, the parent control is displayed normally, but the outline of the rectangular child control can be displayed at the same time as the parent control is displayed.

[0236] In one possible implementation, when the combined control is moved, the child controls in the combined control will maintain their offset positions and move together. That is, when the combined control is moved, the parent control and child controls in the combined control will maintain their relative positions unchanged, and will move in the editing area following the operation position of the triggering operation.

[0237] Furthermore, for the control components in the editing area, it is possible to set the control components not through the setting controls in the control interface to be edited, but directly through touch operations on the control components and quick settings. This makes it more convenient to set the display form of the control to improve the efficiency of control settings.

[0238] Specifically, the editing method further includes:

[0239] u1: In response to a selection operation on any control component in the editing area, at least one quick adjustment control is displayed at a preset position of the currently selected control component.

[0240] u2: In response to a first triggering operation on a target adjustment control in the at least one quick adjustment control, adjust the display form of the currently selected control component according to the adjustment method corresponding to the target adjustment control.

[0241] In one possible implementation, after receiving a player's selection operation on a control component, at least one quick adjustment control is displayed at a preset position of the selected control component. The player can open a setting interface by selecting any quick adjustment control and quickly set the selected control component.

[0242] Specifically, please refer to Figure 23, which is a schematic diagram of the types of quick adjustment controls provided by an embodiment of the present disclosure. As shown in Figure 23, the quick adjustment controls may include at least one of the following: deletion control, text editing control, copy control, rotation + zoom control, dragging anchor points, changing control style, etc.

[0243] It is worth noting that the quick adjustment controls preferentially selected by control components with different attributes may be different. For example, please refer to Figure 24, which is a schematic diagram of the quick adjustment control display provided by an embodiment of the present disclosure. As shown in Figure 24, when the control component is a text box, the quick adjustment control for editing text can be displayed preferentially. When the control component is a picture, the quick adjustment control for changing the control style can be displayed preferentially.

[0244] In a possible implementation, when a control component is dragged to move within the editing area, the moving control component can be automatically aligned according to an adsorption rule.

[0245] Specifically, the editing method further includes:

[0246] v1: In response to a trigger operation on any control component in the editing area, control the currently selected control component to move in the editing area.

[0247] v2: During the movement of the control component in the editing area, if the preset position of the control component and other control components meet the preset adsorption rules, the display position of the control component is aligned with the display positions of the other control components and displayed at the preset position of the display positions of the other control components.

[0248] In the disclosed embodiments, adsorption is an interactive effect in which an object (control component) automatically aligns and fixes itself to a certain position when it approaches it. During the movement of a control component in the editing area, if the preset position of the control component (the surrounding position or edge position of the control component) and the preset adsorption rules between the control component and other component controls are met, the control component's display position is aligned with the display positions of the other control components and is displayed at the preset position of the display positions of the other control components.

[0249] In a possible implementation, please refer to Figure 25, which is a schematic diagram of the adsorption method provided in an embodiment of the present disclosure. As shown in Figure 25, the display position of the control component can be aligned with the display position of other control components by edge alignment or center alignment.

[0250] Furthermore, if the distance between the position of a control component relative to other control components exceeds a preset threshold, the adsorption state of the control component will be automatically released (when moving the control, the control component will be released after being dragged beyond 5 pixels, and the adsorption prompt line will display the pixel distance between the two controls; when rotating the control component, if the relative angle between the control component and other components reaches 45°, it will be adsorbed, and if the relative angle between the control component and other components reaches 3°, the adsorption state will be released).

[0251] In a possible implementation, when the combined control is in an adsorption state or a release state, the adsorption state and the release state are displayed in the editing area.

[0252] Specifically, the editing operation further includes:

[0253] w1: When the control component is in the adsorption state, the control component is displayed with a preset display effect and adsorption state prompt information is displayed at a preset position of the control component. The adsorption state prompt information includes the angle and / or distance between the control component and the adsorbed control.

[0254] w2: When the control component ends the adsorption state, a non-adsorption state prompt message is displayed at a preset position of the control component.

[0255] In an embodiment of the present disclosure, when the control component is in an adsorption state, the control component is displayed with a preset display effect and adsorption state prompt information is displayed at a preset position of the control component, and the adsorption state prompt information includes the angle and / or distance between the control component and the adsorbed control; when the control component ends the adsorption state, non-adsorption state prompt information is displayed at the preset position of the control component.

[0256] For example, please refer to Figure 26, which is a schematic diagram of the adsorption state provided in an embodiment of the present disclosure. As shown in Figure 26, when the control component is in the adsorption state, the control component may be displayed as a solid line (in the actual real-time process, it may be displayed in red in the editing area); when the control component is in the non-adsorption state, the control component may be displayed as a dotted line (in the actual real-time process, it may be displayed in blue in the editing area).

[0257] In a possible implementation, in order to further prompt the adsorption state of the control component, the terminal device may be linked to provide a prompt when the control component adsorbs other control components.

[0258] Specifically, after the step of "during the movement of the control component in the editing area, if the preset position of the control component and the preset adsorption rule between other control components are satisfied, aligning the display position of the control component with the display positions of the other control components and displaying the control component at the preset position of the display positions of the other control components", the editing method further includes:

[0259] x1: Control the terminal device to perform a vibration operation.

[0260] In the embodiment of the present disclosure, when the control component is in the adsorption state (when the control component has just been determined to be adsorbed), the terminal device can be controlled to vibrate to prompt; or adsorption prompt information can be displayed in the graphical user interface to prompt the adsorption state of the current control component.

[0261] Furthermore, after completing the editing of the target component control in the to-be-edited interface, click the save control to save the edited content in the current editing area. When the game is running, the corresponding editing scene will be displayed.

[0262] S105. In response to a game running instruction, displaying in the graphical user interface a game scene corresponding to the game scene to be edited and a target control corresponding to the target control component configured with the control component attributes.

[0263] In one possible implementation, when the game is running, a game scene corresponding to the game scene to be edited needs to be displayed in a graphical user interface. The game scene includes virtual objects corresponding to the scene components. At the same time, the target control component set by the player will also be displayed in the graphical user interface. The player can display the skills corresponding to the control skills set by the player through touch operations on the target control.

[0264] It is worth noting that the target control is a control displayed on the graphical user interface independently of the game scene, and the display position and display parameters of the target control do not change as the game scene changes.

[0265] The embodiment of the present disclosure provides an editing method for a UI interface in a game, which provides a game scene to be edited provided by running a game program in a graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate corresponding virtual objects in the game scene corresponding to the game scene to be edited when the game is running; in response to an editing instruction, a control interface to be edited is displayed in the graphical user interface, and the control interface to be edited includes an editing area and a control selection area; in response to a selection operation on a target control in the control selection area, a target control component corresponding to the target control is generated in the editing area; in response to an editing operation on the target control component, the control component properties of the target control component are edited, and in response to a game running instruction, the game scene corresponding to the game scene to be edited and the target control corresponding to the target control component configured with the control component properties are displayed in the graphical user interface. In this way, the target control component can be determined by selecting the control in the control selection area in the game scene to be edited, and the component properties of the target control can be edited directly through editing operations in the control interface to be edited, thereby generating the target component in the game scene, reducing the editing time of the control component in the graphical user interface and helping to improve the control editing efficiency; at the same time, the control editing process is obtained by the player through editing operations, which is more in line with the player's personalized needs for the control and further improves the efficiency of human-computer interaction.

[0266] Based on the same inventive concept, the embodiment of the present disclosure also provides an editing device for the UI interface in the game corresponding to the editing method for the UI interface in the game. Since the principle of solving the problem by the device in the embodiment of the present disclosure is similar to the editing method for the UI interface in the game in the above-mentioned embodiment of the present disclosure, the implementation of the device can refer to the implementation of the method, and the repeated parts will not be repeated.

[0267] Please refer to FIG. 27 , which is a schematic diagram of the structure of a device for editing a UI interface in a game provided by an embodiment of the present disclosure. As shown in FIG. 27 , the editing device 2700 includes:

[0268] The scene display module 2710 is configured to provide a game scene to be edited provided by running the game program in the graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate a corresponding virtual object in the game scene corresponding to the game scene to be edited when the game is running;

[0269] The editing interface display module 2720 is configured to execute, in response to the editing instruction, displaying the control interface to be edited in the graphical user interface, wherein the control interface to be edited includes an editing area and a control selection area;

[0270] The control component generating module 2730 is configured to generate a target control component corresponding to the target control in the editing area in response to a selection operation on the target control in the control selection area;

[0271] The control editing module 2740 is configured to edit the control component properties of the target control component in response to the editing operation on the target control component;

[0272] The game running module 2750 is configured to execute in response to a game running instruction, and display in the graphical user interface a game scene corresponding to the game scene to be edited, and a target control corresponding to the target control component configured with the control component properties.

[0273] In one possible implementation, the optional controls provided in the control selection area include independent controls and combined controls; when the control component generation module 2730 is configured to generate a target control component corresponding to the target control in the editing area in response to a selection operation on the target control in the control selection area, the control component generation module 2730 is configured to perform:

[0274] In response to a triggering operation on any optional control in the control selection area, a list of control types corresponding to the selected optional control is displayed;

[0275] In response to a selection operation on any target control in the control type list, a target control component corresponding to the target control is generated in the editing area.

[0276] In a possible implementation, the independent control includes a basic control and a logic control;

[0277] The combined control is a control formed by combining at least two basic controls according to a preset combination rule;

[0278] The logic control is a control after the game element is mapped; the display form of the logic control changes with the property change of the mapped game element.

[0279] In a possible implementation, when the target control is a combination control, the editing device 2700 further includes a first property updating module (not shown in the figure), and the first property updating module is configured to execute:

[0280] In response to a trigger operation on the combined control, display a list of sub-control names of sub-controls included in the combined control;

[0281] In response to a filter operation on the sub-control name list, providing a sub-control property interface corresponding to the filter operation on the graphical user interface;

[0282] In response to an editing operation on the sub-control property interface, the sub-control properties are updated.

[0283] In a possible implementation, the editing device 2700 further includes a second attribute updating module (not shown in the figure), and the second attribute updating module is configured to execute:

[0284] In response to the first property update operation for the combined control, the first property of each sub-control in the combined control is synchronously updated.

[0285] In a possible implementation, the control interface to be edited further includes a hierarchical control; the hierarchical control is configured to display hierarchical information of the control components displayed in the editing area when a trigger operation for the hierarchical control is received.

[0286] In a possible implementation, the editing device 2700 further includes a hierarchical list display module (not shown in the figure), and the hierarchical list display module is configured to execute:

[0287] In response to a triggering operation on the hierarchical control, a control hierarchical list is displayed in the control interface to be edited.

[0288] In a possible implementation, the editing device 2700 further includes a control highlighting module (not shown in the figure), which is configured to execute:

[0289] In response to a selection operation on any one of the control identifiers displayed in the control hierarchy list, the selected control identifier in the control hierarchy list is highlighted.

[0290] In a possible implementation, the control hierarchical list includes a search sub-area; the editing device 2700 further includes a control search module (not shown in the figure), and the control search module is configured to execute:

[0291] In response to a search operation for a target keyword in the search sub-area, a control identifier corresponding to the target keyword is displayed in a first preset display manner.

[0292] In a possible implementation, the control hierarchical list includes a search sub-area; the editing device 2700 further includes a control hiding module (not shown in the figure), and the control hiding module is configured to execute:

[0293] In response to a triggering operation on a hidden state control of any control identifier in the control hierarchy list, the display state of the control identifier is adjusted; wherein, the display state includes hiding the control component corresponding to the control identifier in the control interface to be edited or canceling the hiding of the control component corresponding to the control identifier in the control interface to be edited.

[0294] In a possible implementation, the control hierarchical list includes a search sub-area; the editing device 2700 further includes a control locking module (not shown in the figure), and the control locking module is configured to execute:

[0295] In response to a locking operation on any control identifier in the control hierarchy list, the display parameters and display position of the control identifier are set to a non-editable state.

[0296] In a possible implementation, when the target control in the control selection area is a combination control, a folding display control is also displayed in the control hierarchy list; the editing device 2700 further includes a control folding display module (not shown in the figure), and the control folding display module is configured to execute:

[0297] In response to the triggering operation for the folding display control, the sub-control information of each sub-control included in the selected control identifier is displayed, and the sub-control information includes at least one of the following: control identifier, control name information, control hidden status prompt information, control locked status information and adjustment control.

[0298] In a possible implementation, the editing device 2700 further includes a control adjustment list display module (not shown in the figure), and the control adjustment list display module is configured to execute:

[0299] In response to a triggering operation on an adjustment control corresponding to any control identifier, triggering display of an adjustment option list corresponding to the control identifier; the adjustment option list includes at least one adjustment option for the control identifier;

[0300] In response to a triggering operation on a target option among the at least one adjustment option, adjusting a display parameter of a control component corresponding to the control identifier;

[0301] The adjustment options include at least one of the following: deleting a control component, adjusting the hierarchy of a control component, locking a control component, hiding a control component, editing a control component, and setting a control component as a template;

[0302] When the adjustment option includes deleting a control component, the triggering content of the control component and the sub-controls included in the control component are synchronously deleted.

[0303] In a possible implementation, the editing device 2700 further includes a control template setting module (not shown in the figure), and the control template setting module is configured to execute:

[0304] In response to a trigger operation on the area where any control identifier in the control hierarchy list is located, displaying a template setting control;

[0305] The template setting control is configured to set the control identifier as a template and save the set template and template name when receiving a trigger operation for the template setting control.

[0306] In a possible implementation, the editing device 2700 further includes a control level movement module (not shown in the figure), and the control level movement module is configured to execute:

[0307] In response to a move operation on any control identifier in the control hierarchy list, the display hierarchy of the control identifier is adjusted based on the end position of the move operation, and multiple control components after the hierarchy adjustment are displayed in the editing area.

[0308] In a possible implementation, the control interface to be edited further includes a parameter adjustment control;

[0309] The parameter adjustment control is configured to adjust the display parameters of the control component when a trigger operation for the parameter adjustment control is received.

[0310] In a possible implementation, the parameter adjustment control includes a multiple-selection control; the editing device 2700 further includes a control multiple-selection module (not shown in the figure), and the control multiple-selection module is configured to execute:

[0311] The multi-select control is configured to select at least two control components in the editing area and synchronously adjust display parameters of the at least two selected control components when a configuration operation for the multi-select control is received.

[0312] In a possible implementation, the parameter adjustment control includes an alignment control; the alignment control is configured to align at least one selected control component when a trigger operation for the alignment control is received.

[0313] In a possible implementation, the editing device 2700 further includes a first alignment module (not shown in the figure), which is configured to execute:

[0314] In response to a trigger operation on the alignment control, display a list of alignment options and detect whether the number of currently selected control components is unique;

[0315] If the number of currently selected control components is unique, based on the alignment selected in the alignment option list, the control display position of the currently selected control component is aligned with the regional position of the editing area according to the regional position of the editing area;

[0316] If the number of currently selected control components is not unique, based on the alignment method selected in the alignment option list, according to the control position of the control component that was first selected among multiple control components, the display position of each currently selected control component is aligned with the display position of the control component that was first selected.

[0317] In a possible implementation, the editing device 2700 further includes a second alignment module (not shown in the figure), which is configured to execute:

[0318] When the control component includes a combined control, in response to a triggering operation on the alignment control, the display position of the child control in the combined control is aligned with the display position of the parent control in the combined control.

[0319] In a possible implementation, the parameter adjustment control includes a setting control; the editing device 2700 further includes a control setting module (not shown in the figure), and the control setting module is configured to execute:

[0320] In response to a trigger operation on the setting control, a parameter adjustment list corresponding to the currently selected control component is displayed;

[0321] In response to an adjustment operation on an adjustment parameter in the parameter adjustment list, adjusting a display form of the currently selected control component;

[0322] The adjustment parameters include at least one of the following: display color of the control component, display position of the control component, alignment of the control component, display state of the dividing line of the control component, and relative display position parameters of the control component.

[0323] In a possible implementation, if the currently selected control component is a combination control, when the control setting module is configured to execute an adjustment operation for adjusting parameters in the parameter adjustment list and adjust the display form of the currently selected control component, the control setting module is configured to execute:

[0324] In response to an adjustment operation on an anchor point parameter in the parameter adjustment list, adjusting a display position of a child control in the combined control relative to a parent control; or

[0325] In response to an adjustment operation on a sub-control parameter in the parameter adjustment list, displaying a sub-control information list corresponding to the sub-control in the combined control;

[0326] In response to an adjustment operation on a sub-control parameter in the sub-control information list, a display form of the sub-control is adjusted.

[0327] In a possible implementation, when the currently selected control component is a picture control in the basic control, the editing device 2700 further includes a picture segmentation setting module (not shown in the figure), and the picture segmentation setting module is configured to execute:

[0328] In response to an adjustment operation on a dividing line parameter in the parameter adjustment list, setting a display position and a display boundary of the dividing line on the picture control;

[0329] At least one set of dividing lines is displayed on the picture control in the editing area according to the set display position and display boundary.

[0330] In a possible implementation, the editing device 2700 further includes a background adjustment module (not shown in the figure), which is configured to execute:

[0331] In response to a background adjustment operation on the editing area, the display position and display form of the game scene displayed in the editing area are adjusted; the display form of the game scene in the editing area includes stretching the game scene and scaling the game scene; when adjusting the display position and display form of the game scene in the editing area, the display position and control arrangement of the control components placed in the editing area remain unchanged.

[0332] In a possible implementation, the editing device 2700 further includes a control level display module (not shown in the figure), and the control level display module is configured to execute:

[0333] In response to multiple consecutive triggering operations on the combined control, based on the hierarchy of the combined control, sub-controls corresponding to each hierarchy of the combined control are sequentially displayed on the front layer of the control interface to be edited.

[0334] In a possible implementation, the editing device 2700 further includes a combined control moving module (not shown in the figure), and the combined control moving module is configured to execute:

[0335] When the control component is a combination control, in response to a selection operation on a parent control component in the combination control, the parent control component is displayed in a first display form, and each child control component in the combination control is displayed in a second display form;

[0336] In response to a move operation on the combined control, the relative positions of the parent control component and the child control component in the combined control are controlled to remain unchanged, while the operation position following the move operation moves in the editing area.

[0337] In a possible implementation, the editing device 2700 further includes a control shortcut operation module (not shown in the figure), which is configured to execute:

[0338] In response to a selection operation on any control component in the editing area, displaying at least one quick adjustment control at a preset position of the currently selected control component;

[0339] In response to a first triggering operation on a target adjustment control in the at least one quick adjustment control, the display form of the currently selected control component is adjusted according to an adjustment method corresponding to the target adjustment control.

[0340] In a possible implementation, the editing device 2700 further includes a control adsorption module (not shown in the figure), which is configured to execute:

[0341] In response to a triggering operation on any control component in the editing area, controlling the currently selected control component to move in the editing area;

[0342] During the movement of the control component in the editing area, if the preset position of the control component and other control components meet the preset adsorption rules, the display position of the control component is aligned with the display position of the other control components and displayed at the preset position of the display position of the other control components.

[0343] In a possible implementation, the editing device 2700 further includes an adsorption state display module (not shown in the figure), and the adsorption state display module is configured to execute:

[0344] When the control component is in an adsorption state, the control component is displayed with a preset display effect and adsorption state prompt information is displayed at a preset position of the control component, the adsorption state prompt information including the angle and / or distance between the control component and the adsorbed control;

[0345] When the control component ends the adsorption state, non-adsorption state prompt information is displayed at a preset position of the control component.

[0346] In a possible implementation, the editing device 2700 further includes a device control module (not shown in the figure), which is configured to execute:

[0347] Control the terminal device to perform a vibration operation.

[0348] The editing device of the UI interface in the game provided by the embodiment of the present disclosure provides a game scene to be edited provided by running a game program in a graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate corresponding virtual objects in the game scene corresponding to the game scene to be edited when the game is running; in response to an editing instruction, a control interface to be edited is displayed in the graphical user interface, and the control interface to be edited includes an editing area and a control selection area; in response to a selection operation on a target control in the control selection area, a target control component corresponding to the target control is generated in the editing area; in response to an editing operation on the target control component, the control component properties of the target control component are edited, and in response to a game running instruction, the game scene corresponding to the game scene to be edited and the target control corresponding to the target control component configured with the control component properties are displayed in the graphical user interface. In this way, the target control component can be determined by selecting the control in the control selection area in the game scene to be edited, and the component properties of the target control can be edited directly through editing operations in the control interface to be edited, thereby generating the target component in the game scene, reducing the editing time of the control component in the graphical user interface and helping to improve the control editing efficiency; at the same time, the control editing process is obtained by the player through editing operations, which is more in line with the player's personalized needs for the control and further improves the efficiency of human-computer interaction.

[0349] Please refer to Figure 28, which is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. As shown in Figure 28, the electronic device 2800 includes a processor 2810, a memory 2820 and a bus 2830.

[0350] The memory 2820 stores machine-readable instructions executable by the processor 2810. When the electronic device 2800 is running, the processor 2810 communicates with the memory 2820 via the bus 2830, so that the processor 2810 executes the following instructions during operation:

[0351] In response to a game trigger operation by the player, the target virtual character is controlled to automatically execute virtual game behaviors in the game scene according to a preset game execution logic, and a game result after automatically executing the preset game execution logic corresponding to the trigger condition selected by the game trigger operation is displayed;

[0352] In response to a first selection operation by the player on at least one first function icon, determining a selected first-level function and displaying at least one second-level function icon corresponding to at least one lower-level function under the first-level function in the graphical user interface; wherein the lower-level function is recommended by the system or is set based on the function operation selection by the player;

[0353] In response to a second selection operation for at least one second function icon, the selected target lowest-level function is determined, and the display screen in the graphical user interface is switched from the current game screen to the target game screen corresponding to the target lowest-level function, and the target virtual character is controlled to automatically execute virtual game behavior in the game scene corresponding to the target lowest-level function according to the preset game execution logic.

[0354] In one possible implementation, the selectable controls provided in the control selection area include independent controls and combined controls; in the instructions executed by the processor 2810, in response to a selection operation on a target control in the control selection area, generating a target control component corresponding to the target control in the editing area includes:

[0355] In response to a triggering operation on any optional control in the control selection area, a list of control types corresponding to the selected optional control is displayed;

[0356] In response to a selection operation on any target control in the control type list, a target control component corresponding to the target control is generated in the editing area.

[0357] In a possible implementation, the independent control includes a basic control and a logic control;

[0358] The combined control is a control formed by combining at least two basic controls according to a preset combination rule;

[0359] The logic control is a control after the game element is mapped; the display form of the logic control changes with the property change of the mapped game element.

[0360] In a possible implementation, when the target control is a combination control, the instructions executed by the processor 2810 further include:

[0361] In response to a trigger operation on the combined control, display a list of sub-control names of sub-controls included in the combined control;

[0362] In response to a filter operation on the sub-control name list, providing a sub-control property interface corresponding to the filter operation on the graphical user interface;

[0363] In response to an editing operation on the sub-control property interface, the sub-control properties are updated.

[0364] In a possible implementation, the instructions executed by the processor 2810 further include:

[0365] In response to the first property update operation for the combined control, the first property of each sub-control in the combined control is synchronously updated.

[0366] In a possible implementation, the control interface to be edited further includes a hierarchical control;

[0367] The hierarchical control is configured to display hierarchical information of the control components displayed in the editing area when a trigger operation for the hierarchical control is received.

[0368] In a possible implementation, the instructions executed by the processor 2810 further include:

[0369] In response to a triggering operation on the hierarchical control, a control hierarchical list is displayed in the control interface to be edited.

[0370] In a possible implementation, the instructions executed by the processor 2810 further include:

[0371] In response to a selection operation on any one of the control identifiers displayed in the control hierarchy list, the selected control identifier in the control hierarchy list is highlighted.

[0372] In one possible implementation, the control hierarchy list includes a search sub-area; and the instructions executed by the processor 2810 further include:

[0373] In response to a search operation for a target keyword in the search sub-area, a control identifier corresponding to the target keyword is displayed in a first preset display manner.

[0374] In a possible implementation, the instructions executed by the processor 2810 further include:

[0375] In response to a triggering operation on a hidden state control of any control identifier in the control hierarchy list, the display state of the control identifier is adjusted; wherein, the display state includes hiding the control component corresponding to the control identifier in the control interface to be edited or canceling the hiding of the control component corresponding to the control identifier in the control interface to be edited.

[0376] In a possible implementation, the instructions executed by the processor 2810 further include:

[0377] In response to a locking operation on any control identifier in the control hierarchy list, the display parameters and display position of the control identifier are set to a non-editable state.

[0378] In one possible implementation, when the target control in the control selection area is a combination control, a foldable display control is also displayed in the control hierarchy list; the instructions executed by the processor 2810 further include:

[0379] In response to the triggering operation for the folding display control, the sub-control information of each sub-control included in the selected control identifier is displayed, and the sub-control information includes at least one of the following: control identifier, control name information, control hidden status prompt information, control locked status information and adjustment control.

[0380] In a possible implementation, the instructions executed by the processor 2810 further include:

[0381] In response to a triggering operation on an adjustment control corresponding to any control identifier, triggering display of an adjustment option list corresponding to the control identifier; the adjustment option list includes at least one adjustment option for the control identifier;

[0382] In response to a triggering operation on a target option among the at least one adjustment option, adjusting a display parameter of a control component corresponding to the control identifier;

[0383] The adjustment options include at least one of the following: deleting a control component, adjusting the hierarchy of a control component, locking a control component, hiding a control component, editing a control component, and setting a control component as a template;

[0384] When the adjustment option includes deleting a control component, the triggering content of the control component and the sub-controls included in the control component are synchronously deleted.

[0385] In a possible implementation, the instructions executed by the processor 2810 further include:

[0386] In response to a trigger operation on the area where any control identifier in the control hierarchy list is located, displaying a template setting control;

[0387] The template setting control is configured to set the control identifier as a template and save the set template and template name when receiving a trigger operation for the template setting control.

[0388] In a possible implementation, the instructions executed by the processor 2810 further include:

[0389] In one possible implementation, in response to a move operation on any control identifier in the control hierarchy list, the display level of the control identifier is adjusted based on the end position of the move operation, and multiple control components after the adjusted level are displayed in the editing area.

[0390] The control interface to be edited also includes a parameter adjustment control;

[0391] The parameter adjustment control is configured to adjust the display parameters of the control component when a trigger operation for the parameter adjustment control is received.

[0392] In a possible implementation, the parameter adjustment control includes a multiple-selection control;

[0393] The multi-select control is configured to select at least two control components in the editing area and synchronously adjust display parameters of the at least two selected control components when a configuration operation for the multi-select control is received.

[0394] In a possible implementation, the parameter adjustment control includes an alignment control; the alignment control is configured to align at least one selected control component when a trigger operation for the alignment control is received.

[0395] In a possible implementation, the instructions executed by the processor 2810 further include:

[0396] In response to a trigger operation on the alignment control, display a list of alignment options and detect whether the number of currently selected control components is unique;

[0397] If the number of currently selected control components is unique, based on the alignment selected in the alignment option list, the control display position of the currently selected control component is aligned with the regional position of the editing area according to the regional position of the editing area;

[0398] If the number of currently selected control components is not unique, based on the alignment method selected in the alignment option list, according to the control position of the control component that was first selected among multiple control components, the display position of each currently selected control component is aligned with the display position of the control component that was first selected.

[0399] In a possible implementation, the instructions executed by the processor 2810 further include:

[0400] When the control component includes a combined control, in response to a triggering operation on the alignment control, the display position of the child control in the combined control is aligned with the display position of the parent control in the combined control.

[0401] In one possible implementation, the parameter adjustment control includes a setting control; and the instructions executed by the processor 2810 further include:

[0402] In response to a trigger operation on the setting control, a parameter adjustment list corresponding to the currently selected control component is displayed;

[0403] In response to an adjustment operation on an adjustment parameter in the parameter adjustment list, adjusting a display form of the currently selected control component;

[0404] The adjustment parameters include at least one of the following: display color of the control component, display position of the control component, alignment of the control component, display state of the dividing line of the control component, and relative display position parameters of the control component.

[0405] In one possible implementation, if the currently selected control component is a combination control, the instructions executed by the processor 2810, in response to an adjustment operation for adjusting a parameter in the parameter adjustment list, adjusting the display form of the currently selected control component, include:

[0406] In response to an adjustment operation on an anchor point parameter in the parameter adjustment list, adjusting a display position of a child control in the combined control relative to a parent control; or

[0407] In response to an adjustment operation on a sub-control parameter in the parameter adjustment list, displaying a sub-control information list corresponding to the sub-control in the combined control;

[0408] In response to an adjustment operation on a sub-control parameter in the sub-control information list, a display form of the sub-control is adjusted.

[0409] In a possible implementation, when the currently selected control component is an image control in the basic control, the instructions executed by the processor 2810 further include:

[0410] In response to an adjustment operation on a dividing line parameter in the parameter adjustment list, setting a display position and a display boundary of the dividing line on the picture control;

[0411] At least one set of dividing lines is displayed on the picture control in the editing area according to the set display position and display boundary.

[0412] In a possible implementation, the instructions executed by the processor 2810 further include:

[0413] In response to a background adjustment operation on the editing area, the display position and display form of the game scene displayed in the editing area are adjusted; the display form of the game scene in the editing area includes stretching the game scene and scaling the game scene; when adjusting the display position and display form of the game scene in the editing area, the display position and control arrangement of the control components placed in the editing area remain unchanged.

[0414] In a possible implementation, the instructions executed by the processor 2810 further include:

[0415] In response to multiple consecutive triggering operations on the combined control, based on the hierarchy of the combined control, sub-controls corresponding to each hierarchy of the combined control are sequentially displayed on the front layer of the control interface to be edited.

[0416] In a possible implementation, the instructions executed by the processor 2810 further include:

[0417] When the control component is a combination control, in response to a selection operation on a parent control component in the combination control, the parent control component is displayed in a first display form, and each child control component in the combination control is displayed in a second display form;

[0418] In response to a move operation on the combined control, the relative positions of the parent control component and the child control component in the combined control are controlled to remain unchanged, while the operation position following the move operation moves in the editing area.

[0419] In a possible implementation, the instructions executed by the processor 2810 further include:

[0420] In response to a selection operation on any control component in the editing area, displaying at least one quick adjustment control at a preset position of the currently selected control component;

[0421] In response to a first triggering operation on a target adjustment control in the at least one quick adjustment control, the display form of the currently selected control component is adjusted according to an adjustment method corresponding to the target adjustment control.

[0422] In a possible implementation, the instructions executed by the processor 2810 further include:

[0423] In response to a triggering operation on any control component in the editing area, controlling the currently selected control component to move in the editing area;

[0424] During the movement of the control component in the editing area, if the preset position of the control component and other control components meet the preset adsorption rules, the display position of the control component is aligned with the display position of the other control components and displayed at the preset position of the display position of the other control components.

[0425] In a possible implementation, the instructions executed by the processor 2810 further include:

[0426] When the control component is in an adsorption state, the control component is displayed with a preset display effect and adsorption state prompt information is displayed at a preset position of the control component, the adsorption state prompt information including the angle and / or distance between the control component and the adsorbed control;

[0427] When the control component ends the adsorption state, non-adsorption state prompt information is displayed at a preset position of the control component.

[0428] In a possible implementation, the instructions executed by the processor 2810 further include:

[0429] Control the terminal device to perform a vibration operation.

[0430] Through the above method, the target control component can be determined by selecting the control in the control selection area in the game scene to be edited, and the component properties of the target control can be edited directly through editing operations in the control interface to be edited, thereby generating the target component in the game scene, reducing the editing time of the control component in the graphical user interface and helping to improve the efficiency of control editing; at the same time, the editing process of the control is obtained by the player through editing operations, which is more in line with the player's personalized needs for the control and further improves the efficiency of human-computer interaction; at the same time, hierarchical controls are also provided during the editing process, and players can adjust the hierarchical relationship of different controls, adjust the occlusion order, and more conveniently lock a certain control to modify it or adjust an entire hierarchy through triggering operations on the hierarchical controls, further improving the efficiency and pertinence of control editing.

[0431] The present disclosure also provides a computer-readable storage medium having a computer program stored thereon, such that when the computer program is executed by a processor, the following instructions are executed:

[0432] In response to a game trigger operation by the player, the target virtual character is controlled to automatically execute virtual game behaviors in the game scene according to a preset game execution logic, and a game result after automatically executing the preset game execution logic corresponding to the trigger condition selected by the game trigger operation is displayed;

[0433] In response to a first selection operation by the player on at least one first function icon, determining a selected first-level function and displaying at least one second-level function icon corresponding to at least one lower-level function under the first-level function in the graphical user interface; wherein the lower-level function is recommended by the system or is set based on the function operation selection by the player;

[0434] In response to a second selection operation for at least one second function icon, the selected target lowest-level function is determined, and the display screen in the graphical user interface is switched from the current game screen to the target game screen corresponding to the target lowest-level function, and the target virtual character is controlled to automatically execute virtual game behavior in the game scene corresponding to the target lowest-level function according to the preset game execution logic.

[0435] In one possible implementation, the optional controls provided in the control selection area include independent controls and combined controls; and in the instructions executed by a computer-readable storage medium, in response to a selection operation on a target control in the control selection area, generating a target control component corresponding to the target control in the editing area includes:

[0436] In response to a triggering operation on any optional control in the control selection area, a list of control types corresponding to the selected optional control is displayed;

[0437] In response to a selection operation on any target control in the control type list, a target control component corresponding to the target control is generated in the editing area.

[0438] In a possible implementation, the independent control includes a basic control and a logic control;

[0439] The combined control is a control formed by combining at least two basic controls according to a preset combination rule;

[0440] The logic control is a control after the game element is mapped; the display form of the logic control changes with the property change of the mapped game element.

[0441] In a possible implementation, when the target control is a combination control, the instructions executed by the computer-readable storage medium further include:

[0442] In response to a trigger operation on the combined control, display a list of sub-control names of sub-controls included in the combined control;

[0443] In response to a filter operation on the sub-control name list, providing a sub-control property interface corresponding to the filter operation on the graphical user interface;

[0444] In response to an editing operation on the sub-control property interface, the sub-control properties are updated.

[0445] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0446] In response to the first property update operation for the combined control, the first property of each sub-control in the combined control is synchronously updated.

[0447] In a possible implementation, the control interface to be edited further includes a hierarchical control;

[0448] The hierarchical control is configured to display hierarchical information of the control components displayed in the editing area when a trigger operation for the hierarchical control is received.

[0449] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0450] In response to a triggering operation on the hierarchical control, a control hierarchical list is displayed in the control interface to be edited.

[0451] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0452] In response to a selection operation on any one of the control identifiers displayed in the control hierarchy list, the selected control identifier in the control hierarchy list is highlighted.

[0453] In one possible implementation, the control hierarchy list includes a search sub-area; and the instructions executed by the computer-readable storage medium further include:

[0454] In response to a search operation for a target keyword in the search sub-area, a control identifier corresponding to the target keyword is displayed in a first preset display manner.

[0455] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0456] In response to a triggering operation on a hidden state control of any control identifier in the control hierarchy list, the display state of the control identifier is adjusted; wherein, the display state includes hiding the control component corresponding to the control identifier in the control interface to be edited or canceling the hiding of the control component corresponding to the control identifier in the control interface to be edited.

[0457] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0458] In response to a locking operation on any control identifier in the control hierarchy list, the display parameters and display position of the control identifier are set to a non-editable state.

[0459] In one possible implementation, when the target control in the control selection area is a combination control, a folding display control is also displayed in the control hierarchy list; and the instructions executed by the computer-readable storage medium further include:

[0460] In response to the triggering operation for the folding display control, the sub-control information of each sub-control included in the selected control identifier is displayed, and the sub-control information includes at least one of the following: control identifier, control name information, control hidden status prompt information, control locked status information and adjustment control.

[0461] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0462] In response to a triggering operation on an adjustment control corresponding to any control identifier, triggering display of an adjustment option list corresponding to the control identifier; the adjustment option list includes at least one adjustment option for the control identifier;

[0463] In response to a triggering operation on a target option among the at least one adjustment option, adjusting a display parameter of a control component corresponding to the control identifier;

[0464] The adjustment options include at least one of the following: deleting a control component, adjusting the hierarchy of a control component, locking a control component, hiding a control component, editing a control component, and setting a control component as a template;

[0465] When the adjustment option includes deleting a control component, the triggering content of the control component and the sub-controls included in the control component are synchronously deleted.

[0466] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0467] In response to a trigger operation on the area where any control identifier in the control hierarchy list is located, displaying a template setting control;

[0468] The template setting control is configured to set the control identifier as a template and save the set template and template name when receiving a trigger operation for the template setting control.

[0469] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0470] In one possible implementation, in response to a move operation on any control identifier in the control hierarchy list, the display level of the control identifier is adjusted based on the end position of the move operation, and multiple control components after the adjusted level are displayed in the editing area.

[0471] The control interface to be edited also includes a parameter adjustment control;

[0472] The parameter adjustment control is configured to adjust the display parameters of the control component when a trigger operation for the parameter adjustment control is received.

[0473] In a possible implementation, the parameter adjustment control includes a multiple-selection control;

[0474] The multi-select control is configured to select at least two control components in the editing area and synchronously adjust display parameters of the at least two selected control components when a configuration operation for the multi-select control is received.

[0475] In a possible implementation, the parameter adjustment control includes an alignment control; the alignment control is configured to align at least one selected control component when a trigger operation for the alignment control is received.

[0476] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0477] In response to a trigger operation on the alignment control, display a list of alignment options and detect whether the number of currently selected control components is unique;

[0478] If the number of currently selected control components is unique, based on the alignment selected in the alignment option list, the control display position of the currently selected control component is aligned with the regional position of the editing area according to the regional position of the editing area;

[0479] If the number of currently selected control components is not unique, based on the alignment method selected in the alignment option list, according to the control position of the control component that was first selected among multiple control components, the display position of each currently selected control component is aligned with the display position of the control component that was first selected.

[0480] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0481] When the control component includes a combined control, in response to a triggering operation on the alignment control, the display position of the child control in the combined control is aligned with the display position of the parent control in the combined control.

[0482] In one possible implementation, the parameter adjustment control includes a setting control; and the instructions executed by the computer-readable storage medium further include:

[0483] In response to a trigger operation on the setting control, a parameter adjustment list corresponding to the currently selected control component is displayed;

[0484] In response to an adjustment operation on an adjustment parameter in the parameter adjustment list, adjusting a display form of the currently selected control component;

[0485] The adjustment parameters include at least one of the following: display color of the control component, display position of the control component, alignment of the control component, display state of the dividing line of the control component, and relative display position parameters of the control component.

[0486] In one possible implementation, if the currently selected control component is a combination control, the instructions executed by the computer-readable storage medium, in response to an adjustment operation for adjusting a parameter in the parameter adjustment list, adjusting the display form of the currently selected control component, include:

[0487] In response to an adjustment operation on an anchor point parameter in the parameter adjustment list, adjusting a display position of a child control in the combined control relative to a parent control; or

[0488] In response to an adjustment operation on a sub-control parameter in the parameter adjustment list, displaying a sub-control information list corresponding to the sub-control in the combined control;

[0489] In response to an adjustment operation on a sub-control parameter in the sub-control information list, a display form of the sub-control is adjusted.

[0490] In a possible implementation, when the currently selected control component is an image control in a basic control, the instructions executed by the computer-readable storage medium further include:

[0491] In response to an adjustment operation on a dividing line parameter in the parameter adjustment list, setting a display position and a display boundary of the dividing line on the picture control;

[0492] At least one set of dividing lines is displayed on the picture control in the editing area according to the set display position and display boundary.

[0493] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0494] In response to a background adjustment operation on the editing area, the display position and display form of the game scene displayed in the editing area are adjusted; the display form of the game scene in the editing area includes stretching the game scene and scaling the game scene; when adjusting the display position and display form of the game scene in the editing area, the display position and control arrangement of the control components placed in the editing area remain unchanged.

[0495] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0496] In response to multiple consecutive triggering operations on the combined control, based on the hierarchy of the combined control, sub-controls corresponding to each hierarchy of the combined control are sequentially displayed on the front layer of the control interface to be edited.

[0497] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0498] When the control component is a combination control, in response to a selection operation on a parent control component in the combination control, the parent control component is displayed in a first display form, and each child control component in the combination control is displayed in a second display form;

[0499] In response to a move operation on the combined control, the relative positions of the parent control component and the child control component in the combined control are controlled to remain unchanged, while the operation position following the move operation moves in the editing area.

[0500] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0501] In response to a selection operation on any control component in the editing area, displaying at least one quick adjustment control at a preset position of the currently selected control component;

[0502] In response to a first triggering operation on a target adjustment control in the at least one quick adjustment control, the display form of the currently selected control component is adjusted according to an adjustment method corresponding to the target adjustment control.

[0503] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0504] In response to a triggering operation on any control component in the editing area, controlling the currently selected control component to move in the editing area;

[0505] During the movement of the control component in the editing area, if the preset position of the control component and other control components meet the preset adsorption rules, the display position of the control component is aligned with the display position of the other control components and displayed at the preset position of the display position of the other control components.

[0506] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0507] When the control component is in an adsorption state, the control component is displayed with a preset display effect and adsorption state prompt information is displayed at a preset position of the control component, the adsorption state prompt information including the angle and / or distance between the control component and the adsorbed control;

[0508] When the control component ends the adsorption state, non-adsorption state prompt information is displayed at a preset position of the control component.

[0509] In one possible implementation, the instructions executed by the computer-readable storage medium further include:

[0510] Control the terminal device to perform a vibration operation.

[0511] Through the above method, the target control component can be determined by selecting the control in the control selection area in the game scene to be edited, and the component properties of the target control can be edited directly through editing operations in the control interface to be edited, thereby generating the target component in the game scene, reducing the editing time of the control component in the graphical user interface and helping to improve the efficiency of control editing; at the same time, the editing process of the control is obtained by the player through editing operations, which is more in line with the player's personalized needs for the control and further improves the efficiency of human-computer interaction; at the same time, hierarchical controls are also provided during the editing process, and players can adjust the hierarchical relationship of different controls, adjust the occlusion order, and more conveniently lock a certain control to modify it or adjust an entire hierarchy through triggering operations on the hierarchical controls, further improving the efficiency and pertinence of control editing.

[0512] Those skilled in the art will clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

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

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

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

[0516] 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 non-volatile computer-readable storage medium that is executable by a processor. Based on this understanding, the technical solution of the present disclosure, or the part that contributes to the relevant technology or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the 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.

[0517] 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 scope of protection of the present disclosure is not limited thereto. Although the present disclosure has been described in detail with reference to the above-mentioned embodiments, those skilled in the art should understand that any person skilled in the art can modify or easily conceive of changes to the technical solutions described in the above-mentioned embodiments within the technical scope disclosed in the present disclosure, or replace some of the technical features therein with equivalents. Such modifications, changes, or replacements do not deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure, and should be included in the scope of protection of the present disclosure. Therefore, the scope of protection of the present disclosure should be based on the scope of protection of the claims.

Claims

1. A method for editing a UI interface in a game, providing a graphical user interface through a terminal device; The editing method comprises: A game scene to be edited provided by running a game program is provided in the graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate a corresponding virtual object in a game scene corresponding to the game scene to be edited when the game is run; In response to the editing instruction, displaying a control interface to be edited in the graphical user interface, wherein the control interface to be edited includes an editing area and a control selection area; In response to a selection operation on a target control in the control selection area, generating a target control component corresponding to the target control in the editing area; In response to an editing operation on the target control component, editing a control component property of the target control component; In response to the game running instruction, a game scene corresponding to the game scene to be edited and a target control corresponding to the target control component configured with the control component attributes are displayed in the graphical user interface.

2. The editing method according to claim 1, wherein: The optional controls provided in the control selection area include independent controls and combined controls; in response to a selection operation on a target control in the control selection area, generating a target control component corresponding to the target control in the editing area includes: In response to a trigger operation on any optional control in the control selection area, a list of control types corresponding to the selected optional control is displayed; In response to a selection operation on any target control in the control type list, a target control component corresponding to the target control is generated in the editing area.

3. The editing method according to claim 2, wherein: The independent controls include basic controls and logic controls; The combined control is a control formed by combining at least two basic controls according to a preset combination rule; The logic control is a control after the game element is mapped; the display form of the logic control changes with the property change of the mapped game element.

4. The editing method according to claim 2, wherein: When the target control is a combination control, the editing method further includes: In response to a trigger operation on the combined control, display a list of sub-control names of sub-controls included in the combined control; In response to a filter operation on the sub-control name list, providing a sub-control property interface corresponding to the filter operation on the graphical user interface; In response to an editing operation on the sub-control property interface, the sub-control properties are updated.

5. The editing method according to claim 4, wherein: The editing method further comprises: In response to a first property update operation on the combined control, a first property of each sub-control in the combined control is synchronously updated.

6. The editing method according to claim 1, wherein: The control interface to be edited also includes a hierarchical control; The hierarchical control is configured to display hierarchical information of the control components displayed in the editing area when a trigger operation for the hierarchical control is received.

7. The editing method according to claim 6, wherein: The editing method further comprises: In response to a triggering operation on the hierarchical control, a control hierarchical list is displayed in the control interface to be edited.

8. The editing method according to claim 7, wherein: The editing method further comprises: In response to a selection operation on any one of the control identifiers displayed in the control hierarchy list, the selected control identifier in the control hierarchy list is highlighted.

9. The editing method according to claim 7, wherein: The control hierarchy list includes a search sub-area; and the editing method further includes: In response to a search operation for a target keyword in the search sub-area, a control identifier corresponding to the target keyword is displayed in a first preset display manner.

10. The editing method according to claim 7, wherein: The editing method further comprises: In response to a triggering operation on a hidden state control of any control identifier in the control hierarchy list, the display state of the control identifier is adjusted; wherein the display state includes hiding the control component corresponding to the control identifier in the control interface to be edited or canceling the hiding of the control component corresponding to the control identifier in the control interface to be edited.

11. The editing method according to claim 7, wherein: The editing method further comprises: In response to a locking operation on any control identifier in the control hierarchy list, display parameters and display position of the control identifier are set to a non-editable state.

12. The editing method according to claim 7, wherein: When the target control in the control selection area is a combined control, a folding display control is also displayed in the control hierarchy list; the editing method further includes: In response to a trigger operation for the folding display control, sub-control information of each sub-control included in the selected control identifier is displayed, and the sub-control information includes at least one of the following: control identifier, control name information, control hidden state prompt information, control locked state information, and adjustment control.

13. The editing method according to claim 7, wherein: The editing method further comprises: In response to a triggering operation for an adjustment control corresponding to any control identifier, triggering display of an adjustment option list corresponding to the control identifier; the adjustment option list includes at least one adjustment option for the control identifier; In response to a trigger operation on a target option in the at least one adjustment option, adjusting a display parameter of a control component corresponding to the control identifier; The adjustment options include at least one of the following: deleting a control component, adjusting the level of a control component, locking a control component, hiding a control component, editing a control component, and setting a control component as a template; When the adjustment option includes deleting a control component, the triggering content of the control component and the sub-controls included in the control component are synchronously deleted.

14. The editing method according to claim 7, wherein: The editing method further comprises: In response to a trigger operation on an area where any control identifier in the control hierarchy list is located, displaying a template setting control; The template setting control is configured to set the control identifier as the template and save the set template and template name when receiving a trigger operation for the template setting control.

15. The editing method according to claim 7, wherein: The editing method further comprises: In response to a move operation on any control identifier in the control hierarchy list, the display hierarchy of the control identifier is adjusted based on the end position of the move operation, and a plurality of control components after the adjustment of the hierarchy are displayed in the editing area.

16. The editing method according to claim 1, wherein: The control interface to be edited also includes a parameter adjustment control; The parameter adjustment control is configured to adjust the display parameters of the control component when a trigger operation for the parameter adjustment control is received.

17. The editing method according to claim 16, wherein: The parameter adjustment control includes a multiple-selection control; The multi-select control is configured to select at least two control components in the editing area and synchronously adjust display parameters of the at least two selected control components when receiving a configuration operation for the multi-select control.

18. The editing method according to claim 16, wherein: The parameter adjustment control includes an alignment control; the alignment control is configured to align at least one selected control component when a trigger operation for the alignment control is received.

19. The editing method according to claim 18, wherein: The editing method further comprises: In response to a trigger operation for the alignment control, a list of alignment options is displayed, and a check is made as to whether the number of currently selected control components is unique; If the number of currently selected control components is unique, based on the alignment selected in the alignment option list, the control display position of the currently selected control component is aligned with the regional position of the editing area according to the regional position of the editing area; If the number of currently selected control components is not unique, based on the alignment method selected in the alignment option list, according to the control position of the control component that was first selected among multiple control components, the display position of each currently selected control component is aligned with the display position of the control component that was first selected.

20. The editing method according to claim 19, wherein: The editing method further comprises: When the control component includes a combined control, in response to a trigger operation on the alignment control, the display position of the child control in the combined control is aligned with the display position of the parent control in the combined control.

21. The editing method according to claim 16, wherein: The parameter adjustment control includes a setting control; the editing method also includes: In response to a trigger operation on the setting control, a parameter adjustment list corresponding to the currently selected control component is displayed; In response to an adjustment operation on an adjustment parameter in the parameter adjustment list, adjusting a display form of the currently selected control component; The adjustment parameters include at least one of the following: display color of the control component, display position of the control component, alignment of the control component, display state of the dividing line of the control component, and relative display position parameters of the control component.

22. The editing method according to claim 21, wherein: If the currently selected control component is a combination control, the response to the adjustment operation of adjusting the parameters in the parameter adjustment list to adjust the display form of the currently selected control component includes: In response to an adjustment operation on an anchor point parameter in the parameter adjustment list, adjusting a display position of a child control in the combined control relative to a parent control; or, In response to an adjustment operation on a sub-control parameter in the parameter adjustment list, displaying a sub-control information list corresponding to the sub-control in the combined control; In response to an adjustment operation on a sub-control parameter in the sub-control information list, a display form of the sub-control is adjusted.

23. The editing method according to claim 21, wherein: If the currently selected control component is a picture control in the basic control, the editing method further includes: In response to an adjustment operation on a dividing line parameter in the parameter adjustment list, setting a display position and a display boundary of a dividing line on the picture control; At least one set of dividing lines is displayed on the picture control in the editing area according to the set display position and display boundary.

24. The editing method according to claim 1, wherein: The editing method further comprises: In response to a background adjustment operation for the editing area, the display position and display form of the game scene displayed in the editing area are adjusted; the display form of the game scene in the editing area includes stretching the game scene and scaling the game scene; when adjusting the display position and display form of the game scene in the editing area, the display position and control arrangement of the control components placed in the editing area remain unchanged.

25. The editing method according to claim 2, wherein: The editing method further comprises: In response to multiple consecutive triggering operations on the combined control, based on the levels of the combined control, sub-controls corresponding to each level of the combined control are sequentially displayed on the front layer of the control interface to be edited.

26. The editing method according to claim 2, wherein: The editing method further comprises: When the control component is a combined control, in response to a selection operation on a parent control component in the combined control, the parent control component is displayed in a first display form, and each child control component in the combined control is displayed in a second display form; In response to a move operation on the combined control, the parent control component and the child control in the combined control are controlled The relative position of the component remains unchanged, while the operation position following the moving operation moves in the editing area.

27. The editing method according to claim 1, wherein: The editing method further comprises: In response to a selection operation on any control component in the editing area, displaying at least one quick adjustment control at a preset position of the currently selected control component; In response to a first triggering operation on a target adjustment control in the at least one quick adjustment control, the display form of the currently selected control component is adjusted according to an adjustment method corresponding to the target adjustment control.

28. The editing method according to claim 1, wherein: The editing method further comprises: In response to a trigger operation on any control component in the editing area, controlling the currently selected control component to move in the editing area; During the movement of the control component in the editing area, if the preset position of the control component and other control components satisfy the preset adsorption rules, the display position of the control component is aligned with the display positions of the other control components and displayed at the preset position of the display positions of the other control components.

29. The editing method according to claim 28, wherein: The editing operation also includes: When the control component is in an adsorption state, the control component is displayed with a preset display effect and adsorption state prompt information is displayed at a preset position of the control component, wherein the adsorption state prompt information includes an angle and / or distance between the control component and the adsorbed control; When the control component ends the adsorption state, non-adsorption state prompt information is displayed at a preset position of the control component.

30. The editing method according to claim 28, wherein: During the movement of the control component in the editing area, if the preset position of the control component and other control components satisfy the preset adsorption rule, the display position of the control component is aligned with the display position of the other control components and displayed at the preset position of the display position of the other control components, the editing method further includes: Control the terminal device to perform a vibration operation.

31. A device for editing a UI interface in a game, providing a graphical user interface through a terminal device; The editing device comprises: A scene display module is configured to provide a game scene to be edited provided by running a game program in the graphical user interface; the game scene to be edited includes a scene component, and the scene component is configured to generate a corresponding virtual object in a game scene corresponding to the game scene to be edited when running the game; An editing interface display module is configured to execute in response to an editing instruction, displaying a control interface to be edited in the graphical user interface, wherein the control interface to be edited includes an editing area and a control selection area; A control component generating module, configured to generate a target control component corresponding to the target control in the editing area in response to a selection operation on the target control in the control selection area; A control editing module, configured to execute in response to an editing operation on the target control component, and edit the control component properties of the target control component; The game running module is configured to execute in response to the game running instruction, and display the game scene corresponding to the game scene to be edited and the target control corresponding to the target control component configured with the control component attributes in the graphical user interface.

32. An electronic device comprising: A processor, a storage medium and a bus, wherein the storage medium stores machine-readable instructions executable by the processor. When the electronic device is running, the processor communicates with the storage medium via the bus, and the processor executes the machine-readable instructions to perform the steps of the method for editing the UI interface in a game as described in any one of claims 1 to 30.

33. A computer-readable storage medium having a computer program stored thereon, wherein the computer program, when executed by a processor, executes the steps of the method for editing a UI interface in a game as described in any one of claims 1 to 30.

Images