Control editing method and device, electronic equipment and storage medium

Abstract

The invention discloses a control editing method and device, electronic equipment and a storage medium, and can create and display a target control component on a game editing interface in response to a control component creation operation on the game editing interface of a target game; displaying a configuration interface of the target control component; in response to a configuration operation on a configuration interface of the target control component, configuring sub-control component control information for controlling the accommodated sub-control component for the target control component; in response to a sub-control component adding operation on the target control component, at least one sub-control component is added in the target control component to be displayed; and in response to the running instruction, displaying a target control corresponding to the target control component and a sub-control corresponding to the sub-control component on a game interface generated when the target game runs, so that a complex control can be quickly set through an editing interface to meet a complex UI design requirement, the professional requirement of the complex design requirement is avoided, and the user experience is improved. And the learning cost is reduced.

Description

Technical Field

[0001] This application relates to the field of game technology, specifically to a control editing method, apparatus, electronic device, and storage medium. Background Technology

[0002] Currently, with the popularization of UGC (User Generated Content) game platforms, more and more players are trying to set personalized game levels, game scenes, and interactive interfaces in the game. As players design and game developers iterate, the interactive elements presented in the game interface are becoming more and more numerous and the content is becoming more and more complex. Therefore, simple interactive elements can no longer meet the needs of complex UI design. Summary of the Invention

[0003] This invention provides a method, apparatus, electronic device, and storage medium for editing controls, designed to meet complex UI design needs.

[0004] Firstly, a method for editing controls is provided, including the following steps:

[0005] In response to the control component creation operation on the game editing interface of the target game, create and display the target control component on the game editing interface;

[0006] Displays the configuration interface of the target control component;

[0007] In response to configuration operations on the configuration interface of the target control component, configure the target control component with sub-control component control information for controlling the contained sub-control components;

[0008] In response to the operation of adding a child control component to the target control component, at least one child control component is added to the target control component for display;

[0009] In response to the run command, the target control corresponding to the target control component and the child control corresponding to the child control component are displayed on the game interface generated when the target game runs. The child control is configured to be controlled based on the control information of the child control component.

[0010] Secondly, a control editing device is also provided, comprising:

[0011] The creation unit is used to create and display the target control component on the game editing interface in response to the control component creation operation of the target game.

[0012] The display unit is used to display the configuration interface of the target control component;

[0013] The configuration unit is used to configure the target control component with sub-control component control information for controlling the contained sub-control components in response to the configuration operation of the configuration interface of the target control component;

[0014] Add unit, used to add at least one child control component to the target control component for display in response to the operation of adding a child control component to the target control component;

[0015] The execution unit is used to respond to the execution command and display the target control corresponding to the target control component and the sub-controls corresponding to the sub-control components on the game interface generated during the execution of the target game. The sub-controls are configured to be controlled based on the control information of the sub-control components.

[0016] Thirdly, embodiments of this application also provide an electronic device, including a memory storing multiple instructions; a processor loads instructions from the memory to execute the steps of any of the control editing methods provided in embodiments of this application.

[0017] Fourthly, embodiments of this application also provide a computer-readable storage medium storing multiple instructions adapted for loading by a processor to execute the steps of any of the control editing methods provided in embodiments of this application.

[0018] Fifthly, embodiments of this application also provide a computer program product, including a computer program or instructions, which, when executed by a processor, implement the steps in any of the control editing methods provided in embodiments of this application.

[0019] The solution adopted in this application embodiment can, in response to a control component creation operation on the game editing interface of the target game, create and display a target control component on the game editing interface; display a configuration interface for the target control component; in response to a configuration operation on the configuration interface of the target control component, configure sub-control component control information for controlling the sub-control components it contains; in response to a sub-control component addition operation on the target control component, add at least one sub-control component to the target control component for display; furthermore, this application can also, in response to a run command, display the corresponding target control component on the game interface generated during the runtime of the target game. The target control and its corresponding sub-controls are defined as follows: By adding sub-controls to the target control and configuring their control information, the target control and its corresponding sub-controls can be displayed during game execution. This achieves the goal of incorporating sub-controls into the target control for display, allowing the target control to meet complex UI design needs. Furthermore, in this application, the settings for both the target control and its sub-controls are performed through the game editing interface, significantly reducing the professional requirements for control design knowledge and lowering the learning cost for users. Attached Figure Description

[0020] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0021] Figure 1 This is a flowchart illustrating the control editing method provided in some embodiments of this application;

[0022] Figure 2 This application provides an interactive schematic diagram of setting a target control component through a game editing interface, based on some embodiments of the present application.

[0023] Figure 3 This is another interactive schematic diagram of the target control component for setting the game editing interface provided in some embodiments of this application;

[0024] Figure 4 This is a schematic diagram illustrating the configuration of a target control component in a configuration interface, provided by some embodiments of this application.

[0025] Figure 5 This is a schematic diagram illustrating the setting of dividing lines for a background image according to some embodiments of this application;

[0026] Figure 6This is another schematic diagram illustrating the configuration of a target control component in a configuration interface, provided by some embodiments of this application;

[0027] Figure 7 This is a schematic diagram illustrating the configuration of the adaptation mode provided in some embodiments of this application;

[0028] Figure 8 This is a schematic diagram illustrating the configuration of spacing information provided in some embodiments of this application;

[0029] Figure 9 This is a schematic diagram of the addition of a child control component provided in some embodiments of this application;

[0030] Figure 10 This is a schematic diagram of the game editing interface after adding sub-control components according to some embodiments of this application;

[0031] Figure 11 This is a schematic diagram illustrating event configuration for a target control component according to some embodiments of this application;

[0032] Figure 12 This is a schematic diagram illustrating event configuration for a sub-control component provided in some embodiments of this application;

[0033] Figure 13 This is a schematic diagram of the control editing device provided in the embodiments of this application;

[0034] Figure 14 This is a schematic diagram of the structure of the electronic device provided in the embodiments of this application. Detailed Implementation

[0035] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0036] In the description of this application, it should be understood that the terms "center," "longitudinal," "lateral," "length," "width," "thickness," "upper," "lower," "front," "rear," "left," "right," "vertical," "horizontal," "top," "bottom," "inner," and "outer," etc., indicating orientation or positional relationships based on the orientation or positional relationships shown in the accompanying drawings, are used only for the convenience of describing this application and simplifying the description, and do not indicate or imply that the device or element referred to must have a specific orientation, or be constructed and operated in a specific orientation, and therefore should not be construed as a limitation of this application. Furthermore, the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of indicated technical features. Thus, features defined with "first" and "second" may explicitly or implicitly include one or more of the stated features. In the description of this application, "a plurality of" means two or more, unless otherwise explicitly specified.

[0037] "A and / or B" includes the following three combinations: A only, B only, and a combination of A and B.

[0038] The use of "applies to" or "configured to" in this application implies open and inclusive language, which does not exclude the applicability to or configuration to devices performing additional tasks or steps. Additionally, the use of "based on" implies openness and inclusivity, because processes, steps, calculations, or other actions "based on" one or more of the stated conditions or values ​​may in practice be based on additional conditions or values ​​beyond those stated.

[0039] In this application, the term "exemplary" is used to mean "used as an example, illustration, or description." Any embodiment described as "exemplary" in this application is not necessarily to be construed as being more preferred or advantageous than other embodiments. The following description is provided to enable any person skilled in the art to make and use this application. Details are set forth in the following description for purposes of explanation. It should be understood that those skilled in the art will recognize that this application can be made without using these specific details. In other instances, well-known structures and processes are not described in detail to avoid obscuring the description of this application with unnecessary detail. Therefore, this application is not intended to be limited to the embodiments shown, but is consistent with the broadest scope of the principles and features disclosed in this application.

[0040] This application provides a control editing method, apparatus, electronic device, and computer-readable storage medium.

[0041] Specifically, this embodiment will be described from the perspective of a control editing device, which can be integrated into an electronic device. That is, the control editing method of this embodiment can be executed by an electronic device. Optionally, the electronic device may include a terminal device. The terminal device may be a mobile phone, tablet computer, smart Bluetooth device, laptop computer, game console, or personal computer (PC), etc.

[0042] The control editing method provided in this application can be applied to control editing systems. The control editing can include a player terminal device and a server. The terminal can be a device that includes both receiving and transmitting hardware, i.e., a device with receiving and transmitting hardware capable of performing bidirectional communication over a bidirectional communication link. The player terminal device and the server can communicate bidirectionally via a network.

[0043] Optionally, the server can be a standalone server, or a server network or server cluster, including but not limited to computers, network hosts, single network servers, multiple network server sets, or cloud servers composed of multiple servers. Cloud servers consist of a large number of computers or network servers based on cloud computing.

[0044] The control editing method in one embodiment of this disclosure can run on a local terminal device or a server. When the target game of this application runs on a server, the method of this application can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes a server and a client device.

[0045] In an optional implementation, various cloud applications, such as cloud gaming, can run under the cloud interaction system. Taking cloud gaming as an example, cloud gaming refers to a gaming method based on cloud computing. In the cloud gaming operating mode, the game program and the game screen presentation are separated. The storage and execution of in-game interaction methods are completed on the cloud gaming server. The client device is used for data reception, transmission, and game screen presentation. For example, the client device can be a display device with data transmission capabilities located close to the user, such as a mobile terminal, television, computer, or PDA; however, the information processing is performed by the cloud gaming server in the cloud. When playing the game, the player operates the client device to send operation commands to the cloud gaming server. The cloud gaming server runs the game according to the operation commands, encodes and compresses game screen data, returns it to the client device via the network, and finally, the client device decodes and outputs the game screen.

[0046] In an optional implementation, taking a game as an example, the local terminal device stores the game program and is used to display the game screen. The local terminal device is used to interact with the player through a graphical user interface (GUI), i.e., conventionally by downloading, installing, and running the game program via an electronic device. The local terminal device can provide the GUI to the player in various ways, such as rendering it on the terminal's display screen or providing it to the player via holographic projection. For example, the local terminal device can include a display screen for displaying the GUI, which includes game screens, and a processor for running the game, generating the GUI, and controlling the display of the GUI on the display screen.

[0047] The following detailed description is provided in conjunction with the accompanying drawings. In this embodiment, the execution subject is a terminal device as an example. It should be noted that the order of description in the following embodiments is not intended to limit the preferred order of the embodiments. Although a logical order is shown in the flowcharts, in some cases, the steps shown or described may be performed in a different order than that shown in the accompanying drawings.

[0048] On the one hand, this embodiment provides a method, such as... Figure 1 As shown, it includes the following steps:

[0049] S101: In response to a control component creation operation on the game editing interface of the target game, create and display the target control component on the game editing interface.

[0050] This application does not impose any restrictions on the type or gameplay of the target game. The target game can be a shooting game, a role-playing game, a simulation management game, a competitive game, a story-driven game, etc.

[0051] The differences between the target game in this application and conventional games include: providing users with UGC (User-Generated Content) functionality, allowing users to become content creators and enter the game's editing stage. This enables users to customize levels, virtual scenes, UI interaction elements, and other elements applied during game execution. The main purpose of this application is to enable users to quickly and easily create the complex UI controls they need, allowing them to use these controls during the target game's runtime and enhance the gaming experience.

[0052] In this application, the game editing interface is used to provide users with the ability to edit the game content that needs to be presented when the target game is running. The game content includes, but is not limited to, the virtual scene presented when the target game is running, the interactive elements displayed on the game interface when the target game is running, and the levels, maps, and other content of the target game.

[0053] In one example, the target game of this application can have an edit mode entry point. When a user enters edit mode through this entry point within the target game, the game's edit interface can be displayed on the terminal. It is understood that the target game's edit interface is distinct from the game interface displayed during gameplay; its primary purpose is to provide a visual editing area (such as...). Figure 2 The editing area (the canvas within the game) can be sized to match the game's interface size during runtime, such as being the same size. Users can edit within this area to set the controls that need to be displayed on the game interface.

[0054] In the game's editing phase, objects edited in the editing area are typically referred to as "components." During the game's runtime, corresponding game elements, including controls, virtual objects, levels, and virtual scenes, can be created based on these "components." In this embodiment, the "control component" is configured to create corresponding controls during the game's runtime.

[0055] In this embodiment, the "control" displayed on the game interface based on the "control component" can be understood as a UI interactive element with interactive functions. These interactive functions include display functions, as well as the functions of displaying and receiving user operations and responding. This example does not limit this. Optionally, the content displayed by the control includes, but is not limited to, text, images, videos, audio, etc.

[0056] For example, the child control in this example could be a text display control used to display different types of game information, such as game announcements, encyclopedias, achievements, leaderboards, scores, and other game information.

[0057] It is understood that the control editing method of this embodiment is applicable to a wide range of users. In addition to game players, game developers can also use the solution of this application to create new target controls for the target game.

[0058] Optionally, the game editing interface of this application may display functional subpages, which may include at least one selected control component. In response to a control component creation operation on the game editing interface of the target game, the target control component is created and displayed on the game editing interface, including:

[0059] In response to a triggered operation on the target control component in the function subpage, create and display the target control component on the game editing interface.

[0060] In this application, the target control component is configured to contain other control components, and the content contained in the control components can establish a preset association relationship with the target control component, such as a parent-child relationship, so that the control components contained in the target control component become child control components, so as to realize the control of child control components by the target control component.

[0061] For example, see Figure 2 , Figure 2 20 in the text refers to the game editing interface. The game editing interface 20 includes an interface canvas 201, which is a visual editing area. The right side of the game editing interface 20 displays a function subpage 202. When a user triggers an operation on the "Function" editing item 2021 in the function subpage, multiple sub-editing items provided under the "Function" editing item are displayed, including the editing item 20211 of the "List" control component. When a trigger operation is detected on the editing item 20211, the "List" control component 2011 (i.e., the target control component of this application) is displayed on the game editing interface 20 (or the interface canvas 201).

[0062] In one example, the "List" control component 2011 can be configured with child control components by default. In this example, when the "List" control component 2011 is created and displayed, it can display default child control components, such as... Figure 2 Options 1 through 6.

[0063] In another example, the "List" control component 2011 is empty by default; in this example, the "List" control component 2011 is created and displayed without child controls (see...). Figure 3 (This requires additional steps to add child controls.)

[0064] The controls at the four corners of the "List" control component 2011 are described below: The top right corner is a zoom control. The bottom right corner is a rotate control. The bottom left corner is a copy control, which can copy all currently selected controls and paste them directly onto the canvas. The top left corner is a precision editing control. Clicking it allows you to edit the control's position at the pixel level.

[0065] Optionally, the target control component in this application can be displayed at a preset position after creation. This preset position may not be displayed, such as the center of the game editing interface. It is understood that the display area occupied by the target control component in this application is adjustable. In an optional example, this display area can be mapped to the display area of ​​the target control corresponding to the target control component on the game interface generated by the target game through a preset mapping relationship. This preset mapping relationship may include a mapping relationship between the game editing interface (or interface canvas) and the game interface. Therefore, the display area of ​​the target control can be controlled according to the display area of ​​the target control component.

[0066] In one approach, the display area of ​​the target control component can be automatically adjusted based on the number and size of the sub-controls it contains. In another approach, the display area of ​​the target control component can be adjusted based on the user's touch operation.

[0067] Optionally, after the target control component is displayed, it may also include:

[0068] In response to a movement operation on the target control component, adjust the display position of the target control component in the game editing interface, and update the display range of the target control component based on the adjusted display position;

[0069] And / or,

[0070] In response to a resizing operation on the target control component, adjust the size of the target control component in the game editing interface, and update the display range of the target control component based on the adjusted size.

[0071] In this application embodiment, a configuration function is provided for the target control component. The configuration function can be used to configure the target control component. The configuration of the target control component can be roughly divided into three types, including: configuration that produces a control effect on the target control component itself; configuration that produces a control effect on the child control components added to the target control component; and configuration that produces linkage control on the target control component and the child control components added to the target control component.

[0072] In related technologies, parent-child components also exist, but the influence of the parent component on the child component is generally weak. For example, the child component may move with the parent component, and the user can find the child component through the parent component. The child component is higher than the parent component in the display hierarchy, but externally, the child component and the parent component appear to be displayed at the same level. For example, the game elements corresponding to the child and parent components are displayed in different areas of the game interface. These display areas are generally relatively independent, and the parent-child relationship between the game elements is not visually apparent.

[0073] S102: Displays the configuration interface of the target control component.

[0074] In one example, the configuration interface can be displayed on the game editing interface.

[0075] The display mechanism of the configuration interface is not limited in this application. In one example, the configuration interface can be displayed by operating on the target control component, or the configuration interface of the target control component can be automatically displayed in response to the control component creation operation of the game editing interface of the target game.

[0076] Optionally, the game editing interface may also include settings controls, and this application may also include:

[0077] In response to a selection operation on the target control component, determine that the target control component is selected;

[0078] In response to a trigger operation on the settings control, the configuration interface corresponding to the selected target control component is displayed.

[0079] Optional, see Figure 4 After selecting the target control component, the user can click... Figure 4 The "Advanced Settings" control in the middle enables the display of the configuration interface 203, which can provide various configurations for the target control component, including but not limited to: basic properties, events, animations, etc.

[0080] Optionally, this application may also include:

[0081] In response to configuration operations on the configuration interface, configure control information for the target control component, and update the display of the target control component based on the control information.

[0082] The target control corresponding to the target control component is also configured to be controlled based on the control information of the control component.

[0083] Optionally, the configuration interface includes a background image configuration item, and the control component control information includes the background image of the target control component. In response to configuration operations on the configuration interface, control component control information is configured for the target control component, and the display of the target control component is updated based on the control component control information, including:

[0084] In response to a setting operation on the background image configuration item, determine the background image of the target control component and display the background image in the target control component.

[0085] The background image is also configured to occlude below all child nodes (child control components).

[0086] For example, see Figure 4 The configuration interface 203 includes a background image configuration item 2031. In response to a trigger operation on the background image configuration item 2031, an image selection interface (not shown) can be displayed. The image selection interface can include multiple candidate images. In response to the user selecting an image, the selected image is used as the background image of the target control component, and the background image is displayed in the target control component.

[0087] Considering that the target control component may also be resized, this application also provides a background image adaptive scaling function to avoid the background image from changing adaptively.

[0088] Optionally, the configuration interface may also include: a background scaling control item; the control component control information may also include background image scaling control information; the configuration data may also include the background image of the target control component; the control editing method of this embodiment may further include:

[0089] In response to the setting operation of the background scaling control item, the segmentation information of the background image of the target control component is determined, and the scaling control information of the background image is determined based on the segmentation information. The scaling control information is used to control the size change of multiple image regions of the background image divided according to the segmentation information as the size of the target control component changes, wherein at least two image regions have different size changes.

[0090] Optionally, the scaling control information includes segmentation information, which may include the ratio of the horizontal segmentation line to the vertical width of the background image, and the ratio of the vertical segmentation line to the horizontal width of the background image.

[0091] Optionally, a nine-grid scaling principle can be used, setting two horizontal and vertical dividing lines for scaling control.

[0092] For example, see Figure 4 The configuration interface 203 includes a background scaling control item 2032. When a trigger operation is detected on the background scaling control item 2032, the following is displayed: Figure 5 The interface shown includes a background image and two editable horizontal and two vertical dividing lines. Users can drag the horizontal and vertical dividing lines to change their proportions in the vertical and horizontal widths of the background image, thereby adjusting the segmentation effect. Figure 5 The interface also displays the proportional value corresponding to the dividing line; adjusting the dividing line will adjust the corresponding proportional value.

[0093] Optionally, the dividing line of this application can divide the background image into 9 regions. The regions located at the four corners will not change with the size of the target control component. The region at the center will change in size at the same scale as the size of the target control component. The regions on the left and right sides will change in height at the same scale as the vertical size of the target control component, while keeping the horizontal size unchanged. The regions on the top and bottom sides will change in height at the same scale as the horizontal size of the target control component, while keeping the vertical size unchanged.

[0094] Given that different terminals may have different resolutions or sizes, this application also provides an adaptation function, which enables the target control component to adaptively adjust its size and position to adapt to the resolution.

[0095] In an optional example, the configuration interface also includes an adaptation mode configuration item, the control component control information includes the orientation control information of the target control, and the method also includes:

[0096] In response to the setting operation of the adaptation mode configuration item, the relative orientation information between the target control component and its parent node is determined. Based on the relative orientation information, orientation control information of the target control component is generated. This orientation control information is used to indicate that the target control component and its parent node meet the relative orientation information when displayed. The orientation control information is also used to indicate the relative orientation information of the target control component and the game element corresponding to its parent node on the game interface during game execution.

[0097] Optionally, in this embodiment of the application, displaying the target control corresponding to the target control component on the game interface generated during the target game's runtime in response to the running instruction may include:

[0098] In response to the run command, display the game interface generated when the target game is running;

[0099] When it is necessary to display the target control corresponding to the target control component, obtain the display position and size of the game element corresponding to the parent node of the target control component on the terminal. Based on the display position and size of the game element, as well as the relative orientation information and size of the target control component, determine the display position and size of the target control corresponding to the target control component on the game interface, and display the target control on the game interface based on the display position and size of the target control.

[0100] Optionally, during the game editing phase, the parent node is also abstracted as a component. The type of this component is not displayed, such as a page component or a control component. The game element corresponding to the parent node is not limited and can include the game interface where the target control is located, or the control itself. It can be understood that in full-screen mode, the game interface is the same size as the screen. Therefore, through the adaptation mode configuration item, the target control can be made to adapt to different screens.

[0101] Optional, see Figure 6 , Figure 6 The configuration interface 203 provides one of the adaptation mode configuration items, namely the "Screen Adaptation" configuration item 2033.

[0102] When a trigger operation is detected for the "Screen Adaptation" configuration item 2033, it can be displayed. Figure 7The screen adaptation configuration interface shown provides configuration items for the relative orientation information of the target control component and its four boundaries with respect to its parent node, as well as the relative orientation information between the center point of the target control component and its parent node. A preview window is displayed, including a node bounding box indicating the parent node and a control bounding box indicating the target control component. The node and control bounding boxes can be updated in real time based on the relative orientation information set in the configuration items for previewing. The relative orientation information can indicate interval distance, interval distance percentage, etc., but this example has no restrictions.

[0103] For example, the target control component can be set to align with the top, bottom, left, and right boundaries of the parent node at different pixel intervals, or its center position can be set to a fixed percentage position within the parent control's bounding box.

[0104] like Figure 7 In the code, the left edge spacing between the target control component and its parent node is set to 50px, and the bottom edge spacing is also set to 50px.

[0105] In another example, you can set an adaptation mode with a top margin of 5px, a bottom margin of 5%, and a horizontal margin of 50%, which adjusts as the target control component's parent node changes position and size. The top margin of the target control component will always remain 5px from the top margin of its parent node, its bottom margin will always remain 5% of the parent node's vertical dimension, and the center of the target control component will be at 50% of the parent node's horizontal dimension. This allows you to adjust the target control component accordingly.

[0106] S103: In response to a configuration operation on the configuration interface of the target control component, configure the target control component with sub-control component control information for controlling the contained sub-control components.

[0107] Optionally, in this application, the sub-control component control information for controlling the contained sub-control components may include: configuration for generating control effects on the sub-control components added to the target control component; and configuration for generating linkage control on the target control component and the sub-control components added to the target control component.

[0108] It is understandable that the former produces control effects on the child control component (and its corresponding child control), while the latter produces control effects on both the target control component (and its corresponding target control) and the child control component (and its corresponding child control).

[0109] In one example, the configuration of the target control component can refresh the properties of the target control component in real time. That is, the configuration can take effect on the target control component in real time, causing corresponding changes in its visual effect, allowing users to preview the display effect of the target control component.

[0110] Optionally, the sub-control component control information in this application includes, but is not limited to, information used to control the arrangement and operation response of the sub-control components in the target control component.

[0111] In one example, the configuration interface includes: clipping configuration items; and the sub-control component control information includes clipping control information.

[0112] In response to configuration operations on the configuration interface of the target control component, configure sub-control component control information for the target control component to control its contained sub-control components, including:

[0113] In response to a trigger action on the clipping configuration item, configure clipping control information for the target control component;

[0114] The trimming control information includes trimming start information or trimming stop information;

[0115] The clipping enable information is used to indicate that child control components that exceed the display range of the target control component should be hidden so that they are not displayed in the game interface or game editing interface of the target game;

[0116] The clipping close information is used to indicate that the display area of ​​child components of the target control component is not limited by the display area of ​​the target control component.

[0117] Optionally, in one example, the game editing interface includes an interface canvas, in which the target control component and its child control components are displayed.

[0118] In one example, the display range of the target control component can be determined based on the display position and size of the target control component on the interface canvas. Optionally, the display position may include the display position of the reference point of the target control component, which may include any one or more of the four corner points or the center point of the target control component.

[0119] It is understandable that the display position and size of the target control component can be used to determine the display position and size of the target control, but the display position and size of the target control component are not necessarily the same as the display position and size of the target control.

[0120] In some examples, the size of the target component control can be adjusted as needed. For example, in the game editing interface, a component bounding box can be displayed corresponding to the target control group. This component bounding box is close to the boundary of the target control component and is used to indicate the display range of the target control component, that is, the range that can accommodate the child control components.

[0121] Optionally, at least one set of adjacent boundary lines within the component's bounding box can be dragged. This allows the size of the target control component to be changed by dragging the bounding box, thereby altering the display area it occupies to contain child control components. It is understandable that adjusting the size of the target control component changes the size of the corresponding target control, thus changing the display area where the target control contains its child controls.

[0122] For example, see Figure 3 A component bounding box 2012 is displayed immediately next to the target control component 2011. All four boundary lines of the component bounding box 2012 can be dragged, thus changing the size of the target control component. It can also change the display position of the target control component, such as its center point position.

[0123] Understandably, when the clipping function is enabled, dragging the boundary line of the component bounding box 2012 will clip child control components located outside the component bounding box, but the background image in the target control component will be scaled.

[0124] Understandably, during the target game's runtime, the game interface displays the target control component and its child controls. The "clipping on" information also instructs that child controls exceeding the target control's display area be hidden from the target game's interface, while the "clipping off" information instructs that the display area of ​​child controls within the target control is not limited by the target control's display area.

[0125] For example, enabling clipping will restrict all child controls of the target control to be displayed within the target control's display area. Taking a bulletin board in a game as an example, enabling clipping will prevent the bulletin board from extending beyond the target control's display area.

[0126] Turning off clipping will display all child controls of the target control, even if there is content that exceeds the target control. This may be used to implement the functionality of controls with variable sizes, such as task lists. If the author wants it to display as many tasks as possible instead of just displaying content of a fixed length, turning off clipping is an effective solution.

[0127] Optionally, during the running phase of the target game, if the clipping control information is clipping off information, then each sub-control is displayed according to the display position and size of the target control's sub-controls.

[0128] If the clipping control information is clipping enabled, then obtain the size of the display position of the child control of the target control. Based on the display position and size of the target control component in the clipping enabled information, determine the display position and size of the target control, thereby determining the content of the child control outside the display range of the target control, and hiding the content of the child control so that it is not displayed in the game interface.

[0129] It is understood that the cropping function in this embodiment can be implemented through the rendering mechanism. That is, before the target control and child control are displayed, the pixels that exceed the display range of the target control (or the target control component) in the child control are determined through the above steps, and the exceeding pixels are removed during rendering, thereby realizing the cropping function.

[0130] Optional, see Figure 4 The configuration interface 203 provides a cropping configuration item, namely the "Enable Cropping" button 2034. When the user clicks this button, cropping is enabled; when the user clicks the button again, cropping is disabled.

[0131] In an optional example, if the target control component has adaptive mode enabled and orientation control information is set, the display range of the target control (i.e., display position such as center point position and size) still needs to be determined based on the orientation control information. It is understood that the display position can also include the position of any of the four corner points. This example will use the center point position as an example later, but it does not mean that it is limited to the center point position.

[0132] In one example, the relative orientation information includes the first relative orientation information between the center point of the target control component and its parent node. Based on this first relative orientation information and the display position and size of the game element corresponding to the parent node on the game interface, the center point position of the target control can be determined. The size set for the target control component is the size of the target control. Based on the center point position and size, the display range of the target control corresponding to the target control component on the game interface can be determined.

[0133] In another example, the relative orientation information includes a second relative position information between the boundary of the target control component and the boundary of its parent node. Based on the display position and size of the game element corresponding to the parent node on the game interface, the second relative position information, and the size of the target control component, the display position and size of the target control on the game interface can be determined.

[0134] In another example, the relative orientation information includes the first relative orientation information between the center point of the target control component and its parent node, and the second relative orientation information between the boundary of the target control component and the boundary of its parent node; then, based on the display position and size of the game element corresponding to the parent node on the game interface, as well as the first and second relative orientation information, the display position and size of the target control component on the game interface can be determined.

[0135] In one example, the configuration interface includes: spacing configuration items; sub-control component control information including spacing information; and, in response to a configuration operation on the configuration interface of the target control component, configuring sub-control component control information for the target control component to control its contained sub-control components, including:

[0136] In response to a trigger operation on the spacing configuration item, the spacing information of the child control components contained in the target control component is set. The spacing information is used to instruct the child control components contained in the target control component to set the spacing according to the spacing information.

[0137] Optionally, this spacing information can be size, proportion, etc. This example has no specific limitations. It's understood that for vertically arranged child control components, this spacing information refers to the vertical spacing, and vice versa for horizontal spacing.

[0138] Optional, see Figure 8 The game editing interface shown has a spacing configuration item 2035 in the configuration interface 203. This spacing configuration item can also display the spacing information currently used by the child control components of the target control component. Optionally, the terminal can respond to the trigger operation of this spacing configuration item and display the spacing setting interface 20351. This interface provides an input function, and the user can use the input function to input spacing information. For example, if the user inputs 50 on this interface, the spacing information between the child control components will be set to 50px.

[0139] After setting the spacing information of the child components contained within the target control component in response to a triggering operation on the spacing configuration item, it may also include:

[0140] The child control components displayed in the target space component are adjusted according to this spacing information.

[0141] Understandably, after resetting the spacing information, the spacing information in the spacing configuration item will also be updated to the latest spacing information.

[0142] Understandably, scrolling functionality can be set for child control components, allowing users to scroll through the child controls within the target control during game execution.

[0143] Optionally, the configuration interface of this example may also include: scroll direction configuration items; and scroll direction control information for child control components.

[0144] In response to configuration operations on the configuration interface of the target control component, configure sub-control component control information for the target control component to control its contained sub-control components, including:

[0145] In response to the setting operation of the scroll direction configuration item, the scroll direction control information of the child control components contained in the target control component is set, wherein the scroll direction control information includes horizontal scrolling and / or vertical scrolling.

[0146] It is understood that the control information of the control components and the control information of the sub-control components set in the embodiments of this application will also take effect on the target control components and the sub-control components of the target control components in the game editing interface, so that users can view the configuration effect through the game editing interface and make adjustments if they are not satisfied.

[0147] Optionally, embodiments of this application may further include:

[0148] In response to a scroll operation on the target control component, control the child control components within the target control component to scroll in the direction indicated by the scroll direction control information.

[0149] For example, see Figure 6 The configuration interface 203 displays a scroll direction configuration item 2036. This scroll direction configuration item can display the scrolling method currently used by the child components of the target control component, for example... Figure 6 The scrolling direction configuration item 2036 displays "Horizontal". In response to the operation of the scrolling direction configuration item, a drop-down list (not shown) can be displayed to select between vertical scrolling and horizontal scrolling. The selected scrolling mode will be displayed on the scrolling direction configuration item 2036.

[0150] In one example, the configuration interface also includes: layout configuration items; sub-control component control information, including layout control information;

[0151] In response to configuration operations on the configuration interface of the target control component, configure sub-control component control information for the target control component to control its contained sub-control components, including:

[0152] In response to setting the layout configuration item, display at least one layout option available under the set scroll direction control information;

[0153] In response to a selection operation in the layout mode, set the layout mode control information for the child control components contained in the target control component.

[0154] The layout methods include, but are not limited to, the alignment methods between child control components. Optionally, the alignment method depends on the scrolling direction of the target control component. When the scrolling direction is vertical, the available alignment methods include left alignment, right alignment, and horizontal center alignment. When the scrolling direction is horizontal, the available alignment methods include top alignment, bottom alignment, and vertical center alignment.

[0155] It is understood that the alignment methods described above are used to control the alignment of at least one child control component displayed within the target control component, for example, see [link to relevant documentation]. Figure 6 When scrolling horizontally, the alignment is vertically centered.

[0156] Furthermore, for child control components, the alignment of the content displayed within the child control component can be set. In one example, the alignment between child control components can be configured as the alignment of the content displayed by the child control component. In another example, a child control component can be selected and its alignment configured to control the alignment of its displayed content can be set.

[0157] For example, see Figure 6 The configuration interface 203 displays a layout configuration item, namely the "Alignment" configuration item 2037. This configuration item can display the alignment currently used by the child control components of the target control component, for example... Figure 6 The "Vertical Center" option displayed on configuration item 2037 allows the terminal to respond to operations on the layout configuration item by displaying a drop-down list (not shown) to show at least one alignment option available under the set scroll direction control information for the user to select. The selected alignment option will be displayed on configuration item 2037.

[0158] In an optional instance, the configuration interface includes: visual effects configuration items; and sub-control component control information, including visual effects control information.

[0159] In response to configuration operations on the configuration interface of the target control component, configure sub-control component control information for the target control component to control its contained sub-control components, including:

[0160] In response to the setting operation of the visual effects configuration item, configure the target control component with visual effects control information for controlling the child control components it contains. The visual effects control information is used to indicate that a preset visual effect is triggered when a preset operation is performed on the child control components contained by the target control component.

[0161] The method also includes:

[0162] In response to preset operations performed on child components within the target control component, control the child control components to display preset visual effects.

[0163] Optionally, in this application, the visual effect includes, but is not limited to, a bounce effect, and the preset operation includes a super-boundary scrolling operation on the child control component.

[0164] This out-of-bounds scrolling operation is used to indicate that after a child control component (or child control) closest to the boundary of the target control component (or target control) has appeared in the target control component with a scrolling operation away from that boundary, it continues to scroll away from that boundary. Optionally,

[0165] After the preset operation ends, the sub-control components that were moved away from the boundary by the adjacent scrolling operation can be controlled to produce a bounce effect, that is, a visual effect as if they were pulled back by a spring.

[0166] S104: In response to the operation of adding a child control component to the target control component, add at least one child control component to the target control component for display.

[0167] It is understandable that the execution order of steps S103 and S104 is not limited. After creating and displaying the target control component, you can display and perform S104 to set the sub-control component, and then perform S103 to set the control information of the sub-control component. Alternatively, you can perform step S103 first and then step S104, or the two steps can be performed alternately. This example does not restrict this.

[0168] Optionally, in this embodiment, the step of adding at least one child control component to the target control component for display in response to the operation of adding a child control component to the target control component may include:

[0169] In response to association instructions for child and target control components, establish the association relationship between the target control component and the child control component;

[0170] In response to the establishment of an association between the target control component and its child control components, at least one child control component is added to the target control component for display.

[0171] In an optional example, the association relationship includes, but is not limited to, a parent-child relationship. Establishing an association relationship between a target control component and a child control component may include mounting the child control component under the target control component, thereby establishing a parent-child relationship between the target control components.

[0172] In this embodiment, the target control component is configured so that its associated child control components can be displayed within the display area of ​​the target control component.

[0173] Therefore, after creating the association between the target control component and the child control component, the child control component can be added to the target control component for display.

[0174] It is understandable that there are no restrictions on how the association instructions between the target control component and its child control components are triggered.

[0175] For example, in this application, candidate control components that can be selected as sub-control components of the target control component can be displayed on the game editing interface or its sub-interface. By operating on the candidate control components, the sub-control components of the target control component can be selected, thereby triggering association instructions for the sub-control components and the target control component, and establishing the association relationship between the target control component and the sub-control components.

[0176] Understandably, the "operations on candidate control components" can be set as needed. This example does not restrict this. For example, it can be an operation only on the candidate control component itself, such as double-clicking, long-pressing, or selecting the candidate control component. It can also be a linked operation between the candidate control component and the target control component, such as two consecutive operations on the candidate control component and the target control component (such as two click operations). The time interval between the two operations meets the preset time interval, such as a sliding operation from the beginning of the display range of the candidate control component to the end of the display range of the target control component.

[0177] In an optional example, establishing the association between the target control component and the child control component in response to an association instruction for the child control component and the target control component may include:

[0178] The display shows a control component selection interface, which includes at least one optional control component;

[0179] In response to the control component selection operation on the control component selection interface, the first selected control component is added to the game editing interface for display;

[0180] In response to a sliding operation where the starting position is in the first control component and the ending position is in the target control component, the first control component is determined to be a child control component of the target control component, an association instruction is generated for the child control component and the target control component, and the association relationship between the target control component and the child control component is established.

[0181] The first control component can slide following the sliding operation.

[0182] In another example, the first control component displayed in the game editing interface can also be set as a child control component of the target control component by manipulating the game editing interface, including the interface canvas.

[0183] Optionally, the game editing interface also includes: a management control, which can trigger the display of a hierarchy management interface. The hierarchy management interface can be used to display the component identifiers corresponding to the components in the interface canvas, and the hierarchical relationship between these component identifiers is consistent with the hierarchical relationship between the components. Optionally, in response to association instructions for child and target control components, establishing the association relationship between the target and child control components may include:

[0184] The display shows a control component selection interface, which includes at least one optional control component;

[0185] In response to the control component selection operation on the control component selection interface, the first selected control component is added to the game editing interface for display;

[0186] In response to a trigger operation on the management control, a hierarchical management interface is displayed. The hierarchical management interface includes the control component identifier of the target control component, and the sub-control component identifiers that are located below the control component identifier and correspond one-to-one with the sub-control components. The arrangement order of the sub-control component identifiers is consistent with the arrangement order of the corresponding sub-control components in the target control component. The hierarchical management interface also includes the first component identifier of the first control component in the interface canvas, which is not below the hierarchy of the control component identifier.

[0187] In response to moving the first component identifier to be displayed under the control component identifier of the target control component, the first control component is determined to be a child control component of the target control component, an association instruction for the child control component and the target control component is generated, and the association relationship between the target control component and the child control component is established.

[0188] For example, see Figure 9 The game editing interface 20 includes a management control 204. The interface canvas of the game editing interface displays a target control component and component A 205. In response to a trigger operation on the management control 204, a hierarchical management interface 206 is displayed. This hierarchical management interface 206 displays the control component identifier 2061 corresponding to the target control component, the sub-control component identifiers 2062-2067 corresponding to the six sub-control components of the target control component, and the identifier 2068 of component A, which is not below the hierarchy of control component identifier 2061. This component A identifier 2068 can be moved to a level below control component identifier 2061 (see [link to documentation]). Figure 10 This determines that component A is a child component of the target control component, generates association instructions for component A and the target control component, establishes the association relationship between the target control component and component A, and thus moves component A from outside the target control component to inside the target control component for display (see...). Figure 10 ).

[0189] In one example, the step of adding at least one child control component to the target control component for display may include:

[0190] Based on the display rules corresponding to the target control component, determine the target display position of the child control component relative to the target control component;

[0191] Control the display position of the child control component at the target display location.

[0192] Optionally, the display rules corresponding to the target control component include, but are not limited to, displaying the child control components of the target control component within the display range of the target control component, and determining the display position of the newly added child control component based on the arrangement order of the added child control components among the child control components of the target control component.

[0193] Optionally, the control information in the sub-control component control information set above, which is used to control the arrangement of sub-control components in the target control component, can also be used as a display rule.

[0194] For newly added child control components, their arrangement position among the child control components of the target control component can be determined. Based on this arrangement position, the number of child control components in the target control component after adding the child control component, the size of each child control component, and the child control component control information (including spacing information, layout method control information, clipping control information, and orientation control information) are determined to determine the target display position of each child control component in the target control component relative to the target control component after adding the child control component; thus, each child control component is controlled to be displayed at its corresponding target display position.

[0195] In an optional example, the hierarchy management interface can also be used to adjust the hierarchical order between the identifiers of the child control components, thereby adjusting the arrangement order of the child control components in the target control component.

[0196] Optionally, the control editing method of this application may also include:

[0197] In response to the hierarchical management operation of the target control component, the hierarchical management interface is displayed. The hierarchical management interface includes the control component identifier of the target control component, and the sub-control component identifiers that are located below the control component identifier and correspond one-to-one with the sub-control components. The arrangement order of the sub-control component identifiers is consistent with the arrangement order of the corresponding sub-control components in the target control component.

[0198] In response to the operation of moving the position of the child control component identifier, the target control component controls the corresponding child control component to be moved to move accordingly, and determines the arrangement order of the child control components in the target control component after the move, and configures the arrangement order to be the arrangement order of the child control corresponding to the child control component in the target control component.

[0199] This allows us to change the order in which child components are arranged within the target component, so that during game execution, the child components in the target component are arranged according to the updated order.

[0200] For example, see Figure 9 In the hierarchical management interface 206 on the right, you can adjust the relative positions of the sub-control component identifiers 2062-2067 corresponding to the sub-control components, thereby changing the arrangement order of the 6 sub-control components, namely Options 1 to Options 6.

[0201] As described above, for the target control component, configuration information can also be configured to both control the target control component (and the target control) and to control the child control components (child controls) in conjunction with the control information of the child control components. In one example, this configuration information may include event configuration information, that is, by configuring related events for the target control component, the event can control the target control component and enable the linked control of the child control components.

[0202] In an optional embodiment, the configuration interface further includes: a first event configuration item for the target control component, the first event configuration item being used to configure a first type of first event and / or a second type of first event, wherein the first type of first event is an event that, upon being triggered, controls the target control component and the target control corresponding to the target control component, and the second type of first event is an event triggered by a first specified operation on the target control component and the target control corresponding to the target control component; the method further includes:

[0203] In response to a configuration operation on the target first event configuration item in the first event configuration item, obtain the event identifier of the target first event configured for the target control component;

[0204] The event configuration information of the target control component is determined based on the type and event identifier of the target's first event.

[0205] Optionally, the target game of this application is configured with an event system, which pre-configures event code blocks and event identifiers for various events. Events configured for the target control component and its child control components can be selected from the pre-configured events in the event system.

[0206] Optionally, the first event configuration item can provide an input field for entering the event identifier. The event identifier may include, but is not limited to, event number, event name, etc., and can consist of any characters and numbers, such as using Chinese characters to define the event name.

[0207] You can configure the mapping between target control components and event identifiers by entering the correct event identifier in the first event configuration item, or by selecting from the available event identifiers displayed in the drop-down menu.

[0208] Optionally, in this application, the type of control that the first event of the first type performs on the target control component or the target component is not limited, such as zooming in, zooming out, switching display styles, showing or hiding, etc.

[0209] In an optional example, the first event configuration item includes a show event configuration item and a hide event configuration item. In response to a configuration operation on the target first event configuration item in the first event configuration item, an event identifier for the target first event configured for the target control component is determined, including:

[0210] In response to configuration operations on display event configuration items, determine the event identifier for the display event configured for the target control component;

[0211] In response to configuration operations on hidden event configuration items, determine the event identifier for the hidden event configured for the target control component.

[0212] See Figure 11 , Figure 11 The configuration interface 203 includes a first event configuration item 2038 for the target control component. The first event configuration item 20381, highlighted in the first red box, is used to configure the second type of event, and the first event configuration item 20382, highlighted in the second red box, is used to configure the first event of the first type. The first event configuration item 20382 includes a display event configuration item and a hide event configuration item. By entering the event identifier in the input boxes of these two configuration items, the display event and hide event of the target control component can be set.

[0213] Optionally, in response to a run command, displaying the target control corresponding to the target control component on the game interface generated during the target game's runtime may include:

[0214] In response to the run command, the target game is run to display the game interface;

[0215] Based on the event flags of the target control component's display events, monitor whether a display event has occurred;

[0216] When a display event occurs, the target control is displayed on the game interface.

[0217] In one example, it may also include:

[0218] When the target control is displayed on the game interface, based on the event identifier of the hiding event of the target control, monitor whether the display event indicated by the event identifier occurs;

[0219] When the hiding event occurs, hide the target control on the game interface.

[0220] In an optional example, the corresponding event code block can be called based on the event identifier to run, so as to monitor whether a display event or a hiding event occurs for the target control.

[0221] Optionally, for the present application, the established association relationship between the target control component and the sub-control component can enable the display or hiding of the sub-control component, and the linkage control of the display event and the hiding event configured for the target control component, as well as the display event and the hiding event configured for the sub-control component to be realized. Instead of being only controlled by the display event and the hiding event configured for the sub-control component.

[0222] Therefore, in this embodiment, the above sub-control component control information further includes: the display event and the hiding event of the target control component, and the sub-control component and the corresponding sub-control are further configured to: under the linkage control of the display event and the hiding event configured for the target control component, and the display event and the hiding event configured for the sub-control component, perform display or hiding.

[0223] In an optional example, the linkage control includes:

[0224] When the sub-control component is not configured with a hiding event, if the display event of the target control component is triggered, display the target control corresponding to the target control component and the sub-control corresponding to the sub-control component on the game interface;

[0225] When the sub-control component is configured with a hiding event, if the display event of the target control component is triggered, and the event triggered by the sub-control component is a hiding event, then display the target control corresponding to the target control component on the game interface, and control the sub-control corresponding to the triggered hiding event to hide;

[0226] When the sub-control component is configured with a display event and a hiding event, if the display event of the target control component is triggered, and the event triggered by the sub-control component is a display event, then display the target control corresponding to the target control component on the game interface, and display the sub-control corresponding to the triggered display event in the target control;

[0227] When the hiding event of the target control component is triggered, hide the target control on the game interface, and control the sub-control in the target control to hide following the target control;

[0228] After the target control is displayed in the game interface, if the corresponding hidden event of the child control component is triggered, the child control corresponding to the triggered hidden event is hidden in the target control, and the arrangement of the child controls displayed in the target control is adjusted.

[0229] After the target control is displayed in the game interface, if a hidden sub-control is detected to have its corresponding display event triggered, the target component controls the newly displayed sub-control corresponding to the triggered display event, and adjusts the arrangement of other sub-controls. The display position of the newly displayed sub-control is determined based on the arrangement order of the sub-control components configured in the target control component.

[0230] It is understandable that the display and hide events of child control components are not affected by the target control component; they are two relatively independent setting processes.

[0231] Child control components can have both show and hide events set, or they can have neither, or only one of the show and hide events set. This example does not have any restrictions on this.

[0232] If no show and hide events are set for the child control component, the above-mentioned linkage control can include:

[0233] The display and hide events of the target control component control the showing and hiding of the target control and its child controls. Specifically, when the display event of the target control component is triggered, the target control and its child controls are displayed on the game interface. When the hide event of the target control component is triggered, the target control and its child controls are hidden on the game interface.

[0234] When the child control component has display and hide events set, the above-mentioned linkage control can include:

[0235] If the display event of the target control component is triggered, and the event triggered on the child control component is a hide event, then the target control corresponding to the target control component is displayed in the game interface, and the child control corresponding to the triggered hide event is hidden.

[0236] If the display event of the target control component is triggered, and the event triggered on the child control component is a display event, then the target control corresponding to the target control component and the child control corresponding to the triggered display event are displayed in the game interface.

[0237] When the hide event of the target control component is triggered, the target control is hidden in the game interface, and the child controls in the target control are hidden along with the target control.

[0238] Optionally, for child control components, only a hide event can be set. Correspondingly, the linked controls can include:

[0239] If the display event of the target control component is triggered, and the event triggered on the child control component is a hide event, then the target control corresponding to the target control component is displayed on the game interface, and the child control corresponding to the triggered hide event is hidden.

[0240] When the first event is set through the display event configuration item and the hide event configuration item, the type in the event configuration information is used to indicate whether the event corresponding to the event identifier is a display event or a hidden event.

[0241] In one example, if the event identifier itself indicates that the target control component is to be hidden or shown, then the event configuration information does not need to include this type, and only the event identifier is required.

[0242] In an optional example, the second type may also include multiple subtypes, which can be used to indicate the type of the corresponding specified operation. The specified operation used to trigger the first event for different subtypes is different. For example, subtypes may include click trigger events, long press trigger events, double-tap trigger events, knuckle trigger events, press trigger events, release trigger events, swipe trigger events, and so on. In an optional example, the type in the event configuration information can be this subtype, so that the target game runtime monitors whether the operation triggered against the target control component is the operation indicated by this subtype based on this subtype.

[0243] In one optional example, for the first event of the second type, operation parameters that the specified operation must satisfy can also be configured. For example, for a swipe operation, the operation parameters include, but are not limited to, at least one of the following: swipe direction, minimum swipe distance, and minimum swipe time. For a long press operation, the operation parameters include, but are not limited to, minimum long press duration. For a double-tap operation, the operation parameters include, but are not limited to, the maximum interval between two click operations.

[0244] Optionally, in one example, the first event configuration item also includes a sub-configuration item for configuring the second type of first event, which can also be used to configure the operation parameters that need to be met for a specified operation to trigger the corresponding first event.

[0245] In one example, in response to a configuration operation on a target sub-event configuration item in a first event configuration item, the event identifier of the target first event configured for the target control component, as well as the operation parameters satisfied by the specified operation that triggers the target first event, can be obtained.

[0246] The event configuration information of the target control component is determined based on the subtype of the target first event, the operation parameters, and the event identifier of the target first event.

[0247] As can be seen from the above description, the second type of event is an event that can be triggered after the target control component receives a specified operation. It can be understood that after setting the first event of the subtype, the game editing stage can monitor the triggering operations on the target control component (and the game running stage can monitor the triggering operations on the target component) to see if there is a specified operation that corresponds to the subtype and meets the corresponding operation parameters. If the specified operation is detected, the corresponding event code block can be called based on the event identifier corresponding to the specified operation to trigger the event corresponding to the specified operation.

[0248] See Figure 11 , Figure 11 The configuration interface 203 includes a first event configuration item 2038 for the target control component. The first event configuration item 20381, highlighted in red, is used to configure the second type of event. Taking the long-press triggered event configuration item as an example, this configuration item has an edit box where the event name can be entered, and a long-press time editing area where the long-press duration can be edited. Figure 11 In this design, the long-press time editing area includes a slider and a time display area. The long-press time can be adjusted by sliding the slider, and the time display area shows the time set by the slider. It's understandable that the long-press time editing area could also have other implementations, such as displaying an input box where the long-press time can be directly entered.

[0249] In this embodiment, for child control components, configuration information can also be set that only applies to the child control component and its corresponding child control.

[0250] Optionally, this embodiment may further include: in response to the configuration operation on the child control component, determining the child control component configuration data set for the child control component, and controlling the child control component configuration data to take effect on the child control components in the target control component;

[0251] Among them, the sub-controls displayed on the game interface generated during the target game's runtime, corresponding to the sub-control components, are also configured to be controlled based on the sub-control component's configuration data.

[0252] Optionally, for a child control component, its corresponding child control component configuration interface can be displayed. This interface can provide a variety of configuration items to set the configuration data of the child control component. The display and operation of the sub-configurations in the child control component configuration interface can be found in the relevant description of the configuration items of the target control component, and will not be repeated here.

[0253] Optionally, the configuration data for the child control component may include the background image of the child control component, the scaling method of the background image, the layout control information of the content displayed in the child control component, and the event configuration information associated with the child control. Optionally, the layout control information may include, but is not limited to, the line spacing, column spacing, and character style (such as font, size, color, etc.).

[0254] The following details the process of configuring events for child control components. Optionally, in response to configuration operations on child control components, the configuration data set for the child control component is determined, including:

[0255] In response to a trigger operation on a child control component, the configuration interface of the child control component corresponding to the child control component is displayed. The configuration interface of the child control component includes: at least one second event configuration item of the child control component. The second event configuration item is used to configure a third type and / or a fourth type of second event. The second event of the third type is an event that controls the child control component or the child control corresponding to the child control component after being triggered. The second event of the fourth type is an event triggered by a second specified operation on the child control component or the child control corresponding to the child control component.

[0256] In response to a configuration operation on the target second event configuration item in the second event configuration item, determine the event identifier of the target second event configured for the child control component;

[0257] The configuration data of the sub-control component is determined based on the type of the target second event and the event identifier of the target second event.

[0258] It is understood that the second event of the third type mentioned above is similar to the first event of the first type of the target control component, and the second event of the fourth type mentioned above is similar to the first event of the second type of the target control component. For the configuration and application of the second event of the third type, please refer to the relevant description of the first event of the first type above. For the configuration and application of the second event of the fourth type, please refer to the relevant description of the first event of the second type above.

[0259] For example, with Figure 11 and Figure 12 For example, if in Figure 11 The operation triggered by the child control component "Option 1" can display... Figure 12 The game editing interface shown contains a sub-control component configuration interface 207 corresponding to "Option 1". This sub-control component configuration interface 207 is similar to the target control component configuration interface, both providing event configuration functions. For example, the second event configuration item highlighted in the first red box is used to configure the fourth type of event, and the second event configuration item highlighted in the second red box is used to configure the third type of event.

[0260] Optionally, the second event of the third type may include the show event and hide event of the child control component.

[0261] In one example, the step "The second event configuration item includes a show event configuration item and a hide event configuration item, and in response to a configuration operation on the target second event configuration item in the second event configuration item, determines the event identifier of the target second event configured for the child control component" may include:

[0262] In response to configuration operations on display event configuration items, determine the event identifier for the display event configured for the child control component;

[0263] In response to configuration operations on hidden event configuration items, determine the event identifier for the hidden event configured for the child control component.

[0264] As described above, the display event of the target control component is an event that causes the target control component or the target control corresponding to the target control component to be displayed after being triggered; the hide event of the target control component is an event that causes the target control component or the target control corresponding to the target control component to be hidden after being triggered.

[0265] The display and hide events of child control components need to be linked with the display and hide events of the target control component to control the display and hide of the child control component or the corresponding child control.

[0266] S105: In response to the run command, display the target control corresponding to the target control component and the sub-control corresponding to the sub-control component on the game interface generated when the target game is running. The sub-control is configured to be controlled based on the control information of the sub-control component.

[0267] In this embodiment, the configurations for the target control component and the sub-control component described above can be saved as corresponding configuration data and stored on the terminal side or sent to the server or cloud for storage.

[0268] In response to the execution command, the configuration data of the target control component is obtained from the local terminal, the cloud, or the server. On the game interface generated when the target game is running, the target control corresponding to the target control component and the child control corresponding to the child control component are displayed based on these configuration data, as well as the child control component and / or the target control component are hidden.

[0269] Optionally, this configuration data can also be used to redisplay the target control component and its child control components in an editing scenario, so that users can modify the target control component and its child control components.

[0270] For example, the game editing interface can display control components that the user has configured. These control components include the component identifier of the target control component. In response to the selection of the component identifier, the target control component and its sub-control components are displayed on the interface canvas of the game editing interface based on the configuration data of the target control component. The configuration interface can also display the configuration information corresponding to the configuration data on the configuration items, so that the user can determine whether adjustments are needed.

[0271] Using this embodiment, users can configure complex target control components through simple interactive operations in the target game's editing interface. This allows the target control components to be used on the game interface generated during gameplay, enhancing the gaming experience. Furthermore, setting target control components through the game editing interface significantly reduces the professional requirements for control design knowledge, lowering the learning curve for users.

[0272] On the other hand, see Figure 13 This embodiment provides a control editing device, which includes:

[0273] Creation unit 1301 is used to create and display target control components on the game editing interface in response to the control component creation operation of the game editing interface of the target game;

[0274] Display unit 1302 is used to display the configuration interface of the target control component;

[0275] Configuration unit 1303 is configured to, in response to a configuration operation on the configuration interface of the target control component, configure sub-control component control information for controlling the contained sub-control components of the target control component;

[0276] Adding unit 1304 is used to add at least one child control component to the target control component for display in response to the operation of adding a child control component to the target control component;

[0277] The running unit 1305 is used to respond to the running command and display the target control corresponding to the target control component and the sub-control corresponding to the sub-control component on the game interface generated during the running of the target game. The sub-control is configured to be controlled based on the control information of the sub-control component.

[0278] In an optional example, the configuration interface includes: clipping configuration items; and sub-control component control information including clipping control information.

[0279] A configuration unit is configured to configure clipping control information for the target control component in response to a trigger operation on the clipping configuration item.

[0280] The trimming control information includes trimming start information or trimming stop information;

[0281] The clipping enable information is used to indicate that child control components that exceed the display range of the target control component should be hidden so that they are not displayed in the game editing interface of the target game;

[0282] The clipping close information is used to indicate that the display area of ​​child components of the target control component is not limited by the display area of ​​the target control component.

[0283] In an optional example, the configuration interface includes: spacing configuration items; the sub-control component control information includes spacing information;

[0284] The configuration unit is used to set the spacing information of the child control components contained in the target control component in response to the trigger operation of the spacing configuration item. The spacing information is used to instruct the child control components contained in the target control component to set the spacing according to the spacing information.

[0285] In an optional example, the configuration interface includes: scroll direction configuration items; and sub-control component control information including scroll direction control information.

[0286] A configuration unit is used to set the scroll direction control information of the child control components contained in the target control component in response to the setting operation of the scroll direction configuration item, wherein the scroll direction control information includes horizontal scrolling and / or vertical scrolling.

[0287] In an optional example, the configuration interface also includes: layout configuration items; sub-control component control information, including layout control information;

[0288] The configuration unit is used to display at least one layout mode selectable under the set scroll direction control information in response to the setting operation of the layout mode configuration item; and to set the layout mode control information of the child control components contained in the target control component in response to the selection operation in the layout mode.

[0289] In an optional example, the configuration interface includes: visual effects configuration items; and sub-control component control information including visual effects control information.

[0290] The configuration unit is used to configure visual effect control information for the target control component to control the child control components it contains in response to the setting operation of the visual effect configuration item. The visual effect control information is used to indicate that a preset visual effect is triggered when a preset operation is performed on the child control components contained by the target control component.

[0291] The device also includes a vision control unit for controlling the sub-control components to display preset visual effects in response to preset operations performed on the sub-control components in the target control component.

[0292] In an optional example, the configuration interface further includes: a first event configuration item for the target control component, the first event configuration item being used to configure a first type of first event and / or a second type of first event, the first type of first event being an event that controls the target control component and the target control corresponding to the target control component after being triggered, and the second type of first event being an event triggered by a first specified operation on the target control component and the target control corresponding to the target control component; the configuration unit of the device is further configured to, in response to the configuration operation of the target first event configuration item in the first event configuration item, obtain the event identifier of the target first event configured for the target control component; and determine the event configuration information of the target control component based on the type of the target first event and the event identifier of the target first event.

[0293] In an optional example, the first event configuration item includes a display event configuration item and a hide event configuration item. The configuration unit of the device is further configured to, in response to a configuration operation on the display event configuration item, determine an event identifier for a display event configured for a target control component, wherein the display event is an event that, when triggered, causes the target control component or the target control corresponding to the target control component to be displayed; and in response to a configuration operation on the hide event configuration item, determine an event identifier for a hide event configured for a target control component, wherein the hide event is an event that, when triggered, causes the target control component or the target control corresponding to the target control component to be hidden.

[0294] The sub-control component control information also includes: the display and hide events of the target control component, and the sub-control component and its corresponding sub-control are configured to be displayed or hidden under the linkage control of the display and hide events configured for the target control component and the display and hide events configured for the sub-control component.

[0295] In one optional example, the linkage control includes at least one of the following control methods:

[0296] If the target control component's display event is triggered when the child control component's hidden event is not configured, the target control corresponding to the target control component and the child control corresponding to the child control component will be displayed in the game interface.

[0297] If a child control component is configured with a hidden event, and the display event of the target control component is triggered, and the event triggered on the child control component is a hidden event, then the target control corresponding to the target control component is displayed in the game interface, and the child control corresponding to the triggered hidden event is hidden.

[0298] If the child control component is configured with a display event and a hide event, and the display event of the target control component is triggered, and the event triggered on the child control component is a display event, then the target control corresponding to the target control component will be displayed in the game interface, and the child control corresponding to the triggered display event will be displayed in the target control.

[0299] When the hide event of the target control component is triggered, hide the target control in the game interface, and control the child controls in the target control to hide along with the target control;

[0300] After the target control is displayed in the game interface, if the corresponding hidden event of the child control component is detected, the child control corresponding to the triggered hidden event is hidden in the target control, and the arrangement of the child controls displayed in the target control is adjusted.

[0301] In an optional example, the configuration unit of the device is also used for:

[0302] In response to configuration operations on child control components, determine the configuration data set for the child control components, and control the child control component configuration data to take effect on the child control components in the target control component;

[0303] Among them, the sub-controls displayed on the game interface generated during the target game's runtime, corresponding to the sub-control components, are also configured to be controlled based on the sub-control component's configuration data.

[0304] In an optional example, the configuration unit of the device is also used for:

[0305] In response to a trigger operation on a child control component, the configuration interface of the child control component corresponding to the child control component is displayed. The configuration interface of the child control component includes: at least one second event configuration item of the child control component. The second event configuration item is used to configure a third type and / or a fourth type of second event. The second event of the third type is an event that controls the child control component or the child control corresponding to the child control component after being triggered. The second event of the fourth type is an event triggered by a second specified operation on the child control component or the child control corresponding to the child control component.

[0306] In response to a configuration operation on the target second event configuration item in the second event configuration item, determine the event identifier of the target second event configured for the child control component;

[0307] The configuration data of the sub-control component is determined based on the type of the target second event and the event identifier of the target second event.

[0308] In an optional example, the second event configuration item includes a display event configuration item and a hide event configuration item. The configuration unit of the device is further configured to: determine an event identifier for a display event configured for a child control component in response to a configuration operation on the display event configuration item.

[0309] In response to configuration operations on hidden event configuration items, determine the event identifier for the hidden event configured for the child control component.

[0310] In an optional example, add a unit for: establishing an association between the target control component and the child control component in response to an association instruction for the child control component and the target control component;

[0311] In response to the establishment of an association between the target control component and its child control components, at least one child control component is added to the target control component for display.

[0312] In an optional example, a unit is added to display a control component selection interface, which includes at least one optional control component; in response to a control component selection operation on the control component selection interface, the selected first control component is added to the game editing interface for display; in response to a sliding operation with the starting position at the first control component and the ending position at the target control component, the first control component is determined to be a child control component of the target control component, an association instruction for the child control component and the target control component is generated, and the association relationship between the target control component and the child control component is established.

[0313] In an optional example, a unit is added to determine the target display position of the child control component relative to the target control component based on the display rules corresponding to the target control component; and to control the display of the child control component at the target display position.

[0314] In an optional example, the device further includes a hierarchy adjustment unit for displaying a hierarchy management interface in response to a hierarchy management operation on the target control component. The hierarchy management interface includes a control component identifier of the target control component and sub-control component identifiers located below the control component identifier and corresponding one-to-one with the sub-control components. The arrangement order of the sub-control component identifiers is consistent with the arrangement order of the corresponding sub-control components in the target control component. In response to a position movement operation on the sub-control component identifier, the device controls the corresponding sub-control components in the target control component to move accordingly, determines the arrangement order of the sub-control components in the target control component after the movement, and configures the arrangement order to be the arrangement order of the sub-controls corresponding to the sub-control components in the target control component.

[0315] Using this embodiment, users can configure complex target control components through simple interactive operations in the editing interface of the target game, thereby enabling the use of the target control components and corresponding target controls on the game interface generated during game operation, thus enhancing the game experience.

[0316] Accordingly, this application also provides an electronic device, which can be a terminal, such as a smartphone, tablet computer, laptop computer, touch screen, game console, personal computer (PC), personal digital assistant (PDA), or other terminal device. Alternatively, the electronic device can be a server.

[0317] like Figure 14 As shown, Figure 14 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. The electronic device 1400 includes a processor 1401 with one or more processing cores, a memory 1402 with one or more computer-readable storage media, and a computer program stored on the memory 1402 and executable on the processor. The processor 1401 and the memory 1402 are electrically connected. Those skilled in the art will understand that the electronic device structure shown in the figure does not constitute a limitation on the electronic device, and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0318] The processor 1401 is the control center of the electronic device 1400. It connects various parts of the electronic device 1400 via various interfaces and lines. By running or loading software programs and / or units stored in the memory 1402, and by calling data stored in the memory 1402, it executes various functions and processes data of the electronic device 1400, thereby providing overall monitoring of the electronic device 1400. The processor 1401 can be a central processing unit (CPU), a graphics processing unit (GPU), a network processor (NP), etc., and can implement or execute the methods, steps, and logic block diagrams disclosed in the embodiments of this application.

[0319] In this embodiment, the processor 1401 in the electronic device 1400 loads the instructions corresponding to the processes of one or more applications into the memory 1402 according to the following steps, and the processor 1401 runs the applications stored in the memory 1402 to realize various functions, such as:

[0320] In response to the control component creation operation on the game editing interface of the target game, create and display the target control component on the game editing interface;

[0321] Displays the configuration interface of the target control component;

[0322] In response to configuration operations on the configuration interface of the target control component, configure the target control component with sub-control component control information for controlling the contained sub-control components;

[0323] In response to the operation of adding a child control component to the target control component, at least one child control component is added to the target control component for display;

[0324] In response to the run command, the target control corresponding to the target control component and the child control corresponding to the child control component are displayed on the game interface generated when the target game runs. The child control is configured to be controlled based on the control information of the child control component.

[0325] Using this example, users can configure complex target control components through simple interactive operations in the target game's editing interface, thereby enabling the use of the corresponding target controls on the game interface generated during game execution and enhancing the gaming experience.

[0326] For details on the implementation of each of the above operations, please refer to the previous examples, which will not be repeated here.

[0327] Optional, such as Figure 14 As shown, the electronic device 1400 also includes: a touch display screen 1403, a radio frequency circuit 1404, an audio circuit 1405, an input unit 1406, and a power supply 1407. The processor 1401 is electrically connected to the touch display screen 1403, the radio frequency circuit 1404, the audio circuit 1405, the input unit 1406, and the power supply 1407. Those skilled in the art will understand that... Figure 14 The electronic device structure shown does not constitute a limitation on the electronic device and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0328] The touch display screen 1403 can be used to display a graphical user interface (GUI) and receive operation commands generated by the user interacting with the GUI. The touch display screen 1403 may include a display panel and a touch panel. The display panel can be used to display information input by the user or information provided to the user, as well as various graphical user interfaces of the electronic device. These graphical user interfaces can be composed of graphics, text, icons, video, and any combination thereof. Optionally, the display panel can be configured using a liquid crystal display (LCD), organic light-emitting diode (OLED), or other similar technologies. The touch panel can be used to collect touch operations performed by the user on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near the touch panel), generate corresponding operation commands, and execute the corresponding program according to the operation commands. Optionally, the touch panel may include two parts: a touch detection device and a touch controller. The touch detection device detects the user's touch location and the signal generated by the touch operation, transmitting the signal to the touch controller. The touch controller receives touch information from the touch detection device, converts it into touch point coordinates, and sends it to the processor 1401. It can also receive and execute commands from the processor 1401. The touch panel can cover the display panel. When the touch panel detects a touch operation on or near it, it transmits the information to the processor 1401 to determine the type of touch event. Subsequently, the processor 1401 provides corresponding visual output on the display panel based on the type of touch event. In this embodiment, the touch panel and the display panel can be integrated into the touch display screen 1403 to achieve input and output functions. However, in some embodiments, the touch panel and the touch display screen 1403 can be implemented as two independent components to achieve input and output functions. That is, the touch display screen 1403 can also be used as part of the input unit 1406 to achieve input functions.

[0329] The radio frequency circuit 1404 can be used to transmit and receive radio frequency signals to establish wireless communication with network devices or other electronic devices, and to transmit and receive signals with network devices or other electronic devices.

[0330] Audio circuit 1405 can be used to provide an audio interface between a user and an electronic device via a speaker and a microphone. Audio circuit 1405 can convert received audio data into electrical signals and transmit them to the speaker, where the speaker converts them into sound signals for output. Conversely, the microphone converts collected sound signals into electrical signals, which are then received by audio circuit 1405, converted back into audio data, and then processed by processor 1401 before being transmitted via radio frequency circuit 1404 to, for example, another electronic device, or output to memory 1402 for further processing. Audio circuit 1405 may also include an earphone jack to provide communication between peripheral headphones and electronic devices.

[0331] The input unit 1406 can be used to receive input numbers, character information or user feature information (such as fingerprints, iris, facial information, etc.), and generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function control.

[0332] Power supply 1407 is used to supply power to various components of electronic device 1400. Optionally, power supply 1407 can be logically connected to processor 1401 through a power management system, thereby enabling functions such as charging, discharging, and power consumption management through the power management system. Power supply 1407 may also include one or more DC or AC power supplies, recharging systems, power fault detection circuits, power converters or inverters, power status indicators, and other arbitrary components.

[0333] although Figure 14 As not shown in the diagram, the electronic device 1400 may also include a camera, sensor, wireless fidelity module, Bluetooth module, etc., which will not be described in detail here.

[0334] In the above embodiments, the descriptions of each embodiment have different focuses. For parts not described in detail in a certain embodiment, please refer to the relevant descriptions in other embodiments.

[0335] Those skilled in the art will understand that all or part of the steps in the various methods of the above embodiments can be performed by instructions, or by instructions controlling related hardware. These instructions can be stored in a computer-readable storage medium and loaded and executed by a processor.

[0336] Therefore, embodiments of this application provide a computer-readable storage medium storing multiple computer programs that can be loaded by a processor to execute any of the control editing methods provided in embodiments of this application. The computer program can execute the steps of the control editing method as follows:

[0337] In response to the control component creation operation on the game editing interface of the target game, create and display the target control component on the game editing interface;

[0338] Displays the configuration interface of the target control component;

[0339] In response to configuration operations on the configuration interface of the target control component, configure the target control component with sub-control component control information for controlling the contained sub-control components;

[0340] In response to the operation of adding a child control component to the target control component, at least one child control component is added to the target control component for display;

[0341] In response to the run command, the target control corresponding to the target control component and the child control corresponding to the child control component are displayed on the game interface generated when the target game runs. The child control is configured to be controlled based on the control information of the child control component.

[0342] Using this example, users can configure complex target control components through simple interactive operations in the target game's editing interface, thereby enabling the use of the corresponding target controls on the game interface generated during game execution and enhancing the gaming experience.

[0343] For details on the implementation of each of the above operations, please refer to the previous examples, which will not be repeated here.

[0344] The computer-readable storage medium may include: read-only memory (ROM), random access memory (RAM), disk or optical disk, etc.

[0345] Since the computer program stored in the computer-readable storage medium can execute any of the control editing methods provided in the embodiments of this application, it can achieve the beneficial effects that any of the control editing methods provided in the embodiments of this application can achieve, as detailed in the preceding embodiments, and will not be repeated here.

[0346] According to one aspect of this application, a computer program product or computer program is also provided, comprising computer instructions stored in a computer-readable storage medium. A processor of an electronic device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the electronic device to perform the methods provided in the various optional implementations of the above embodiments.

[0347] In the above embodiments of the control editing device, computer-readable storage medium, electronic device, and computer program product, the descriptions of each embodiment have different focuses. Parts not described in detail in a particular embodiment can be referred to in the relevant descriptions of other embodiments. Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working processes and beneficial effects of the control editing device, computer-readable storage medium, computer program product, electronic device, and their corresponding units described above can be referred to the description of the control editing method in the above embodiments, and will not be repeated here.

[0348] The foregoing has provided a detailed description of a control editing method, apparatus, electronic device, computer-readable storage medium, and computer program product provided in the embodiments of this application. Specific examples have been used to illustrate the principles and implementation methods of this application. The descriptions of the above embodiments are only for the purpose of helping to understand the method and core ideas of this application. At the same time, for those skilled in the art, there will be changes in the specific implementation methods and application scope based on the ideas of this application. Therefore, the content of this specification should not be construed as a limitation of this application.

Claims

1. A method for editing controls, characterized in that, include: In response to a control component creation operation on the game editing interface of the target game, the target control component is created and displayed on the game editing interface; Display the configuration interface of the target control component; In response to a configuration operation on the configuration interface of the target control component, sub-control component control information for controlling the contained sub-control components is configured for the target control component; In response to the operation of adding a child control component to the target control component, at least one child control component is added to the target control component for display; In response to the run command, the target control corresponding to the target control component and the sub-control corresponding to the sub-control component are displayed on the game interface generated when the target game is running. The sub-control is configured to be controlled based on the control information of the sub-control component.

2. The method according to claim 1, characterized in that, The configuration interface includes: a trimming configuration item; the sub-control component control information includes trimming control information; In response to a configuration operation on the configuration interface of the target control component, configuring sub-control component control information for controlling the contained sub-control components of the target control component includes: In response to a trigger operation on the clipping configuration item, clipping control information is configured for the target control component; The cutting control information includes cutting start information or cutting stop information; The cropping enable information is used to indicate that sub-control components that exceed the display range of the target control component should be hidden so that they are not displayed in the game editing interface of the target game; The cropping and closing information is used to indicate that the display range of the child control components of the target control component is not limited by the display range of the target control component.

3. The method according to claim 1, characterized in that, The configuration interface includes: a spacing configuration item; the sub-control component control information includes spacing information; In response to a configuration operation on the configuration interface of the target control component, configuring sub-control component control information for controlling the contained sub-control components of the target control component includes: In response to a trigger operation on the spacing configuration item, spacing information of the sub-control components contained in the target control component is set for the target control component. The spacing information is used to instruct the sub-control components contained in the target control component to set their spacing according to the spacing information.

4. The method according to claim 1, characterized in that, The configuration interface includes: a scrolling direction configuration item; the sub-control component control information includes scrolling direction control information; In response to a configuration operation on the configuration interface of the target control component, configuring sub-control component control information for controlling the contained sub-control components of the target control component includes: In response to the setting operation of the scroll direction configuration item, scroll direction control information of the sub-control components contained in the target control component is set for the target control component, wherein the scroll direction control information includes horizontal scrolling or vertical scrolling.

5. The method according to claim 4, characterized in that, The configuration interface also includes: a layout configuration item; the sub-control component control information includes layout control information; In response to a configuration operation on the configuration interface of the target control component, sub-control component control information is configured for the target control component to control its contained sub-control components, including: In response to the setting operation of the layout configuration item, at least one layout mode selectable under the set scroll direction control information is displayed; In response to a selection operation in the layout mode, layout mode control information for the sub-control components contained in the target control component is set for the target control component.

6. The method according to claim 1, characterized in that, The configuration interface includes: visual effects configuration items; the sub-control component control information includes visual effects control information; In response to a configuration operation on the configuration interface of the target control component, configuring sub-control component control information for controlling the contained sub-control components of the target control component includes: In response to the setting operation of the visual effect configuration item, visual effect control information is configured for the target control component to control the contained sub-control components. The visual effect control information is used to indicate that a preset visual effect is triggered when a preset operation is performed on the sub-control components contained by the target control component. The method further includes: In response to performing the preset operation on the sub-control component in the target control component, the sub-control component is controlled to display the preset visual effect.

7. The method according to claim 1, characterized in that, The configuration interface further includes: a first event configuration item for the target control component, the first event configuration item being used to configure a first type of first event and / or a second type of first event, wherein the first type of first event is an event that, upon being triggered, controls the target control component and the target control corresponding to the target control component, and the second type of first event is an event triggered by a first specified operation on the target control component and the target control corresponding to the target control component; the method further includes: In response to a configuration operation on a target first event configuration item in the first event configuration item, the event identifier of the target first event configured for the target control component is obtained; The event configuration information of the target control component is determined based on the type of the target first event and the event identifier of the target first event.

8. The method according to claim 7, characterized in that, The first event configuration item includes a show event configuration item and a hide event configuration item. The step of determining the event identifier of the target first event configured for the target control component in response to a configuration operation on the target first event configuration item in the first event configuration item includes: In response to the configuration operation of the display event configuration item, an event identifier for the display event configured for the target control component is determined, wherein the display event is an event that causes the target control component or the target control corresponding to the target control component to be displayed after being triggered; In response to the configuration operation of the hidden event configuration item, an event identifier for the hidden event configured for the target control component is determined, wherein the hidden event is an event that, when triggered, causes the target control component or the target control corresponding to the target control component to be hidden; The sub-control component control information further includes: the display event and the hide event of the target control component. The sub-control component and its corresponding sub-control are also configured to be displayed or hidden under the linkage control of the display event and the hide event configured for the target control component and the display event and the hide event configured for the sub-control component.

9. The method according to claim 8, characterized in that, The linkage control includes at least one of the following control methods: If the display event of the target control component is triggered when the hidden event of the child control component is not configured, the target control corresponding to the target control component and the child control corresponding to the child control component will be displayed on the game interface. If a child control component is configured with a hidden event, and the display event of the target control component is triggered, and the event triggered on the child control component is a hidden event, then the target control corresponding to the target control component is displayed on the game interface, and the child control corresponding to the triggered hidden event is hidden. If the child control component is configured with a display event and a hide event, and the display event of the target control component is triggered, and the event triggered on the child control component is a display event, then the target control corresponding to the target control component and the child control corresponding to the triggered display event are displayed in the target control on the game interface. When the hide event of the target control component is triggered, the target control is hidden in the game interface, and the child controls in the target control are controlled to hide along with the target control; After the target control is displayed in the game interface, if a corresponding hidden event is triggered on a child control component, the child control corresponding to the triggered hidden event is hidden in the target control, and the arrangement of the child controls displayed in the target control is adjusted.

10. The method according to any one of claims 1-9, characterized in that, The method further includes: In response to the configuration operation of the sub-control component, determine the sub-control component configuration data set for the sub-control component, and control the sub-control component configuration data to take effect on the sub-control components in the target control component; The sub-controls displayed on the game interface generated during the target game's runtime, corresponding to the sub-control component, are also configured to be controlled based on the sub-control component's configuration data.

11. The method according to claim 10, characterized in that, The step of determining the sub-control component configuration data set for the sub-control component in response to the configuration operation of the sub-control component includes: In response to a trigger operation on a child control component, a child control component configuration interface corresponding to the child control component is displayed. The child control component configuration interface includes at least one second event configuration item for the child control component. The second event configuration item is used to configure a third type and / or a fourth type of second event. The third type of second event is an event that controls the child control component or the child control corresponding to the child control component after being triggered. The fourth type of second event is an event triggered by a second specified operation on the child control component or the child control corresponding to the child control component. In response to a configuration operation on a target second event configuration item in the second event configuration item, an event identifier for the target second event configured for the sub-control component is determined; The sub-control component configuration data of the sub-control component is determined based on the type of the target second event and the event identifier of the target second event.

12. The method according to claim 11, characterized in that, The second event configuration item includes a show event configuration item and a hide event configuration item. The step of determining the event identifier of the target second event configured for the sub-control component in response to a configuration operation on the target second event configuration item in the second event configuration item includes: In response to a configuration operation on a display event configuration item, determine the event identifier of the display event configured for the sub-control component; In response to a configuration operation on a hidden event configuration item, an event identifier for the hidden event configured for the child control component is determined.

13. The method according to any one of claims 1-9, characterized in that, The step of adding at least one child control component to the target control component for display in response to the operation of adding a child control component to the target control component includes: In response to an association instruction for a child control component and a target control component, an association relationship is established between the target control component and the child control component; In response to the establishment of an association between the target control component and the child control component, at least one child control component is added to the target control component for display.

14. The method according to claim 13, characterized in that, The step of establishing the association between the target control component and the child control component in response to an association instruction for the child control component and the target control component includes: Display control component selection interface, the control component selection interface includes at least one optional control component; In response to a control component selection operation on the control component selection interface, the selected first control component is added to the game editing interface for display; In response to a sliding operation where the starting position is located in the first control component and the ending position is located in the target control component, the first control component is determined to be a child control component of the target control component, an association instruction for the child control component and the target control component is generated, and the association relationship between the target control component and the child control component is established.

15. The method according to claim 13, characterized in that, The step of adding at least one child control component to the target control component for display includes: Based on the display rules corresponding to the target control component, determine the target display position of the sub-control component relative to the target control component; Control the display of the sub-control component at the target display position.

16. The method according to any one of claims 1-9, characterized in that, The method further includes: In response to the hierarchical management operation of the target control component, a hierarchical management interface is displayed. The hierarchical management interface includes the control component identifier of the target control component, and the sub-control component identifiers located below the control component identifier and corresponding one-to-one with the sub-control components. The arrangement order of the sub-control component identifiers is consistent with the arrangement order of the corresponding sub-control components in the target control component. In response to the position movement operation of the sub-control component identifier, the sub-control component corresponding to the moved sub-control component identifier is moved in the target control component, and the arrangement order of the sub-control components in the target control component after the movement is determined, and the arrangement order is configured as the arrangement order of the sub-controls corresponding to the sub-control component in the target control component.

17. A control editing device, characterized in that, include: A creation unit is used to create and display the target control component on the game editing interface in response to a control component creation operation on the game editing interface of the target game; The display unit is used to display the configuration interface of the target control component; A configuration unit is configured, in response to a configuration operation on the configuration interface of the target control component, to configure sub-control component control information for controlling the contained sub-control components of the target control component; An adding unit is configured to add at least one sub-control component to the target control component for display in response to an operation of adding a sub-control component to the target control component; The running unit is used to respond to the running command and display the target control corresponding to the target control component and the sub-control corresponding to the sub-control component on the game interface generated during the running of the target game, wherein the sub-control is configured to be controlled based on the control information of the sub-control component.

18. An electronic device, characterized in that, The method includes a processor and a memory, the memory storing multiple instructions; the processor loads instructions from the memory to perform the steps of the method as described in any one of claims 1 to 16.

19. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a plurality of instructions adapted for loading by a processor to perform the steps of the method as described in any one of claims 1 to 16.

Images