Component editing method and apparatus, and electronic device

Abstract

A component editing method, comprising: displaying an editing interface having a logic editing function, the editing interface comprising at least one logic component, and the at least one logic component forming a programming logic; in response to an arrangement activation instruction, snapping, according to a preset sorting rule, logic component combinations in the editing interface onto an arrangement line displayed in the editing interface; and, in response to a first operation on a target logic component combination snapped onto the arrangement line, adjusting, on the basis of the first operation, a snapped position of the target logic component combination on the arrangement line. In this method, when component arrangement is activated, all logic component combinations displayed in the editing interface can be snapped onto the arrangement line, thus arranging the logic components displayed in the editing interface in one click and achieving automatic list arrangement. Moreover, a user can adjust the snapped position of the target logic component combination snapped onto the arrangement line as needed, so as to adjust the execution order of the logic component combinations and execution logic thereamong.

Description

Component editing methods, apparatus and electronic devices

[0001] Cross-reference to related applications

[0002] This application claims priority to Chinese Patent Application No. 202510185800.3, filed on February 19, 2025, entitled “Component Editing Method, Apparatus and Electronic Device”, the entire contents of which are incorporated herein by reference. Technical Field

[0003] This disclosure relates to the field of game interaction design technology, and in particular to a component editing method, apparatus and electronic device. Background Technology

[0004] In editors with logic editing capabilities, there are multiple freely combinable programming blocks. Users can simplify complex programming logic into combinations of editing blocks. When users perform logic editing using these blocks, a large number of blocks can lead to a cluttered editing interface, hindering the user's workflow. Therefore, it's necessary to organize the editing blocks displayed in the editing interface. In related technologies, enabling an organization mode combines all programming blocks into a single list displayed on one side of the editing interface canvas. However, due to mobile device performance limitations, the canvas scaling is typically restricted to a minimum to prevent lag caused by loading too many blocks simultaneously. Furthermore, organization mode requires vertical reading and manipulation of the list in landscape mode. Therefore, under these two constraints, users are forced to operate on a vertically extended list within a limited vertical space, resulting in low operational efficiency on landscape mobile devices. Additionally, users cannot adjust the editing blocks within the organized list. Summary of the Invention

[0005] According to one aspect of this disclosure, a component editing method is provided, the method comprising: displaying an editing interface with logic editing function through a terminal device, the editing interface including at least one logic component, the at least one logic component constituting a programming logic; responding to a sorting start command, snapping a combination of logic components in the editing interface onto a sorting line displayed in the editing interface according to a preset sorting rule; wherein, the combination of logic components includes: a first type of logic component combination and a second type of logic component combination, the first type of logic component combination being a combination of logic components including at least a first attribute logic component, the second type of logic component combination being a combination of logic components excluding the first attribute logic component, and the combination of logic components including at least one logic component; responding to a first operation on a target logic component combination snapped onto the sorting line, adjusting the snapping position of the target logic component combination on the sorting line based on the first operation, wherein the target logic component combination includes at least one of the following: a first type of logic component combination, a second type of logic component combination, and a logic component sub-combination constituting the first type of logic component combination and the second type of logic component combination.

[0006] According to one aspect of this disclosure, a component editing apparatus is provided, comprising: an interface display module for displaying an editing interface with logic editing function via a terminal device, the editing interface including at least one logic component, the at least one logic component constituting a programming logic; a component sorting module for, in response to a sorting start command, attaching a combination of logic components in the editing interface to a sorting line displayed in the editing interface according to a preset sorting rule; wherein the combination of logic components includes: a first type of logic component combination and a second type of logic component combination, the first type of logic component combination being a combination of logic components including at least a first attribute logic component, the second type of logic component combination being a combination of logic components excluding the first attribute logic component, and the logic component combination including at least one logic component; and a component editing module for, in response to a first operation on a target logic component combination attached to the sorting line, adjusting the attachment position of the target logic component combination on the sorting line based on the first operation, wherein the target logic component combination includes at least one of the following: a first type of logic component combination, a second type of logic component combination, constituting a logic component sub-combination of the first type of logic component combination and the second type of logic component combination.

[0007] According to one aspect of this disclosure, an electronic device is provided, the electronic device including a processor and a memory, the memory storing machine-executable instructions executable by the processor, the processor executing the machine-executable instructions to implement the above-described component editing method.

[0008] According to one aspect of this disclosure, a computer-readable storage medium is provided that stores computer-executable instructions, which, when invoked and executed by a processor, cause the processor to implement the aforementioned component editing method.

[0009] The embodiments disclosed herein bring the following beneficial effects:

[0010] This disclosure provides a component editing method, apparatus, and electronic device. First, an editing interface with logic editing function is displayed on a terminal device. The editing interface includes at least one logic component, which constitutes a programming logic. Then, in response to a sorting start command, the logic components in the editing interface are combined and attached to a sorting line displayed on the editing interface according to a preset sorting rule. The logic component combination includes: a first type of logic component combination and a second type of logic component combination. The first type of logic component combination includes at least a logic component with a first attribute, and the second type of logic component combination does not include a logic component with a first attribute. Each logic component combination includes at least one logic component. Then, in response to a first operation targeting the target logic component combination attached to the sorting line, the attachment position of the target logic component combination on the sorting line is adjusted based on the first operation. The target logic component combination includes at least one of the following: a first type of logic component combination, a second type of logic component combination, and a logic component sub-combination constituting the first type of logic component combination and the second type of logic component combination. In this method, when component organization is enabled, all logical component combinations displayed in the editing interface can be snapped onto the organization line, thus enabling one-click organization of the logical components displayed in the editing interface and achieving the effect of automatic list organization. At the same time, users can adjust the snapping position of the target logical component combinations on the organization line according to their needs, so as to adjust the execution order and execution logic between logical component combinations, which helps to improve the efficiency of logic editing.

[0011] Other features and advantages of this disclosure will be set forth in the following description, or some features and advantages may be inferred from the description or determined without doubt, or may be learned by practicing the techniques described above.

[0012] To make the above-mentioned objects, features and advantages of this disclosure more apparent and understandable, preferred embodiments are described below in detail with reference to the accompanying drawings. Attached Figure Description

[0013] Figure 1 is a flowchart of one component editing method provided in an embodiment of this disclosure;

[0014] Figure 2 is a schematic diagram of one embodiment of the present disclosure of attaching a combination of logic components onto a tidying line;

[0015] Figure 3 is a schematic diagram of a target logic component combination detached from the tidying line according to an embodiment of the present disclosure;

[0016] Figure 4 is a schematic diagram of one type of control display window provided in an embodiment of this disclosure;

[0017] Figure 5 is a schematic diagram showing one of the pre-adsorption regions provided in an embodiment of this disclosure;

[0018] Figure 6 is a schematic diagram of one embodiment of the present disclosure of adjusting the adsorption position of a logic component adsorbed on a sorting line;

[0019] Figure 7 is a schematic diagram of one embodiment of the present disclosure of displaying combined identifiers on a sorting line;

[0020] Figure 8 is a schematic diagram of one embodiment of the present disclosure of hiding and displaying the tidying lines;

[0021] Figure 9 is a schematic diagram of the display panel corresponding to one of the target logic component combination classes provided in the embodiments of this disclosure;

[0022] Figure 10 is a schematic diagram of the display of one of the list controls provided in the embodiments of this disclosure;

[0023] Figure 11 is a schematic diagram of the display of one type of adjustment control provided in an embodiment of this disclosure;

[0024] Figure 12 is a schematic diagram of the structure of one of the component editing devices provided in the embodiments of this disclosure;

[0025] Figure 13 is a schematic diagram of the structure of one of the electronic devices provided in the embodiments of this disclosure. Detailed Implementation

[0026] To make the objectives, technical solutions, and advantages of the embodiments of this disclosure clearer, the technical solutions of the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this disclosure, and not all embodiments. The components of the embodiments of this disclosure described and shown in the accompanying drawings can generally be arranged and designed in various different configurations.

[0027] Therefore, the following detailed description of the embodiments of this disclosure provided in the accompanying drawings is not intended to limit the scope of the claimed disclosure, but merely to illustrate selected embodiments of the disclosure. All other embodiments obtained by those skilled in the art based on the embodiments of this disclosure without inventive effort are within the scope of protection of this disclosure.

[0028] In one embodiment of this disclosure, the component editing method can run on a local terminal device or a server. When the component editing method runs on a server, the method can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes a server and a client device.

[0029] 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's execution and the game screen presentation are separated. The storage and execution of component editing 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, information processing is performed by the cloud gaming server in the cloud. When playing the game, the user 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.

[0030] 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 user through a graphical user interface, that is, conventionally downloading, installing, and running the game program via an electronic device. The local terminal device can provide the graphical user interface to the user in various ways, such as rendering it on the terminal's display screen or providing it to the user through holographic projection. For example, the local terminal device can include a display screen for displaying the graphical user interface, which includes game screens, and a processor for running the game, generating the graphical user interface, and controlling the display of the graphical user interface on the display screen.

[0031] In one possible implementation, this disclosure provides a component editing method, as shown in FIG1, which includes the following specific steps:

[0032] Step S102: Display an editing interface with logic editing function through the terminal device. The editing interface includes at least one logic component, and the at least one logic component constitutes a programming logic.

[0033] A graphical user interface (GUI) is provided through a terminal device. This GUI displays an editing interface where users can create logical components and edit their parameters. The editing interface can include one or more logical components. The terminal device can be either the aforementioned local terminal device or a client device within the aforementioned cloud interaction system. For example, the terminal device can be a mobile phone, tablet computer, or personal computer.

[0034] Each logic component is configured with preset code blocks, and different logic components have different preset code blocks. Users can edit scene data based on the logic components during the game logic editing phase according to their own needs, thereby generating the corresponding programming logic based on the preset code blocks configured in the logic components. This programming logic can refer to various rules and mechanisms in the game, including gameplay rules, level design, character actions, and game progress. For example, the programming logic could be to place a stone component at a designated location in the game scene, and a controlled virtual object can pick up the stone component by moving to the designated location; the programming logic could also be that the game ends after 2 minutes.

[0035] In optional embodiments, the component types of the logic components can include various types. For example, logic components can be event components, action components, control components, condition components, value-getting components, variable components, and list components. Event components are used to configure what event occurred; action components are used to configure actions that occur in the game; condition components are used to configure the conditions under which an event or action occurs; control components include loop controls such as repetitive execution, condition controls such as if / otherwise, and time controls such as waiting time; value-getting components are used to configure the component parameters corresponding to a logic component; variable components are used to set global and local variables; and list components are used to configure list parameters. Specifically, editing the programming logic is like assembling building blocks, piecing together logic components to achieve the logical functions required by the user.

[0036] Step S104: In response to the sorting start command, according to the preset sorting rules, the logical component combination in the editing interface is snapped onto the sorting line displayed in the editing interface; wherein, the logical component combination includes: a first type of logical component combination and a second type of logical component combination, the first type of logical component combination is a logical component combination that includes at least a first attribute logical component, the second type of logical component combination is a logical component combination that does not include a first attribute logical component, and the logical component combination includes at least one logical component.

[0037] In practical implementation, the triggering method for the aforementioned organization start command can be determined according to development needs. For example, the triggering method could be an operation to activate the control displayed in the editing interface, or an operation to activate a specified key on the keyboard or game controller. When the user triggers the organization start command, an organization line will be displayed in the editing interface, and all logical component combinations displayed in the editing interface will be snapped onto the organization line according to a preset sorting rule. The specific rules corresponding to the preset sorting rule can be determined according to development needs. For example, the snapping position of the logical component combination on the organization line can be determined according to the creation order of the logical component combination in the editing interface; it can also be determined according to the programming logic corresponding to the logical component combination; or it can be determined according to the execution order or combination type corresponding to the logical component combination, etc.

[0038] Each logical component combination in the above editing interface includes one or more logical components. Logical component combinations can include two types: a first type of logical component combination and a second type of logical component combination. The first type of logical component combination includes at least a first attribute logical component, while the second type does not include a first attribute logical component. The first attribute logical component here can be a logical component with special functions set according to R&D requirements. Typically, this logical component is a header component that triggers a certain programming logic. In a specific embodiment, the aforementioned first attribute logical component can be an event component.

[0039] The first type of logic component combination described above is used to implement a series of behaviors after a certain triggering condition is triggered. This first type of logic component combination is usually a combination of logic components with a single first attribute logic component as the header component, followed by a different number of action components, control components, and other logic components. The second type of logic component combination described above can be called a scattered logic component. This second type of logic component combination does not contain a first attribute logic component and cannot implement specific triggering logic.

[0040] In an optional embodiment, the aforementioned organizing line is displayed in a designated area of ​​the editing interface. The specific area corresponding to this designated area can be determined according to R&D needs. For example, the designated area can be the rightmost position of the editing interface, or the leftmost area, etc. The display style of the aforementioned organizing line can also be determined according to R&D needs. For example, the organizing line can be a straight line, a dashed line, or a curve, etc.

[0041] In one specific embodiment, the aforementioned organizing line is a line with a preset direction located at a designated position in the editing interface. The specific direction corresponding to the preset direction can be determined according to research and development needs; for example, the preset direction can be a vertical direction from top to bottom in the editing interface, or a horizontal direction from left to right in the editing interface, etc.

[0042] Figure 2 shows a schematic diagram of attaching a combination of logic components to a sorting line according to an embodiment of this disclosure. The left image in Figure 2 shows two combinations of logic components contained in the editing interface. The combination containing three logic components is a first-type logic component combination, and the combination containing one logic component is a second-type logic component combination. The right image in Figure 2 is a schematic diagram showing the attachment of the logic component combinations displayed in the editing interface to the sorting line after executing the sorting start command on the left image. The line labeled 1 is the sorting line.

[0043] In practice, to facilitate users in viewing and editing combinations of logical components, the snap-in positions of different combinations of logical components on the sorting line do not overlap.

[0044] Step S106: In response to a first operation on the target logic component combination adsorbed on the sorting line, adjust the adsorption position of the target logic component combination on the sorting line based on the first operation, wherein the target logic component combination includes at least one of the following: a first type of logic component combination, a second type of logic component combination, and a logic component sub-combination constituting the first type of logic component combination and the second type of logic component combination.

[0045] In practical implementation, the aforementioned target logical component combination can be any logical component combination attached to the sorting line. The specific target logical component combination can be determined based on user operation. Specifically, the target logical component combination can be a first-type logical component combination or a second-type logical component combination; it can also be a sub-combination of logical components within a first-type logical component combination, containing one or more logical components from the first-type logical component combination; similarly, it can be a sub-combination of logical components within a second-type logical component combination, containing one or more logical components from the second-type logical component combination.

[0046] The first operation described above can be determined based on R&D needs and user actions. For example, the first operation could be dragging the target logic component combination attached to the sorting line to a target position on the sorting line, where the target position is the adjusted attachment position of the target logic component combination on the sorting line. Alternatively, the first operation could be selecting or clicking the target logic component combination on the sorting line, and then clicking the target position on the sorting line. Specifically, when a user performs the first operation on the target logic component combination attached to the sorting line, the attachment position of the target logic component combination on the sorting line needs to be determined first, and then the target logic component combination is adjusted to that attachment position. This method allows for arbitrary adjustment of the attachment position of the target logic component combination on the sorting line according to user needs, thereby adjusting the execution order and execution logic among the logic component combinations attached to the sorting line, which helps users improve the efficiency of game logic editing.

[0047] This disclosure provides a component editing method that, when component organization is enabled, can snap all logical component combinations displayed in the editing interface onto the organization line, thereby enabling one-click organization of the logical components displayed in the editing interface and achieving automatic list organization. At the same time, users can adjust the snapping position of the target logical component combinations onto the organization line as needed to adjust the execution order and execution logic between logical component combinations, which helps to improve logic editing efficiency.

[0048] The following examples describe how components detach from the finishing lines.

[0049] Specifically, after the logical component combination in the editing interface is attached to the sorting line displayed in the editing interface according to the preset sorting rules, a second operation is performed on the target logical component combination attached to the sorting line. Based on the second operation, the target logical component combination is controlled to detach from the sorting line; and the target logical component combination detached from the sorting line is controlled to be displayed at a preset position in the editing interface.

[0050] In practical implementation, the specific operation corresponding to the second operation can be determined based on R&D needs and user operations. For example, the second operation could be dragging the target logic component combination away from the sorting line. Alternatively, it could be selecting or clicking the target logic component combination on the sorting line, and then clicking a position away from the sorting line in the editing interface; this position is the aforementioned preset position. When the user performs the second operation on the target logic component combination attached to the sorting line, the target logic component combination will detach from the sorting line, and the detached target logic component combination will be displayed at the preset position in the editing interface. The preset position can be determined based on R&D needs or user operations; for example, the preset position could be a position determined based on the second operation, or it could be a fixed position in the editing interface.

[0051] In one specific embodiment, the preset position includes at least one of the following: determining a preset position of the target logic component assembly in the editing interface based on the operation stop position of the second operation; determining a preset position in the editing interface according to a preset rule; wherein the preset position is independent of the operation stop position of the second operation. The preset rule can be determined according to R&D needs. For example, the preset rule can be to randomly determine a position in the editing interface as the preset position, or the preset rule can be to determine a fixed position in the editing interface as the preset position, etc.

[0052] In an optional embodiment, the above response to the second operation of the target logic component assembly adsorbed on the tidying line, and the specific process of controlling the target logic component assembly to detach from the tidying line based on the second operation, may include: responding to the second operation of the target logic component assembly adsorbed on the tidying line, determining the distance between the operation position of the second operation and the tidying line; if the distance between the operation position of the second operation and the tidying line is greater than a preset distance threshold, controlling the target logic component assembly to detach from the tidying line.

[0053] In practical implementation, the aforementioned preset distance threshold can be determined according to R&D needs. For example, the preset distance threshold can be 10 cm or 5 cm. The distance between the operation position of the second operation and the sorting line can be the vertical distance between the operation position of the second operation and the sorting line, or the distance between the operation position of the second operation and a preset point on the sorting line. Specifically, when the user performs the second operation on the target logic component combination on the sorting line, it will continuously determine whether the distance between the operation position of the second operation and the sorting line is greater than the preset distance threshold. If it is greater, it is determined that the target logic component combination has detached from the sorting line; if it is not greater, it is determined that the target logic component combination has not detached from the sorting line and is still attached to the sorting line.

[0054] Furthermore, when controlling the target logic component combination to be displayed in the preset position on the editing interface, it is also necessary to determine other logic component combinations that are attached to the logic component combination on the logic component combination after the target logic component combination; and adjust the attachment position of other logic component combinations on the logic component combination.

[0055] In practice, when the target logical component that is removed from the sorting line is displayed in the preset position, other logical component combinations that are located after the target logical component combination on the sorting line will be automatically moved forward to fill the empty space, so that the logical component combinations on the sorting line are all closely arranged.

[0056] Figure 3 shows a schematic diagram of a target logic component combination detaching from the organizing line according to one embodiment of this disclosure. The logic component combination corresponding to the finger position in the left image of Figure 3 is the target logic component combination. When the user drags the target logic component combination that is attached to the organizing line away from the organizing line, the target logic component combination will detach from the organizing line and be displayed at the drag stop position. When the target logic component combination is attached to the organizing line, the logic component combination below the target logic component combination will automatically move forward to fill the empty space, as shown in the right image of Figure 3.

[0057] In an optional embodiment, in response to the sorting start command, the component state of the logic component combination is updated to a first state, and the first state is configured to control the logic component combination in the first state to be attached to the sorting line; in response to the target logic component combination being removed from the sorting line, the component state of the target logic component combination is updated from the first state to a second state, and the second state is configured to control the logic component combination in the second state to be displayed at a preset position in the editing interface.

[0058] In practical implementation, the component state of the logic component combination adsorbed on the sorting line is the first state, which can also be understood as the adsorbed state; in the component sorting state, the component state of the logic component combination not adsorbed on the sorting line is the second state, which can also be understood as the free state.

[0059] In an optional embodiment, the editing interface includes a control display window, which includes at least one logical component control used to create logical components in the editing interface. Based on this, in response to a third operation on the first logical component control in the control display window, a first logical component corresponding to the first logical component control is created, and the component state of the first logical component is configured to a second state; the stop position of the third operation that displays the first logical component in the editing interface is controlled.

[0060] In practical implementation, the aforementioned first logical component control can be any logical component control included in the control display window. The specific operation corresponding to the aforementioned third operation can be determined according to development needs. For example, the third operation can be an operation of dragging the first logical component control to a certain position in the editing interface, or an operation of clicking the first logical component control and then clicking a certain position in the editing interface, etc. When the user performs the third operation on the first logical component control in the control display window, the first logical component corresponding to the first logical component control is created, the component state of the first logical component is configured to the second state, and the first logical component is displayed at the operation stop position of the third operation in the editing interface. This operation stop position is usually far away from the alignment line, that is, the first logical component in this method will not be attached to the alignment line.

[0061] Figure 4 shows a schematic diagram of one type of control display window provided in this embodiment. The right side of the editing interface in Figure 4 displays logical component controls such as event component controls, action component controls, control component controls, condition component controls, variable component controls, and list component controls; this area is the control display window. The arrow control in the editing interface is used to control the return to the game scene, and the star control is used to display logical editing errors of the logical components in the editing interface. For example, triggering the star control can also display an error display panel in the editing interface, showing logical errors. In practical applications, each logical component control shown in Figure 4 can contain multiple categories of logical component controls. For example, event component controls include event component controls corresponding to categories such as general, component, logic body, creature, character, user, faction, trigger area, and interface; action component controls include action component controls corresponding to categories such as general, game, information, component, logic body, creature, character, and user. Different logical components may also correspond to the same category of logical components. For example, component-type event component controls include event component controls such as "specified component creation," "specified component destruction," "specified component being lifted," and "specified component colliding." Users can drag any logical component control from the control display window to the editing interface to create a logical component that controls the corresponding logical component.

[0062] In another optional embodiment, the editing interface includes a control display window, which includes at least one logical component control. Based on this, in response to a third operation on the first logical component control in the control display window, a first logical component corresponding to the first logical component control is created, and the component state of the first logical component is configured to a first state. The first logical component is then automatically attached to the organizing line. In this method, when the user performs a third operation on the first logical component control in the control display window, a first logical component corresponding to the first logical component control is first created, and then the component state of the first logical component is configured to a first state, thereby automatically attaching the first logical component to the organizing line. The attachment position of the first logical component on the organizing line can be the stop position of the third operation or a specified position on the organizing line. This specified position can be determined according to the research and development process. For example, the specified position can be the position after the last logical component combination on the organizing line, or the position before the first logical component combination on the organizing line.

[0063] In an optional embodiment, in response to dragging a second logical component combination in the second state in the editing interface to the sorting line, the system controls the second logical component combination to snap onto the sorting line and updates the component state of the second logical component combination from the second state to the first state. The second logical component combination can be any logical component combination in the second state in the editing interface. If the user drags a second logical component combination in the second state in the editing interface to the sorting line, the second logical component combination will automatically snap onto the sorting line, and the snapping position of the second logical component combination on the sorting line is determined based on the drag stopping position.

[0064] Furthermore, the specific process of controlling the second logical component combination to be attached to the tidying line in response to dragging the second logical component combination in the second state of the editing interface to the tidying line may include: in response to dragging the second logical component combination in the second state of the editing interface to the tidying line, determining the pre-attachment area of ​​the second logical component combination on the tidying line based on the dragging position and the size of the second logical component combination; displaying the pre-attachment area on the tidying line in a first display mode; and in response to the end of dragging, attaching the second logical component combination to the pre-attachment area on the tidying line, where the pre-attachment area is also the attachment area determined on the tidying line based on the end position of dragging.

[0065] In practical implementation, the size of the pre-adsorption area on the sorting line of the aforementioned second logic component assembly matches the size of the second logic component assembly itself, and the display position of the pre-adsorption area changes according to the drag position of the second logic component assembly. The specific display method corresponding to the aforementioned first display method can be determined according to R&D requirements. For example, the first display method can specify a color or shape to display the pre-adsorption area, or it can display the pre-adsorption area through a ghost image, etc.

[0066] Furthermore, in response to displaying the pre-adsorption area on the finishing line in a first display manner, the adsorption position of the logic component combination on the finishing line that is adsorbed after the pre-adsorption area is adjusted according to the pre-adsorption area.

[0067] In practice, when the pre-adsorption area is displayed on the sorting line in the first display mode, the logic component combination located after the pre-adsorption area on the sorting line will be automatically moved backward to make room for the pre-adsorption area on the sorting line. This allows the second logic component combination to be directly adsorbed onto the pre-adsorption area on the sorting line, and also makes it easier for the user to observe whether the current pre-adsorption area is the adsorption position where the user wants to place the second logic component combination.

[0068] Figure 5 shows a schematic diagram of a pre-adsorption area provided in one embodiment of this disclosure. The left image in Figure 5 contains a combination of two logic components, which is a second logic component combination in a second state. When the user drags the second logic component combination to the sorting line, a pre-adsorption area is displayed on the sorting line according to the dragging position. This pre-adsorption area is the gray rectangle in the right image of Figure 5. That is, when the second logic component combination approaches the sorting line, the lower logic component combination moves downwards to make room for the pre-adsorption area. This pre-adsorption area displays a flashing ghost effect. When the user releases their grip, the second logic component combination will adhere to the pre-adsorption area. The height of the pre-adsorption area matches the height of the second logic component combination, and the width of the pre-adsorption area is a fixed size.

[0069] In an optional embodiment, in response to the sorting start command, a list control is controlled to be displayed in the editing interface; wherein the list control includes abbreviated identifiers of logical component combinations in a first state; the list control does not contain abbreviated identifiers of logical component combinations in a second state.

[0070] In practical implementation, the display position of the list control in the editing interface can be determined according to development needs. For example, the list control can be displayed in the lower left or lower right corner of the editing interface, and its display position will not cover the organization line. The list control is usually displayed in a blank area of ​​the editing interface. The list control includes abbreviated identifiers of logical component combinations in the first state, but does not include abbreviated identifiers of logical component combinations in the second state. The display order of the abbreviated identifiers of logical component combinations in the first state in the list control matches the display order of logical component combinations in the first state that are attached to the organization line. Users can view the logical component combinations attached to the organization line through the list control, and users can adjust the currently displayed logical component combinations attached to the organization line in the editing interface through the list control.

[0071] In another optional embodiment, the list control includes abbreviated identifiers of logical component combinations in a first state and abbreviated identifiers of logical component combinations in a second state. The display order of the abbreviated identifiers of the logical component combinations in the first state in the list control matches the display order of the logical component combinations in the first state that are snapped to the sorting line. The abbreviated identifiers of the logical component combinations in the second state have two display methods: Method 1, displaying the abbreviated identifiers of the logical component combinations in the second state at a certain distance below the abbreviated identifiers of the logical component combinations in the first state in a preset order; Method 2, obtaining the display position of the logical component combinations in the second state in the editing interface, and then displaying the abbreviated identifiers of the logical component combinations in the second state at the corresponding position on the list control.

[0072] In an optional embodiment, the editing interface displays the combination identifier corresponding to the logic component combination in the first state, and cancels the display of the combination identifier corresponding to the logic component combination in the second state. The combination identifier can be determined according to R&D needs. For example, the combination identifier may include one of the following: the combination name of the logic component combination, the component name of the header component of the logic component combination, or the component name of a specific logic component in the logic component combination.

[0073] The following examples are used to describe the display hierarchy of controls.

[0074] Specifically, the editing interface includes interactive controls; the display level of the sorting line is lower than that of the interactive controls. These interactive controls are typically controls that the user can trigger in the editing interface. For example, the interactive control could be an activation control to trigger the sorting start command, a logical component control in the control display window, or a cancel control, a detection control, etc.

[0075] In the editing interface, the display level of the sorting line is lower than the display level of the interactive controls, which may include logical components that are not snapped to the sorting line. Based on this, in response to the combination of logical components in the editing interface snapping to the sorting line, the display level of the combination of logical components snapped to the sorting line is adjusted to be lower than the display level of the sorting line.

[0076] In practical implementation, when logical components are snapped onto the organizing line, their display level is changed, specifically adjusted to be lower than the organizing line's display level. By adjusting the display level, important information or functions can be highlighted, while secondary information is placed in the background, making it easier for users to find the content they need and enhancing the visual hierarchy and dynamism of the interface.

[0077] The following examples describe a method for organizing the combination of editing components in the editing interface.

[0078] Specifically, the process of responding to the sorting start command and combining the logical components in the editing interface onto the sorting line displayed in the editing interface according to the preset sorting rules can be implemented in any of the following ways:

[0079] Method 1: Based on the creation order of the logical component combinations in the editing interface, snap the logical component combinations in the editing interface onto the organization line displayed in the editing interface.

[0080] In practice, the creation order of different logical component combinations is different. Therefore, the adsorption order of logical component combinations on the sorting line can be determined according to the creation order of the logical component combinations. For example, the logical components can be adsorbed onto the sorting line in order from early to late according to the creation order, or in order from late to early according to the creation order.

[0081] Method 2: Based on the program execution logic corresponding to the combination of logical components in the editing interface, snap the combination of logical components in the editing interface onto the sorting line displayed in the editing interface.

[0082] In practical implementation, different combinations of logical components may correspond to the same or different program execution logic. For combinations of logical components with the same execution logic, the order in which they are appended can be randomly determined. For example, combinations of logical components with simple execution logic can be appended first, or combinations of logical components with specified execution logic can be appended first. This specified execution logic can be determined based on development needs or user operations.

[0083] Method 3: Based on the display order of the logical component combinations in the editing interface, snap the logical component combinations in the editing interface onto the arrangement line displayed in the editing interface.

[0084] In practice, the display order of the logical components in the editing interface matches the display order of the logical components attached to the alignment line in the editing interface.

[0085] Method 4: Based on the combination type corresponding to the logical component combination, snap the logical component combination in the editing interface onto the sorting line displayed in the editing interface.

[0086] In practical implementation, the combination types corresponding to the above-mentioned logical component combinations include multiple types. The adsorption order of logical component combinations corresponding to each combination type can be preset, so that logical components can be automatically adsorbed onto the sorting line according to the combination type corresponding to the logical component combination.

[0087] The following examples describe how to adjust the logic components adsorbed on the sorting line.

[0088] Specifically, the above response to the first operation of the target logic component assembly adsorbed on the finishing line, and the specific process of adjusting the adsorption position of the target logic component assembly on the finishing line based on the first operation, may include: responding to the first operation of the target logic component assembly adsorbed on the finishing line, determining the operation position corresponding to the first operation; determining the target adsorption position of the target logic component assembly on the finishing line based on the operation position, and adsorbing the target logic component assembly on the target adsorption position.

[0089] In practice, the target adsorption position changes with the operation position corresponding to the first operation. The target adsorption position of the target logic component assembly on the sorting line can be the operation stop position of the first operation.

[0090] Furthermore, in response to adsorbing the target logic component combination onto the target adsorption position, based on the target adsorption position, the adsorption positions of the logic component combinations other than the target logic component combination adsorbed on the sorting line are adjusted.

[0091] In practical implementation, when the target logic component group is attached to the target attachment position, the logic component group that was located after the target logic component group on the sorting line before attachment will automatically fill the empty space forward, and the logic component group that was located after the target logic component group on the sorting line after attachment will automatically move backward, so that the logic component groups on the sorting line are all closely arranged.

[0092] Figure 6 shows a schematic diagram of adjusting the adsorption position of logic components adsorbed on the sorting line according to one embodiment of this disclosure. In Figure 6, the first logic component combination currently displayed on the sorting line in the editing interface is dragged downwards. When the dragging stops, the first logic component combination is adsorbed at the adsorption position on the sorting line determined based on the drag stop position. Then, logic component combinations that were located after the first logic component combination on the sorting line before adsorption are automatically moved forward to fill the empty space, and logic component combinations that were located after the first logic component combination on the sorting line after adsorption are automatically moved backwards, so that the logic component combinations on the sorting line are all closely arranged.

[0093] In an optional embodiment, in response to a parameter setting operation for a target logic component assembly adsorbed on the sorting line, the component parameters of the logic components in the target logic component assembly are adjusted according to the setting parameters of the parameter setting operation.

[0094] In practical implementation, each logical component in the assembly of logical components attached to the sorting line can contain one or more component parameters. Different component parameters correspond to different programming logic settings for the logical components. Specifically, the logical component can include one or more parameter setting controls corresponding to each component parameter. When a user triggers a parameter setting control, the component parameter corresponding to that control can be adjusted. The specific parameter corresponding to that component parameter can be determined according to R&D requirements.

[0095] In an optional embodiment, if the first operation is applied to a target first attribute logic component, the combination of logic components including the target first attribute logic component is determined as a target logic component combination; wherein, the target logic component combination is a first type of logic component combination; if the first operation is applied to a non-first attribute logic component, the logic component applied by the first operation is determined as a target logic component combination; wherein, the target logic component combination is a second type of logic component combination, or a logic component sub-combination constituting the first type of logic component combination and the second type of logic component combination.

[0096] In a specific implementation, the aforementioned target first attribute logical component can be any first attribute logical component in the editing interface after the organization line is displayed. In one specific embodiment, when the first operation is a drag operation, assuming the target first attribute logical component is a target event component, which is typically the header component of a first-type logical component combination, when the user drags the target event component, the logical component combination containing the target event component will be determined as the target logical component combination. If the user is not dragging an event component, then the logical component currently being dragged by the user will be determined as the target logical component combination.

[0097] The following examples describe how to adjust the displayed content in the editing interface.

[0098] Specifically, in response to a swipe operation on the editing interface, the displayed content in the editing interface is adjusted according to the swipe operation. The swipe direction can be determined based on the user's operation, and the displayed content in the editing interface will change accordingly.

[0099] In an optional embodiment, in response to attaching the logical component combination in the editing interface to the sorting line displayed in the editing interface, a corresponding combination identifier is displayed at a designated position corresponding to each logical component combination on the sorting line; wherein, the combination identifier includes information about the logical component combination.

[0100] In practical implementation, the information for a logical component combination includes the combination name or the name of a specific logical component within that combination. When a logical component combination in the editing interface is attached to the sorting line, a corresponding combination identifier will be displayed at a designated position on the sorting line for each logical component combination. This designated position can be determined based on development needs; for example, it could be above, to the left of, or to the right of the logical component combination's attachment position on the sorting line.

[0101] Figure 7 illustrates one embodiment of the present disclosure of displaying combination identifiers on a sorting line. The sorting line in Figure 7 displays three logical component combinations, each with its corresponding combination identifier displayed above its adsorption position. In one specific embodiment, the combination identifier for the first type of logical component combination is the combination name, and the combination identifier for the second type of logical component combination is the component name of a specific logical component within the second logical component combination.

[0102] In an optional embodiment, the specific process of adjusting the displayed content in the editing interface according to the sliding operation may include: if the operation direction of the sliding operation is the horizontal direction of the sorting line, controlling the display of the logic component combination that is attached to the sorting line in the opposite direction of the operation direction in the editing interface; if the operation direction of the sliding operation is the vertical direction of the sorting line, controlling the logic component combination that is attached to the sorting line displayed in the editing interface to move toward the operation direction.

[0103] In practical implementation, the horizontal direction of the aforementioned straightening line is either parallel to the straightening line or has a minimum angle with the straightening line that is less than a preset angle threshold. The vertical direction of the aforementioned straightening line is either perpendicular to the straightening line or has an angle with the straightening line that is greater than or equal to a preset angle threshold. The preset angle threshold can be determined based on research and development needs.

[0104] Furthermore, in response to a sliding operation in the editing interface with the direction perpendicular to the sorting line, the sorting line is controlled to leave the corresponding display area of ​​the editing interface, the sorting line is hidden in the editing interface, and the combination identifier is displayed at the corresponding position in the editing interface; wherein, the corresponding position matches the position of the combination identifier displayed on the sorting line.

[0105] In practice, when the user's sliding operation on the editing interface is perpendicular to the sorting line, the logical component combination displayed on the editing interface that is attached to the sorting line moves in the direction of the operation, and the sorting line also moves in the direction of the operation. When the sorting line moves out of the corresponding display area of ​​the editing interface, the sorting line is hidden in the editing interface, but the combination identifier displayed at the corresponding position on the sorting line will still be displayed in the corresponding display area of ​​the editing interface.

[0106] In one specific embodiment, when the sliding operation direction is perpendicular to the sorting line, the combination identifier displayed at the corresponding position on the sorting line does not move with the sliding operation. In another specific embodiment, when the sliding operation direction is perpendicular to the sorting line, the combination identifier displayed at the corresponding position on the sorting line moves with the sliding operation, but stops moving when the combination identifier moves to the edge of the display area corresponding to the editing interface, so that the combination identifier can always be displayed in the editing interface.

[0107] In one specific embodiment, in the organization mode, an organization line is displayed at a certain distance from the edge on the left side of the editing interface. This organization line runs through the entire editing interface and moves horizontally with the canvas (which is equivalent to the display area of ​​the editing interface), but its thickness does not change with the canvas scaling. Above each logical component group attached to the organization line, a group icon is displayed. The group icon maintains a fixed distance from the organization line and moves vertically with the canvas, but not horizontally. Furthermore, the group icon does not change size with the canvas scaling. It should be noted that the vertical direction of the canvas corresponds to the horizontal direction of the organization line, and the horizontal direction of the canvas corresponds to the vertical direction of the organization line.

[0108] Figure 8 shows a schematic diagram of one embodiment of the present disclosure of a hidden display of the organization line. The right image in Figure 8 is a schematic diagram of the display after the user pans the canvas of the left image in Figure 8 to the left. The organization line in the right image of Figure 8 is out of the display field of view, but the combination identifier of the logic component combination attached to the organization line is still present.

[0109] In an optional embodiment, in response to the target first type of logic component combination being displayed in the editing interface after being removed from the sorting line, the combination identifier of the target first type of logic component combination is displayed at the display position of the target first type of logic component combination in the editing interface; in response to the target second type of logic component combination being displayed in the editing interface after being removed from the sorting line, the display of the combination identifier of the target second type of logic component combination is canceled.

[0110] In specific implementation, the aforementioned target first type of logical component combination refers to any one of the first type of logical component combinations attached to the sorting line; the aforementioned target second type of logical component combination refers to any one of the second type of logical component combinations attached to the sorting line. Specifically, when the first type of logical component combination is detached from the sorting line and displayed at a preset position in the editing interface, the designated position corresponding to the detached first type of logical component combination will still display a combination identifier; when the second type of logical component combination is detached from the sorting line and displayed at a preset position in the editing interface, the designated position corresponding to the detached second type of logical component combination will not display a combination identifier.

[0111] The following examples describe how to determine the component organization object.

[0112] In one optional embodiment, the editing interface displays an enable control and a display control corresponding to at least one logical component combination class, where each logical component combination class includes at least one logical component combination. The display control is used to show the logical component combinations contained in the corresponding logical component combination class. Based on this, in response to a trigger operation on the enable control, a sorting enable command corresponding to at least one logical component combination class is triggered to snap the logical component combinations contained in at least one logical component combination class onto the sorting line displayed in the editing interface. In this method, after the user triggers the enable control displayed in the editing interface, all logical component combinations contained in all logical component combination classes in the editing interface are snapped onto the sorting line displayed in the editing interface, thereby facilitating the user to edit and adjust all logical component combinations.

[0113] In another optional embodiment, the editing interface includes at least one display control corresponding to a logical component combination class, which includes at least one logical component combination. Based on this, in response to a trigger operation on the display control corresponding to a target logical component combination class within the at least one logical component combination class, a combination display panel corresponding to the target logical component combination class is displayed in the editing interface. The combination display panel includes: a combination identifier for the logical component combinations contained in the target logical component combination class, and an activation control. In response to a trigger operation on the activation control, a sorting activation command is triggered for the target logical component combination class, so that the logical component combinations contained in the target logical component combination class are snapped onto the sorting line displayed in the editing interface. This method allows for the sorting of logical component combinations contained in a specific logical component combination class onto the sorting line, thereby enabling editing and adjustment of only a specific logical component combination class.

[0114] In the specific implementation, the target logical component combination class mentioned above can be any logical component combination class contained in the editing interface. The trigger operation for the opening control can be determined according to the development needs. For example, the trigger operation can be a click operation or a long press operation for the opening control.

[0115] Figure 9 shows a schematic diagram of a combination display panel corresponding to one of the target logic component combination classes provided in this embodiment of the present disclosure. The target logic component combination class shown in Figure 9 contains 4 logic component combinations. The organizing control in Figure 9 is the opening control corresponding to the target logic component combination class. When the user triggers the opening control, all logic component combinations contained in the target logic component combination class are snapped onto the organizing line.

[0116] In an optional embodiment, in response to a trigger operation on the open control, the open control is switched to a close control; in response to a trigger operation on the close control, the organizing line is removed from the editing interface, and the logical component combination on the organizing line is unattached, restoring the display position of the logical component combination in the editing interface. Specifically, the trigger operation on the close control can be determined according to development needs; for example, the trigger operation can be a click operation or a long press operation on the close control.

[0117] When the control is enabled, the logic component combinations displayed in the editing interface are immediately snapped to the sorting line, allowing for one-click sorting of all logic component combinations. This enables automatic list sorting by snapping logic component combinations to the sorting line, and also allows for the free placement of logic components in the editing interface by removing logic component combinations from the sorting line.

[0118] The following examples illustrate the function of a list control.

[0119] Specifically, in response to the sorting start command, a list control is displayed at a specified position in the editing interface; wherein, the list control includes: a component list and a view selection box located on the component list; the component list includes thumbnails of logical component combinations snapped to the sorting line; the view selection box is used to select a viewing area in the component list, and the logical component combination corresponding to the thumbnail in the component list corresponding to the viewing area is the logical component combination currently displayed in the editing interface snapped to the sorting line.

[0120] In practice, the specified location can be determined according to the development needs. For example, the specified location can be the lower left or lower right corner of the editing interface, or it can be a certain position in the blank area of ​​the editing interface.

[0121] Figure 10 shows a schematic diagram of one type of list control provided in this embodiment of the present disclosure. The lower right corner of Figure 10 shows the list control, which includes: a component list and a view selection box located on the component list (i.e., the rectangle on the component list in Figure 10); the component list includes thumbnails of logical component combinations snapped to the organization line. These thumbnails are left-aligned, and any thumbnails extending beyond the display area of ​​the component list on the right are partially truncated. The component list may or may not include thumbnails of a second type of logical component combination snapped to the organization line; the view selection box is used to select a viewing area in the component list, and the logical component combination corresponding to the thumbnail in the component list corresponding to the viewing area is the logical component combination currently displayed in the editing interface snapped to the organization line.

[0122] In one specific embodiment, the height of the view selection box changes in real time according to the current canvas scaling ratio; the width of the view selection box is the same as the width of the component list.

[0123] In an optional embodiment, the display hierarchy of the list control is higher than that of the logic components snapped to the sorting line, but lower than that of the interactive controls in the editing interface.

[0124] It should be noted that the display style of the above-mentioned abbreviations can be determined according to the R&D needs. For example, the abbreviation can be a reduced combination of logical components displayed at a fixed ratio; the abbreviation can also be a logo displayed at a preset ratio based on the combined shape of the logical components.

[0125] Furthermore, in response to a movement operation of the view selection box, the view area selected by the view selection box in the component list is adjusted based on the movement operation, and the logical component group currently displayed in the editing interface that is snapped to the sorting line is updated to the logical component group corresponding to the thumbnail in the component list corresponding to the adjusted view area.

[0126] In practical implementation, the specific operation corresponding to the movement of the view selection box can be determined based on development needs and user actions. For example, the movement operation could be dragging the view selection box across the component list, dragging the component list itself, or clicking or selecting different positions in the component list. Specifically, when the user moves the view selection box, the selected area in the component list is adjusted accordingly. This displays the logical component combination corresponding to the thumbnail of the selected area within the display area of ​​the editing interface, allowing the user to view the logical component combination corresponding to the selected area on the editing line.

[0127] Furthermore, the size of the component list mentioned above is a fixed size, and the specific size corresponding to this fixed size can be determined according to R&D requirements. Based on this, if it is impossible to display the thumbnail icons of all the logical component combinations attached to the sorting line under the fixed size, an adjustment control is displayed at a preset position in the list control; in response to the first trigger operation on the adjustment control, the thumbnail icons displayed in the component list are adjusted according to the first trigger operation.

[0128] In practical implementation, the preset positions in the list control can be determined according to development needs. For example, the preset positions can be above and below the component list, or to the left and right of the component list. The first trigger operation can be a click or long-press operation on the adjustment control. When the user triggers the adjustment control displayed in the list control, the thumbnail icons displayed in the component list will be adjusted.

[0129] In practical applications, when adjusting the thumbnails displayed in the component list based on the first trigger operation, the relative position of the view selection box and the component list remains unchanged, and the thumbnails displayed within the view area selected by the view selection box in the component list change according to the changes in the thumbnails displayed in the component list. This method allows adjustment of the thumbnails displayed within the view selection box.

[0130] In an optional embodiment, the adjustment control includes: a first adjustment control that adjusts the thumbnail icons in a first direction toward the component list, and a second adjustment control that adjusts the thumbnail icons in a second direction toward the component list; wherein the first direction and the second direction are opposite directions, and the specific direction of the first direction and the second direction can be determined according to the direction in which the thumbnail icons are displayed in the component list. For example, if the thumbnail icons are displayed sequentially from top to bottom in the component list, then the first direction can be the top of the component list, and the second direction can be the bottom of the component list.

[0131] Based on the above description, the specific process of adjusting the thumbnails displayed in the component list according to the first trigger operation of the adjustment control may include: responding to the trigger operation of the first adjustment control by controlling the display of thumbnails not displayed in the component list in a first direction; and responding to the trigger operation of the second adjustment control by controlling the display of thumbnails not displayed in the component list in a second direction. The specific directions corresponding to the first and second directions can be determined according to R&D requirements.

[0132] Furthermore, in response to the fact that all component thumbnails not displayed in the first direction are displayed in the component list, the first adjustment control is de-displayed in the list control; in response to the fact that all component thumbnails not displayed in the second direction are displayed in the component list, the second adjustment control is de-displayed in the list control.

[0133] Figure 11 shows a schematic diagram of one type of adjustment control provided in this embodiment. The triangular controls displayed at the top and bottom of the list control in Figure 11 are adjustment controls. When the displayed content of the thumbnail of the logic component combination attached to the sorting line exceeds the fixed display size corresponding to the component list, the thumbnail of the excess part is invisible. At this time, it is necessary to display a first adjustment control at the top and a second adjustment control at the bottom on the list control. The first adjustment control is used to view the content not displayed above the list control, and the second adjustment control is used to view the content displayed below the list control. When there is no undisplayed content in a certain direction, the adjustment control corresponding to that direction is canceled.

[0134] In an optional embodiment, when the user drags the editing interface vertically, the position of the selection box in the list control remains unchanged, but the thumbnail icons displayed on the component list will change accordingly with the vertical drag. When the user drags the editing interface horizontally, the display of the list control is not affected.

[0135] The above approach improves operational efficiency in landscape mode on mobile devices by allowing users to view the component list and operation list navigation controls.

[0136] The following examples describe the organization of components at the program layer.

[0137] Specifically, the modeling layer stores the structural data corresponding to the logical component combinations in the editing interface. This structural data includes the component IDs and storage areas of the logical components contained in the logical component combination, the parent-child relationships between the logical components, etc. The view layer stores the position coordinates and status indicators of the logical components contained in the logical component combinations in the editing interface. When sorting is started, the modeling layer sorts the structural data of the logical component combinations in the editing interface into a list according to a preset sorting rule and records the sorting order between the logical component combinations. At this time, the control layer notifies the view layer to re-render the editing interface according to the sorting order between the logical component combinations stored in the modeling layer and the preset sorting rule, so that the logical component combinations in the editing interface are snapped to the sorting line.

[0138] Based on the above description, the specific process of adjusting the adsorption position of the target logic component combination on the tidying line based on the first operation of the target logic component combination adsorbed on the tidying line may include: adjusting the storage order of the structural data corresponding to the target logic combination in the modeling layer based on the first operation of the target logic combination adsorbed on the tidying line; and triggering the view layer to update the adsorption position of the target logic component combination on the tidying line displayed in the editing interface based on the adjusted storage order of the structural data corresponding to the target logic combination in the modeling layer.

[0139] In practical implementation, if a user performs a first operation on a target logical combination attached to the sorting line, the storage order of the structural data corresponding to the target logical combination in the modeling layer is directly adjusted based on the first operation. This storage order is also the sorting order of the target logical component combinations recorded in the modeling layer. Then, the view layer is triggered to re-render the editing interface based on the adjusted storage data of the modeling layer to update the attachment position of the target logical component combination on the sorting line displayed in the editing interface. In this method, if the component sorting function is turned off, the adjusted storage data of the modeling layer will not be modified. That is, this method can permanently save the storage data of the modeling layer, and modifications to the view layer data will update the modeling layer data, and modifications to the modeling layer data will also update the modeling layer, ensuring the consistency of the view layer and modeling layer data.

[0140] In an optional embodiment, if the user adjusts the adsorption position of the target logic combination on the tidying line or controls the target logic combination to detach from the tidying line, it will directly change the storage order of the structural data corresponding to the target logic combination in the modeling layer. Then, the view layer will be triggered to re-render the editing interface based on the changed storage data of the modeling layer, so as to update the adsorption position of the target logic component combination on the tidying line displayed in the editing interface, or to detach it from the tidying line.

[0141] Corresponding to the above method embodiments, this disclosure provides a component editing device, as shown in FIG12. The device includes an interface display module 90, a component organization module 91, and a component editing module 92, wherein:

[0142] The interface display module 90 is configured to display an editing interface with logical editing functions through a terminal device. The editing interface includes at least one logical component, and the at least one logical component constitutes a programming logic.

[0143] The component sorting module 91 is configured to respond to the sorting start command and, according to a preset sorting rule, snap the logical component combinations in the editing interface onto the sorting line displayed in the editing interface; wherein, the logical component combinations include: a first type of logical component combination and a second type of logical component combination, the first type of logical component combination is a logical component combination that includes at least a first attribute logical component, and the second type of logical component combination is a logical component combination that does not include a first attribute logical component, and the logical component combination includes at least one logical component.

[0144] The component editing module 92 is configured to execute a first operation in response to a target logical component combination adsorbed on the sorting line, and adjust the adsorption position of the target logical component combination on the sorting line based on the first operation. The target logical component combination includes at least one of the following: a first type of logical component combination, a second type of logical component combination, and a logical component sub-combination constituting the first type of logical component combination and the second type of logical component combination.

[0145] When component sorting is activated, the aforementioned component editing device can snap all logical component combinations displayed in the editing interface onto the sorting line, thereby sorting the logical components displayed in the editing interface with one click and achieving the effect of automatic list sorting. At the same time, users can adjust the snapping position of the target logical component combinations onto the sorting line as needed to adjust the execution order and execution logic between logical component combinations, which helps to improve logic editing efficiency.

[0146] In an optional embodiment, the above-described apparatus includes a component detachment module configured to: respond to a second operation on a target logic component assembly adsorbed on a sorting line, control the target logic component assembly to detach from the sorting line based on the second operation; and control the target logic component assembly detached from the sorting line to be displayed at a preset position in the editing interface.

[0147] In an optional embodiment, the preset position includes at least one of the following: determining the preset position of the target logic component combination in the editing interface according to the operation stop position of the second operation; and determining the preset position in the editing interface according to preset rules; wherein the preset position is independent of the operation stop position of the second operation.

[0148] In an optional embodiment, the component detachment module is configured to: respond to a second operation on the target logic component assembly adsorbed on the tidying line, determine the distance between the operation position of the second operation and the tidying line; if the distance between the operation position of the second operation and the tidying line is greater than a preset distance threshold, control the target logic component assembly to detach from the tidying line.

[0149] In an optional embodiment, after controlling the display of the target logic component combination detached from the sorting line at a preset position in the editing interface, the device further includes an adsorption adjustment module configured to: determine other logic component combinations adsorbed on the sorting line whose adsorption position is after the target logic component combination; and adjust the adsorption position of the other logic component combinations on the sorting line. Through this embodiment, when the target logic component detached from the sorting line is displayed at the preset position, other logic component combinations on the sorting line located after the target logic component combination will automatically fill the empty space, thereby ensuring that all logic component combinations on the sorting line are closely arranged.

[0150] In an optional embodiment, the above-mentioned device further includes a state update module, configured to: in response to a sorting start command, control the component state of the logic component combination to be updated to a first state, wherein the first state is configured to control the logic component combination in the first state to be attached to the sorting line; in response to the target logic component combination being removed from the sorting line, control the component state of the target logic component combination to be updated from the first state to a second state, wherein the second state is configured to control the logic component combination in the second state to be displayed at a preset position in the editing interface.

[0151] In an optional embodiment, the above-mentioned editing interface includes a control display window, which includes at least one logical component control; based on this, the above-mentioned device further includes a component creation module, configured to perform: in response to a third operation on the first logical component control in the control display window, create a first logical component corresponding to the first logical component control, and configure the component state of the first logical component to a second state; control the stop position of the third operation that displays the first logical component in the editing interface.

[0152] In an optional embodiment, the component creation module described above can also be configured to: respond to a third operation on the first logical component control in the control display window, create a first logical component corresponding to the first logical component control, and configure the component state of the first logical component to a first state; control the first logical component to be attached to the sorting line.

[0153] In an optional embodiment, the above-described device further includes a drag-and-attach module configured to: in response to dragging a second logic component combination in the second state in the editing interface to the sorting line, control the second logic component combination to be attached to the sorting line, and update the component state of the second logic component combination from the second state to the first state.

[0154] In an optional embodiment, the drag-and-adsorption module described above can also be configured to perform: in response to dragging a second logical component combination in the second state in the editing interface to the sorting line, determining a pre-adsorption area of ​​the second logical component combination on the sorting line based on the drag position and the size of the second logical component combination; displaying the pre-adsorption area on the sorting line in a first display mode; and in response to the end of dragging, adsorbing the second logical component combination onto the pre-adsorption area on the sorting line.

[0155] In an optional embodiment, the above-described device further includes a position adjustment module configured to perform: in response to displaying a pre-adsorption area on the sorting line in a first display manner, adjusting the adsorption position of the logic component combination on the sorting line whose adsorption position is after the pre-adsorption area, according to the pre-adsorption area.

[0156] In an optional embodiment, the above-described apparatus further includes a list display module configured to: in response to a sorting start command, control the display of a list control in the editing interface; wherein the list control includes abbreviated identifiers of logical component combinations in a first state; and the list control does not contain abbreviated identifiers of logical component combinations in a second state.

[0157] In an optional embodiment, the above-mentioned device further includes an identification display module, configured to: display the combination identifier corresponding to the logical component combination in the first state in the editing interface, and cancel the display of the combination identifier corresponding to the logical component combination in the second state.

[0158] In an optional embodiment, the editing interface includes interactive controls; the display level of the organizing line is lower than the display level of the interactive controls.

[0159] In an optional embodiment, the above-described device further includes a hierarchy adjustment module configured to: in response to a combination of logical components in the editing interface being snapped onto a sorting line, control the display hierarchy of the combination of logical components snapped onto the sorting line to be adjusted to a display hierarchy lower than that of the sorting line.

[0160] Based on the above embodiments, by adjusting the display hierarchy, important information or functions can be highlighted, while secondary information can be placed in the background, making it easier for users to find the content they need and enhancing the visual hierarchy and dynamism of the interface.

[0161] In an optional embodiment, the adsorption positions of different logic component combinations on the sorting line do not overlap. This embodiment facilitates users in viewing and editing logic component combinations.

[0162] In an optional embodiment, in response to the component organization module 91, the following method is implemented: according to the creation order of the logical component combinations in the editing interface, the logical component combinations in the editing interface are snapped onto the organization line displayed in the editing interface; according to the program execution logic corresponding to the logical component combinations in the editing interface, the logical component combinations in the editing interface are snapped onto the organization line displayed in the editing interface; according to the display order of the logical component combinations in the editing interface, the logical component combinations in the editing interface are snapped onto the organization line displayed in the editing interface; according to the combination type corresponding to the logical component combinations, the logical component combinations in the editing interface are snapped onto the organization line displayed in the editing interface.

[0163] In an optional embodiment, the aforementioned organizing line is a line with a preset direction located at a designated position in the editing interface.

[0164] In an optional embodiment, the component editing module 92 is configured to: respond to a first operation on a target logic component combination adsorbed on a sorting line, determine the operation position corresponding to the first operation; determine the target adsorption position of the target logic component combination on the sorting line based on the operation position, and adsorb the target logic component combination on the target adsorption position.

[0165] In an optional embodiment, the above-described device further includes an adsorption adjustment module configured to: in response to adsorbing the target logic component assembly onto the target adsorption position, adjust the adsorption positions of the logic component assemblies other than the target logic component assembly on the sorting line based on the target adsorption position. Through the above embodiments, when the target logic component assembly is adsorbed onto the target adsorption position, logic component assemblies that were previously located after the target logic component assembly on the sorting line will automatically move forward to fill the empty spaces, and logic component assemblies that were previously located after the target logic component assembly on the sorting line will automatically move backward, ensuring that the logic component assemblies on the sorting line are all closely arranged.

[0166] In an optional embodiment, the above-described apparatus further includes a parameter adjustment module configured to: respond to a parameter setting operation for a target logic component assembly adsorbed on the sorting line, and adjust the component parameters of the logic components in the target logic component assembly according to the setting parameters of the parameter setting operation.

[0167] In an optional embodiment, the above-described apparatus further includes a combination determination module configured to perform: if the first operation acts on a target first attribute logical component, the combination of logical components containing the target first attribute logical component is determined as a target logical component combination; wherein, the target logical component combination is a first type of logical component combination; if the first operation acts on a non-first attribute logical component, the logical component on which the first operation acts is determined as a target logical component combination; wherein, the target logical component combination is a second type of logical component combination, or a logical component sub-combination constituting the first type of logical component combination and the second type of logical component combination.

[0168] In an optional embodiment, the above-described device further includes a display adjustment module configured to perform: in response to a sliding operation applied to the editing interface, adjust the displayed content in the editing interface according to the sliding operation.

[0169] In an optional embodiment, the above-mentioned device further includes an identification display module, configured to perform: in response to attaching the logical component combination in the editing interface to the sorting line displayed in the editing interface, displaying a corresponding combination identifier at a designated position corresponding to each logical component combination on the sorting line; wherein, the combination identifier includes information about the logical component combination.

[0170] In an optional embodiment, the above-mentioned display adjustment module can also be configured to perform: if the operation direction of the sliding operation is the horizontal direction of the tidying line, control the display of the logical component combination that is attached to the tidying line in the opposite direction of the operation direction in the editing interface; if the operation direction of the sliding operation is the vertical direction of the tidying line, control the logical component combination that is attached to the tidying line displayed in the editing interface to move toward the operation direction.

[0171] In an optional embodiment, the above-mentioned display adjustment module can also be configured to: respond to a sliding operation on the editing interface with the operation direction being perpendicular to the sorting line, control the sorting line to leave the display area corresponding to the editing interface, hide the display of the sorting line in the editing interface, and control the display of a combination identifier at the corresponding position in the editing interface; wherein, the corresponding position matches the position of the display of the combination identifier on the sorting line.

[0172] In an optional embodiment, the above-described apparatus further includes an adjustment module configured to: in response to the target first type of logical component combination being displayed in the editing interface after being removed from the sorting line, control the display of the combination identifier of the target first type of logical component combination at the display position of the target first type of logical component combination in the editing interface; and in response to the target second type of logical component combination being displayed in the editing interface after being removed from the sorting line, cancel the display of the combination identifier of the target second type of logical component combination.

[0173] In an optional embodiment, the editing interface displays an enable control and a display control corresponding to at least one logical component combination class, wherein the logical component combination class includes at least one logical component combination; the display control is used to display the logical component combinations contained in the corresponding logical component combination class; based on this, the device further includes a sorting trigger module, configured to execute: in response to a trigger operation on the enable control, triggering a sorting enable command corresponding to at least one logical component combination class, so as to snap the logical component combinations contained in at least one logical component combination class onto the sorting line displayed in the editing interface. Through this embodiment, after the user triggers the enable control displayed in the editing interface, all logical component combinations contained in all logical component combination classes contained in the editing interface will be snapped onto the sorting line displayed in the editing interface, thereby facilitating the user to edit and adjust all logical component combinations.

[0174] In an optional embodiment, the editing interface includes at least one display control corresponding to a logical component combination class, and the logical component combination class includes at least one logical component combination. Based on this, the sorting trigger module can also be configured to: respond to a trigger operation on the display control corresponding to a target logical component combination class within the at least one logical component combination class, and control the display of a combination display panel corresponding to the target logical component combination class in the editing interface; wherein the combination display panel includes: a combination identifier of the logical component combinations contained in the target logical component combination class, and an activation control; respond to a trigger operation on the activation control, trigger a sorting activation command for the target logical component combination class, so as to attach the logical component combinations contained in the target logical component combination class to the sorting line displayed in the editing interface. Through this embodiment, the logical component combinations contained in a specific logical component combination class can be sorted onto the sorting line individually, thereby allowing only a specific logical component combination class to be edited and adjusted, improving the flexibility and accuracy of user operations.

[0175] In an optional embodiment, the above-mentioned device further includes a sorting and cancellation module, configured to: in response to a trigger operation on the open control, control the switch of the open control to a close control; in response to a trigger operation on the close control, cancel the display of the sorting line in the editing interface, and release the attachment of the logical component combination on the sorting line, restoring the display position of the logical component combination in the editing interface.

[0176] In the above embodiments, when the control is enabled, the logical component combinations displayed in the editing interface are immediately snapped to the sorting line, which can realize one-click sorting of all logical component combinations. Thus, by snapping the logical component combinations to the sorting line, the effect of automatic list sorting can be achieved. Furthermore, by removing the logical component combinations from the sorting line, the effect of freely placing logical components in the editing interface can be achieved.

[0177] In an optional embodiment, the above device further includes a list display module configured to: in response to a sorting start command, control the display of a list control at a specified position in the editing interface; wherein the list control includes: a component list and a view selection box located on the component list; the component list includes abbreviated identifiers of logical component combinations snapped to the sorting line; the view selection box is used to select a viewing area in the component list, and the logical component combination corresponding to the abbreviated identifier in the component list corresponding to the viewing area is the logical component combination currently displayed in the editing interface snapped to the sorting line.

[0178] In an optional embodiment, the above-described device further includes a viewing adjustment module configured to: respond to a movement operation on the viewing selection box, adjust the viewing area selected by the viewing selection box in the component list based on the movement operation, and update the logical component combination currently displayed in the editing interface that is snapped to the sorting line to the logical component combination corresponding to the abbreviated identifier in the component list corresponding to the adjusted viewing area.

[0179] In an optional embodiment, the size of the component list is a fixed size. Based on this, the device further includes a control display module, which is configured to: if the thumbnail identifiers of all logical component combinations attached to the sorting line cannot be displayed under the fixed size, control the display of an adjustment control at a preset position in the list control; and in response to a first trigger operation on the adjustment control, adjust the thumbnail identifiers displayed in the component list according to the first trigger operation.

[0180] In an optional embodiment, the above-mentioned device further includes a content adjustment module configured to: when adjusting the thumbnail displayed in the component list according to the first trigger operation, control the relative position of the viewing selection box and the component list to remain unchanged, and control the thumbnail displayed in the viewing area selected by the viewing selection box in the component list to change according to the change of the thumbnail displayed in the component list.

[0181] In an optional embodiment, the adjustment control includes: a first adjustment control that adjusts the thumbnail identifiers in a first direction toward the component list, and a second adjustment control that adjusts the thumbnail identifiers in a second direction toward the component list; based on this, the control display module is configured to: in response to a trigger operation on the first adjustment control, control the display of thumbnails not displayed in the first direction in the component list; and in response to a trigger operation on the second adjustment control, control the display of thumbnails not displayed in the second direction in the component list.

[0182] In an optional embodiment, the above-described device further includes a control cancellation display module, configured to: in response to all component abbreviated identifiers not displayed in the first direction being displayed in the component list, control the cancellation of the display of the first adjustment control in the list control; in response to all component abbreviated identifiers not displayed in the second direction being displayed in the component list, control the cancellation of the display of the second adjustment control in the list control.

[0183] Based on any of the above embodiments, by allowing users to view the component list and operation list control navigation, the operating efficiency in landscape mode on mobile devices is improved.

[0184] In an optional embodiment, the component editing module 92 is configured to: respond to a first operation on a target logical combination adsorbed on the sorting line; adjust the storage order of the structural data corresponding to the target logical combination in the modeling layer based on the first operation; and trigger the view layer to update the adsorption position of the target logical component combination on the sorting line displayed in the editing interface based on the adjusted storage order of the structural data corresponding to the target logical combination in the modeling layer. Through this embodiment, the stored data of the modeling layer can be permanently saved, and modifications to the view layer data will update the modeling layer data, and vice versa, ensuring the consistency between the view layer and the modeling layer data.

[0185] The component editing device provided in this disclosure has the same implementation principle and technical effects as the aforementioned method embodiments. For the sake of brevity, any parts not mentioned in the device embodiments can be referred to the corresponding content in the aforementioned method embodiments.

[0186] This disclosure also provides an electronic device, as shown in FIG13, which includes a processor and a memory. The memory stores machine-executable instructions that can be executed by the processor, and the processor executes the machine-executable instructions to implement the above-described component editing method.

[0187] Specifically, the above-mentioned component editing method includes: displaying an editing interface with logic editing function through a terminal device, the editing interface including at least one logic component, the at least one logic component constituting a programming logic; responding to a sorting start command, according to a preset sorting rule, attaching a combination of logic components in the editing interface to a sorting line displayed in the editing interface; wherein, the combination of logic components includes: a first type of logic component combination and a second type of logic component combination, the first type of logic component combination being a combination of logic components including at least a first attribute logic component, the second type of logic component combination being a combination of logic components excluding the first attribute logic component, and the combination of logic components including at least one logic component; responding to a first operation on a target logic component combination attached to the sorting line, adjusting the attachment position of the target logic component combination on the sorting line based on the first operation, wherein the target logic component combination includes at least one of the following: a first type of logic component combination, a second type of logic component combination, constituting a logic component sub-combination of the first type of logic component combination and the second type of logic component combination.

[0188] The above component editing method allows all logical component combinations displayed in the editing interface to be snapped onto the sorting line when component sorting is enabled. This enables one-click sorting of the logical components displayed in the editing interface, achieving an automatic list sorting effect. At the same time, users can adjust the snapping position of the target logical component combinations on the sorting line as needed to adjust the execution order and execution logic between logical component combinations, which helps to improve logic editing efficiency.

[0189] In an optional embodiment, the method further includes: responding to a second operation on a target logic component assembly adsorbed on a tidying line, controlling the target logic component assembly to detach from the tidying line based on the second operation; and controlling the target logic component assembly detached from the tidying line to be displayed at a preset position in the editing interface.

[0190] In an optional embodiment, the preset position includes at least one of the following: determining the preset position of the target logic component combination in the editing interface according to the operation stop position of the second operation; determining the preset position in the editing interface according to preset rules; wherein the preset position is independent of the operation stop position of the second operation.

[0191] In an optional embodiment, the above response to the second operation of the target logic component assembly adsorbed on the tidying line, and the step of controlling the target logic component assembly to detach from the tidying line based on the second operation, includes: responding to the second operation of the target logic component assembly adsorbed on the tidying line, determining the distance between the operation position of the second operation and the tidying line; if the distance between the operation position of the second operation and the tidying line is greater than a preset distance threshold, controlling the target logic component assembly to detach from the tidying line.

[0192] In an optional embodiment, after controlling the display of the target logic component combination detached from the sorting line at a preset position in the editing interface, the method further includes: determining other logic component combinations whose adsorption position is after the target logic component combination among the logic component combinations adsorbed on the sorting line; and adjusting the adsorption position of the other logic component combinations on the sorting line. Through this embodiment, when the target logic component detached from the sorting line is displayed at the preset position, other logic component combinations located after the target logic component combination on the sorting line are automatically moved forward to fill the empty space, thereby ensuring that all logic component combinations on the sorting line are closely arranged.

[0193] In an optional embodiment, the method further includes: in response to a sorting start command, controlling the component state of the logical component combination to be updated to a first state, wherein the first state is configured to control the logical component combination in the first state to be attached to the sorting line; in response to the target logical component combination being removed from the sorting line, controlling the component state of the target logical component combination to be updated from the first state to a second state, wherein the second state is configured to control the logical component combination in the second state to be displayed at a preset position in the editing interface.

[0194] In an optional embodiment, the editing interface includes a control display window, which includes at least one logical component control; the method further includes: responding to a third operation on the first logical component control in the control display window, creating a first logical component corresponding to the first logical component control, and configuring the component state of the first logical component to a second state; and controlling the stop position of the third operation that displays the first logical component in the editing interface.

[0195] In an optional embodiment, the editing interface includes a control display window, which includes at least one logical component control; the method further includes: responding to a third operation on the first logical component control in the control display window, creating a first logical component corresponding to the first logical component control, and configuring the component state of the first logical component to a first state; and controlling the first logical component to be attached to the sorting line.

[0196] In an optional embodiment, the method further includes: in response to dragging a second logical component combination in the second state in the editing interface to the sorting line, controlling the second logical component combination to be snapped onto the sorting line, and updating the component state of the second logical component combination from the second state to the first state.

[0197] In an optional embodiment, the step of controlling the second logic component combination to be attached to the tidying line in response to dragging the second logic component combination in the second state in the editing interface to the tidying line includes: in response to dragging the second logic component combination in the second state in the editing interface to the tidying line, determining a pre-attachment area of ​​the second logic component combination on the tidying line based on the dragging position and the size of the second logic component combination; displaying the pre-attachment area on the tidying line in a first display mode; and attaching the second logic component combination to the pre-attachment area on the tidying line in response to the end of dragging.

[0198] In an optional embodiment, the method further includes: in response to displaying a pre-adsorption area on the finishing line in a first display manner, adjusting the adsorption position of the logic component assembly on the finishing line whose adsorption position is after the pre-adsorption area, according to the pre-adsorption area.

[0199] In an optional embodiment, the method further includes: in response to a sorting start command, controlling the display of a list control in the editing interface; wherein the list control includes abbreviated identifiers of logical component combinations in a first state; and the list control does not include abbreviated identifiers of logical component combinations in a second state.

[0200] In an optional embodiment, the method further includes: displaying a combination identifier corresponding to a logic component combination in the first state in the editing interface, and deselecting the display of a combination identifier corresponding to a logic component combination in the second state.

[0201] In an optional embodiment, the editing interface includes interactive controls; the display level of the organizing line is lower than the display level of the interactive controls.

[0202] In an optional embodiment, the method further includes: in response to the logic component combination in the editing interface being snapped onto the sorting line, controlling the display level of the logic component combination snapped onto the sorting line to be lower than the display level of the sorting line.

[0203] Based on the above embodiments, by adjusting the display hierarchy, important information or functions can be highlighted, while secondary information can be placed in the background, making it easier for users to find the content they need and enhancing the visual hierarchy and dynamism of the interface.

[0204] In an optional embodiment, the adsorption positions of different logic component combinations on the sorting line do not overlap. This embodiment facilitates users in viewing and editing logic component combinations.

[0205] In an optional embodiment, the step of attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to a preset sorting rule in response to the sorting start command includes the following: attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the creation order of the logical component combinations in the editing interface; attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the program execution logic corresponding to the logical component combinations in the editing interface; attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the display order of the logical component combinations in the editing interface; and attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the combination type corresponding to the logical component combinations.

[0206] In an optional embodiment, the aforementioned organizing line is a line with a preset direction located at a designated position in the editing interface.

[0207] In an optional embodiment, the above-mentioned response to a first operation of a target logic component assembly adsorbed on a finishing line, and the step of adjusting the adsorption position of the target logic component assembly on the finishing line based on the first operation, includes: responding to a first operation of a target logic component assembly adsorbed on a finishing line, determining an operation position corresponding to the first operation; determining a target adsorption position of the target logic component assembly on the finishing line based on the operation position, and adsorbing the target logic component assembly onto the target adsorption position.

[0208] In an optional embodiment, the method further includes: in response to adsorbing the target logic component assembly onto the target adsorption position, adjusting the adsorption positions of the logic component assemblies other than the target logic component assembly on the sorting line based on the target adsorption position. Through the above embodiments, when the target logic component assembly is adsorbed onto the target adsorption position, logic component assemblies that were previously located after the target logic component assembly on the sorting line will automatically fill the empty spaces forward, and logic component assemblies that were previously located after the target logic component assembly on the sorting line will automatically move backward, ensuring that the logic component assemblies on the sorting line are all closely arranged.

[0209] In an optional embodiment, the method further includes: responding to a parameter setting operation for a target logic component assembly adsorbed on a sorting line, and adjusting the component parameters of the logic components in the target logic component assembly according to the setting parameters of the parameter setting operation.

[0210] In an optional embodiment, the method further includes: if the first operation is applied to a target first attribute logic component, determining a combination of logic components containing the target first attribute logic component as a target logic component combination; wherein the target logic component combination is a first type of logic component combination; if the first operation is applied to a non-first attribute logic component, determining the logic component applied by the first operation as a target logic component combination; wherein the target logic component combination is a second type of logic component combination, or a sub-combination of logic components constituting the first type of logic component combination and the second type of logic component combination.

[0211] In an optional embodiment, the method further includes: responding to a sliding operation applied to the editing interface and adjusting the displayed content in the editing interface according to the sliding operation.

[0212] In an optional embodiment, the method further includes: in response to attaching the logical component combination in the editing interface to the sorting line displayed in the editing interface, displaying a corresponding combination identifier at a designated position corresponding to each logical component combination on the sorting line; wherein the combination identifier includes information about the logical component combination.

[0213] In an optional embodiment, the step of adjusting the displayed content in the editing interface according to the sliding operation includes: if the operation direction of the sliding operation is the horizontal direction of the sorting line, controlling the display of the logic component combination that is attached to the sorting line in the opposite direction of the operation direction in the editing interface; if the operation direction of the sliding operation is the vertical direction of the sorting line, controlling the logic component combination that is attached to the sorting line displayed in the editing interface to move toward the operation direction.

[0214] In an optional embodiment, the method further includes: responding to a sliding operation on the editing interface with the operation direction perpendicular to the sorting line, controlling the sorting line to leave the display area corresponding to the editing interface, hiding the sorting line in the editing interface, and controlling the display of a combination identifier at the corresponding position in the editing interface; wherein the corresponding position matches the position of the combination identifier displayed on the sorting line.

[0215] In an optional embodiment, the method further includes: in response to the target first type of logic component combination being displayed in the editing interface after being removed from the sorting line, controlling the display position of the target first type of logic component combination in the editing interface to display the combination identifier of the target first type of logic component combination; in response to the target second type of logic component combination being displayed in the editing interface after being removed from the sorting line, canceling the display of the combination identifier of the target second type of logic component combination.

[0216] In an optional embodiment, the editing interface displays an enable control and a display control corresponding to at least one logical component combination class, wherein the logical component combination class includes at least one logical component combination; the display control is used to display the logical component combinations contained in the corresponding logical component combination class; the method further includes: responding to a trigger operation on the enable control, triggering a sorting enable command corresponding to at least one logical component combination class, so as to snap the logical component combinations contained in at least one logical component combination class onto the sorting line displayed in the editing interface. Through this embodiment, after the user triggers the enable control displayed in the editing interface, all logical component combinations contained in all logical component combination classes in the editing interface will be snapped onto the sorting line displayed in the editing interface, thereby facilitating the user to edit and adjust all logical component combinations.

[0217] In an optional embodiment, the editing interface includes a display control corresponding to at least one logical component combination class, and the logical component combination class includes at least one logical component combination. The method further includes: responding to a trigger operation on the display control corresponding to a target logical component combination class within the at least one logical component combination class, controlling the display of a combination display panel corresponding to the target logical component combination class in the editing interface; wherein the combination display panel includes: a combination identifier of the logical component combinations contained in the target logical component combination class, and an activation control; responding to a trigger operation on the activation control, triggering a sorting activation command for the target logical component combination class, so as to snap the logical component combinations contained in the target logical component combination class onto the sorting line displayed in the editing interface. Through this embodiment, the logical component combinations contained in a specific logical component combination class can be sorted onto the sorting line individually, thereby allowing editing and adjustment of only a specific logical component combination class, improving the flexibility and accuracy of user operations.

[0218] In an optional embodiment, the method further includes: responding to a trigger operation on the open control, controlling the switch of the open control to a close control; responding to a trigger operation on the close control, canceling the display of the organizing line in the editing interface, and releasing the snapping of the logical component combination on the organizing line, restoring the display position of the logical component combination in the editing interface.

[0219] In the above embodiments, when the control is enabled, the logical component combinations displayed in the editing interface are immediately snapped to the sorting line, which can realize one-click sorting of all logical component combinations. Thus, by snapping the logical component combinations to the sorting line, the effect of automatic list sorting can be achieved. Furthermore, by removing the logical component combinations from the sorting line, the effect of freely placing logical components in the editing interface can be achieved.

[0220] In an optional embodiment, the method further includes: responding to the sorting start command, controlling the display of a list control at a specified position in the editing interface; wherein the list control includes: a component list and a view selection box located on the component list; the component list includes abbreviated identifiers of logical component combinations snapped to the sorting line; the view selection box is used to select a view area in the component list, and the logical component combination corresponding to the abbreviated identifier in the component list corresponding to the view area is the logical component combination currently displayed in the editing interface snapped to the sorting line.

[0221] In an optional embodiment, the method further includes: responding to a movement operation on the viewing selection box, adjusting the viewing area selected by the viewing selection box in the component list based on the movement operation, and updating the logical component combination currently displayed in the editing interface that is snapped to the sorting line to the logical component combination corresponding to the abbreviated identifier in the component list corresponding to the adjusted viewing area.

[0222] In an optional embodiment, the size of the component list is a fixed size, and the method further includes: if the thumbnail of all logical component combinations attached to the sorting line cannot be displayed under the fixed size, controlling the display of an adjustment control at a preset position in the list control; responding to a first trigger operation on the adjustment control, adjusting the thumbnail displayed in the component list according to the first trigger operation.

[0223] In an optional embodiment, the method further includes: when adjusting the thumbnail displayed in the component list according to the first trigger operation, controlling the relative position of the viewing selection box and the component list to remain unchanged, and controlling the thumbnail displayed in the viewing area selected by the viewing selection box in the component list to change according to the change of the thumbnail displayed in the component list.

[0224] In an optional embodiment, the adjustment control includes: a first adjustment control for adjusting the thumbnail identifiers in a first direction toward the component list, and a second adjustment control for adjusting the thumbnail identifiers in a second direction toward the component list; the step of adjusting the thumbnail identifiers displayed in the component list in response to a first trigger operation on the adjustment control includes: in response to a trigger operation on the first adjustment control, controlling the display of thumbnails not displayed in the first direction in the component list; and in response to a trigger operation on the second adjustment control, controlling the display of thumbnails not displayed in the second direction in the component list.

[0225] In an optional embodiment, the method further includes: in response to all component abbreviations not displayed in the first direction being displayed in the component list, controlling the first adjustment control to be undisplayed in the list control; and in response to all component abbreviations not displayed in the second direction being displayed in the component list, controlling the second adjustment control to be undisplayed in the list control.

[0226] Based on any of the above embodiments, by allowing users to view the component list and operation list control navigation, the operating efficiency in landscape mode on mobile devices is improved.

[0227] In an optional embodiment, the step of adjusting the adsorption position of the target logic component combination on the tidying line based on the first operation of the target logic component combination adsorbed on the tidying line includes: adjusting the storage order of the structural data corresponding to the target logic combination in the modeling layer based on the first operation of the target logic combination adsorbed on the tidying line; and triggering the view layer to update the adsorption position of the target logic component combination on the tidying line displayed in the editing interface based on the adjusted storage order of the structural data corresponding to the target logic combination in the modeling layer. Through this embodiment, the stored data of the modeling layer can be permanently saved, and modifications to the view layer data will update the modeling layer data, and vice versa, ensuring the consistency between the view layer and the modeling layer data.

[0228] Furthermore, the electronic device shown in FIG13 also includes a bus 102 and a communication interface 103, and the processor 101, the communication interface 103 and the memory 100 are connected through the bus 102.

[0229] The memory 100 may include high-speed random access memory (RAM) or non-volatile memory, such as at least one disk storage device. Communication between this system network element and at least one other network element is achieved through at least one communication interface 103 (which can be wired or wireless), such as the Internet, wide area network, local area network, or metropolitan area network. The bus 102 may be an ISA bus, PCI bus, or EISA bus, etc. These buses can be categorized as address buses, data buses, control buses, etc. For ease of illustration, only a single bidirectional arrow is used in Figure 13, but this does not indicate that there is only one bus or one type of bus.

[0230] Processor 101 may be an integrated circuit chip with signal processing capabilities. In implementation, each step of the above method can be completed by the integrated logic circuitry in the hardware of processor 101 or by instructions in software form. The processor 101 may be a general-purpose processor, including a Central Processing Unit (CPU), a Network Processor (NP), etc.; it may also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field-Programmable Gate Array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. It can implement or execute the methods, steps, and logic block diagrams disclosed in the embodiments of this disclosure. The general-purpose processor may be a microprocessor or any conventional processor. The steps of the methods disclosed in the embodiments of this disclosure can be directly manifested as execution by a hardware decoding processor, or execution by a combination of hardware and software modules in the decoding processor. The software module can reside in a readily available storage medium in the art, such as random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, or registers. This storage medium is located in memory 100, and processor 101 reads information from memory 100 and, in conjunction with its hardware, completes the steps of the method described in the foregoing embodiments.

[0231] This disclosure also provides a computer-readable storage medium storing computer-executable instructions. When these computer-executable instructions are invoked and executed by a processor, they cause the processor to implement the aforementioned component editing method. For specific implementation details, please refer to the method embodiments, which will not be repeated here.

[0232] Specifically, the above-mentioned component editing method includes: displaying an editing interface with logic editing function through a terminal device, the editing interface including at least one logic component, the at least one logic component constituting a programming logic; responding to a sorting start command, according to a preset sorting rule, attaching a combination of logic components in the editing interface to a sorting line displayed in the editing interface; wherein, the combination of logic components includes: a first type of logic component combination and a second type of logic component combination, the first type of logic component combination being a combination of logic components including at least a first attribute logic component, the second type of logic component combination being a combination of logic components excluding the first attribute logic component, and the combination of logic components including at least one logic component; responding to a first operation on a target logic component combination attached to the sorting line, adjusting the attachment position of the target logic component combination on the sorting line based on the first operation, wherein the target logic component combination includes at least one of the following: a first type of logic component combination, a second type of logic component combination, constituting a logic component sub-combination of the first type of logic component combination and the second type of logic component combination.

[0233] The above component editing method allows all logical component combinations displayed in the editing interface to be snapped onto the sorting line when component sorting is enabled. This enables one-click sorting of the logical components displayed in the editing interface, achieving an automatic list sorting effect. At the same time, users can adjust the snapping position of the target logical component combinations on the sorting line as needed to adjust the execution order and execution logic between logical component combinations, which helps to improve logic editing efficiency.

[0234] In an optional embodiment, the method further includes: responding to a second operation on a target logic component assembly adsorbed on a tidying line, controlling the target logic component assembly to detach from the tidying line based on the second operation; and controlling the target logic component assembly detached from the tidying line to be displayed at a preset position in the editing interface.

[0235] In an optional embodiment, the preset position includes at least one of the following: determining the preset position of the target logic component combination in the editing interface according to the operation stop position of the second operation; determining the preset position in the editing interface according to preset rules; wherein the preset position is independent of the operation stop position of the second operation.

[0236] In an optional embodiment, the above response to the second operation of the target logic component assembly adsorbed on the tidying line, and the step of controlling the target logic component assembly to detach from the tidying line based on the second operation, includes: responding to the second operation of the target logic component assembly adsorbed on the tidying line, determining the distance between the operation position of the second operation and the tidying line; if the distance between the operation position of the second operation and the tidying line is greater than a preset distance threshold, controlling the target logic component assembly to detach from the tidying line.

[0237] In an optional embodiment, after controlling the display of the target logic component combination detached from the sorting line at a preset position in the editing interface, the method further includes: determining other logic component combinations whose adsorption position is after the target logic component combination among the logic component combinations adsorbed on the sorting line; and adjusting the adsorption position of the other logic component combinations on the sorting line. Through this embodiment, when the target logic component detached from the sorting line is displayed at the preset position, other logic component combinations located after the target logic component combination on the sorting line are automatically moved forward to fill the empty space, thereby ensuring that all logic component combinations on the sorting line are closely arranged.

[0238] In an optional embodiment, the method further includes: in response to a sorting start command, controlling the component state of the logical component combination to be updated to a first state, wherein the first state is configured to control the logical component combination in the first state to be attached to the sorting line; in response to the target logical component combination being removed from the sorting line, controlling the component state of the target logical component combination to be updated from the first state to a second state, wherein the second state is configured to control the logical component combination in the second state to be displayed at a preset position in the editing interface.

[0239] In an optional embodiment, the editing interface includes a control display window, which includes at least one logical component control; the method further includes: responding to a third operation on the first logical component control in the control display window, creating a first logical component corresponding to the first logical component control, and configuring the component state of the first logical component to a second state; and controlling the stop position of the third operation that displays the first logical component in the editing interface.

[0240] In an optional embodiment, the editing interface includes a control display window, which includes at least one logical component control; the method further includes: responding to a third operation on the first logical component control in the control display window, creating a first logical component corresponding to the first logical component control, and configuring the component state of the first logical component to a first state; and controlling the first logical component to be attached to the sorting line.

[0241] In an optional embodiment, the method further includes: in response to dragging a second logical component combination in the second state in the editing interface to the sorting line, controlling the second logical component combination to be snapped onto the sorting line, and updating the component state of the second logical component combination from the second state to the first state.

[0242] In an optional embodiment, the step of controlling the second logic component combination to be attached to the tidying line in response to dragging the second logic component combination in the second state in the editing interface to the tidying line includes: in response to dragging the second logic component combination in the second state in the editing interface to the tidying line, determining a pre-attachment area of ​​the second logic component combination on the tidying line based on the dragging position and the size of the second logic component combination; displaying the pre-attachment area on the tidying line in a first display mode; and attaching the second logic component combination to the pre-attachment area on the tidying line in response to the end of dragging.

[0243] In an optional embodiment, the method further includes: in response to displaying a pre-adsorption area on the finishing line in a first display manner, adjusting the adsorption position of the logic component assembly on the finishing line whose adsorption position is after the pre-adsorption area, according to the pre-adsorption area.

[0244] In an optional embodiment, the method further includes: in response to a sorting start command, controlling the display of a list control in the editing interface; wherein the list control includes abbreviated identifiers of logical component combinations in a first state; and the list control does not include abbreviated identifiers of logical component combinations in a second state.

[0245] In an optional embodiment, the method further includes: displaying a combination identifier corresponding to a logic component combination in the first state in the editing interface, and deselecting the display of a combination identifier corresponding to a logic component combination in the second state.

[0246] In an optional embodiment, the editing interface includes interactive controls; the display level of the organizing line is lower than the display level of the interactive controls.

[0247] In an optional embodiment, the method further includes: in response to the logic component combination in the editing interface being snapped onto the sorting line, controlling the display level of the logic component combination snapped onto the sorting line to be lower than the display level of the sorting line.

[0248] Based on the above embodiments, by adjusting the display hierarchy, important information or functions can be highlighted, while secondary information can be placed in the background, making it easier for users to find the content they need and enhancing the visual hierarchy and dynamism of the interface.

[0249] In an optional embodiment, the adsorption positions of different logic component combinations on the sorting line do not overlap. This embodiment facilitates users in viewing and editing logic component combinations.

[0250] In an optional embodiment, the step of attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to a preset sorting rule in response to the sorting start command includes the following: attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the creation order of the logical component combinations in the editing interface; attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the program execution logic corresponding to the logical component combinations in the editing interface; attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the display order of the logical component combinations in the editing interface; and attaching the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the combination type corresponding to the logical component combinations.

[0251] In an optional embodiment, the aforementioned organizing line is a line with a preset direction located at a designated position in the editing interface.

[0252] In an optional embodiment, the above-mentioned response to a first operation of a target logic component assembly adsorbed on a finishing line, and the step of adjusting the adsorption position of the target logic component assembly on the finishing line based on the first operation, includes: responding to a first operation of a target logic component assembly adsorbed on a finishing line, determining an operation position corresponding to the first operation; determining a target adsorption position of the target logic component assembly on the finishing line based on the operation position, and adsorbing the target logic component assembly onto the target adsorption position.

[0253] In an optional embodiment, the method further includes: in response to adsorbing the target logic component assembly onto the target adsorption position, adjusting the adsorption positions of the logic component assemblies other than the target logic component assembly on the sorting line based on the target adsorption position. Through the above embodiments, when the target logic component assembly is adsorbed onto the target adsorption position, logic component assemblies that were previously located after the target logic component assembly on the sorting line will automatically fill the empty spaces forward, and logic component assemblies that were previously located after the target logic component assembly on the sorting line will automatically move backward, ensuring that the logic component assemblies on the sorting line are all closely arranged.

[0254] In an optional embodiment, the method further includes: responding to a parameter setting operation for a target logic component assembly adsorbed on a sorting line, and adjusting the component parameters of the logic components in the target logic component assembly according to the setting parameters of the parameter setting operation.

[0255] In an optional embodiment, the method further includes: if the first operation is applied to a target first attribute logic component, determining a combination of logic components containing the target first attribute logic component as a target logic component combination; wherein the target logic component combination is a first type of logic component combination; if the first operation is applied to a non-first attribute logic component, determining the logic component applied by the first operation as a target logic component combination; wherein the target logic component combination is a second type of logic component combination, or a sub-combination of logic components constituting the first type of logic component combination and the second type of logic component combination.

[0256] In an optional embodiment, the method further includes: responding to a sliding operation applied to the editing interface and adjusting the displayed content in the editing interface according to the sliding operation.

[0257] In an optional embodiment, the method further includes: in response to attaching the logical component combination in the editing interface to the sorting line displayed in the editing interface, displaying a corresponding combination identifier at a designated position corresponding to each logical component combination on the sorting line; wherein the combination identifier includes information about the logical component combination.

[0258] In an optional embodiment, the step of adjusting the displayed content in the editing interface according to the sliding operation includes: if the operation direction of the sliding operation is the horizontal direction of the sorting line, controlling the display of the logic component combination that is attached to the sorting line in the opposite direction of the operation direction in the editing interface; if the operation direction of the sliding operation is the vertical direction of the sorting line, controlling the logic component combination that is attached to the sorting line displayed in the editing interface to move toward the operation direction.

[0259] In an optional embodiment, the method further includes: responding to a sliding operation on the editing interface with the operation direction perpendicular to the sorting line, controlling the sorting line to leave the display area corresponding to the editing interface, hiding the sorting line in the editing interface, and controlling the display of a combination identifier at the corresponding position in the editing interface; wherein the corresponding position matches the position of the combination identifier displayed on the sorting line.

[0260] In an optional embodiment, the method further includes: in response to the target first type of logic component combination being displayed in the editing interface after being removed from the sorting line, controlling the display position of the target first type of logic component combination in the editing interface to display the combination identifier of the target first type of logic component combination; in response to the target second type of logic component combination being displayed in the editing interface after being removed from the sorting line, canceling the display of the combination identifier of the target second type of logic component combination.

[0261] In an optional embodiment, the editing interface displays an enable control and a display control corresponding to at least one logical component combination class, wherein the logical component combination class includes at least one logical component combination; the display control is used to display the logical component combinations contained in the corresponding logical component combination class; the method further includes: responding to a trigger operation on the enable control, triggering a sorting enable command corresponding to at least one logical component combination class, so as to snap the logical component combinations contained in at least one logical component combination class onto the sorting line displayed in the editing interface. Through this embodiment, after the user triggers the enable control displayed in the editing interface, all logical component combinations contained in all logical component combination classes in the editing interface will be snapped onto the sorting line displayed in the editing interface, thereby facilitating the user to edit and adjust all logical component combinations.

[0262] In an optional embodiment, the editing interface includes a display control corresponding to at least one logical component combination class, and the logical component combination class includes at least one logical component combination; the method further includes: responding to a trigger operation on the display control corresponding to a target logical component combination class in the at least one logical component combination class, controlling the display of a combination display panel corresponding to the target logical component combination class in the editing interface; wherein, the combination display panel includes: a combination identifier of the logical component combination contained in the target logical component combination class, and an activation control; responding to a trigger operation on the activation control, triggering a sorting activation command for the target logical component combination class, so as to attach the logical component combination contained in the target logical component combination class to the sorting line displayed in the editing interface.

[0263] In an optional embodiment, the method further includes: responding to a trigger operation on the open control, controlling the switch of the open control to a close control; responding to a trigger operation on the close control, canceling the display of the organizing line in the editing interface, and releasing the snapping of the logical component combination on the organizing line, restoring the display position of the logical component combination in the editing interface.

[0264] In the above embodiments, when the control is enabled, the logical component combinations displayed in the editing interface are immediately snapped to the sorting line, which can realize one-click sorting of all logical component combinations. Thus, by snapping the logical component combinations to the sorting line, the effect of automatic list sorting can be achieved. Furthermore, by removing the logical component combinations from the sorting line, the effect of freely placing logical components in the editing interface can be achieved.

[0265] In an optional embodiment, the method further includes: responding to the sorting start command, controlling the display of a list control at a specified position in the editing interface; wherein the list control includes: a component list and a view selection box located on the component list; the component list includes abbreviated identifiers of logical component combinations snapped to the sorting line; the view selection box is used to select a view area in the component list, and the logical component combination corresponding to the abbreviated identifier in the component list corresponding to the view area is the logical component combination currently displayed in the editing interface snapped to the sorting line.

[0266] In an optional embodiment, the method further includes: responding to a movement operation on the viewing selection box, adjusting the viewing area selected by the viewing selection box in the component list based on the movement operation, and updating the logical component combination currently displayed in the editing interface that is snapped to the sorting line to the logical component combination corresponding to the abbreviated identifier in the component list corresponding to the adjusted viewing area.

[0267] In an optional embodiment, the size of the component list is a fixed size, and the method further includes: if the thumbnail of all logical component combinations attached to the sorting line cannot be displayed under the fixed size, controlling the display of an adjustment control at a preset position in the list control; responding to a first trigger operation on the adjustment control, adjusting the thumbnail displayed in the component list according to the first trigger operation.

[0268] In an optional embodiment, the method further includes: when adjusting the thumbnail displayed in the component list according to the first trigger operation, controlling the relative position of the viewing selection box and the component list to remain unchanged, and controlling the thumbnail displayed in the viewing area selected by the viewing selection box in the component list to change according to the change of the thumbnail displayed in the component list.

[0269] In an optional embodiment, the adjustment control includes: a first adjustment control for adjusting the thumbnail identifiers in a first direction toward the component list, and a second adjustment control for adjusting the thumbnail identifiers in a second direction toward the component list; the step of adjusting the thumbnail identifiers displayed in the component list in response to a first trigger operation on the adjustment control includes: in response to a trigger operation on the first adjustment control, controlling the display of thumbnails not displayed in the first direction in the component list; and in response to a trigger operation on the second adjustment control, controlling the display of thumbnails not displayed in the second direction in the component list.

[0270] In an optional embodiment, the method further includes: in response to all component abbreviations not displayed in the first direction being displayed in the component list, controlling the first adjustment control to be undisplayed in the list control; and in response to all component abbreviations not displayed in the second direction being displayed in the component list, controlling the second adjustment control to be undisplayed in the list control.

[0271] Based on any of the above embodiments, by allowing users to view the component list and operation list control navigation, the operating efficiency in landscape mode on mobile devices is improved.

[0272] In an optional embodiment, the step of adjusting the adsorption position of the target logic component combination on the tidying line based on the first operation of the target logic component combination adsorbed on the tidying line includes: adjusting the storage order of the structural data corresponding to the target logic combination in the modeling layer based on the first operation of the target logic combination adsorbed on the tidying line; and triggering the view layer to update the adsorption position of the target logic component combination on the tidying line displayed in the editing interface based on the adjusted storage order of the structural data corresponding to the target logic combination in the modeling layer. Through this embodiment, the stored data of the modeling layer can be permanently saved, and modifications to the view layer data will update the modeling layer data, and vice versa, ensuring the consistency between the view layer and the modeling layer data.

[0273] If the above-described method is implemented as a software unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this disclosure, or the part that contributes to related technologies, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, a terminal device, or a network device, etc.) to execute all or part of the steps of the methods of the various embodiments of this disclosure. The aforementioned storage medium includes various media capable of storing program code, such as a USB flash drive, a portable hard drive, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk.

[0274] In the description of this disclosure, it should be noted that the terms "center," "upper," "lower," "left," "right," "vertical," "horizontal," "inner," and "outer," etc., indicate the orientation or positional relationship based on the orientation or positional relationship shown in the accompanying drawings, and are only for the convenience of describing this disclosure 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 disclosure. Furthermore, the terms "first," "second," and "third" are used for descriptive purposes only and should not be construed as indicating or implying relative importance.

[0275] Finally, it should be noted that the above embodiments are merely specific implementations of this disclosure, used to illustrate the technical solutions of this disclosure, and not to limit it. The protection scope of this disclosure is not limited thereto. Although this disclosure has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can still modify or easily conceive of changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features, within the scope of the technology disclosed in this disclosure. Such modifications, changes, or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this disclosure, and should all be covered within the protection scope of this disclosure. Therefore, the protection scope of this disclosure should be determined by the protection scope of the claims.

Claims

1. A component editing method, the method comprising: displaying, by a terminal device, an editing interface with a logical editing function, the editing interface comprising at least one logical component, the at least one logical component constituting a programming logic; in response to a tidying-on instruction, combining and adsorbing, according to a preset sorting rule, the logical components in the editing interface on a tidying line displayed in the editing interface; wherein the logical component combination comprises: a first type of logical component combination and a second type of logical component combination, the first type of logical component combination being a logical component combination comprising at least a first attribute logical component, the second type of logical component combination being a logical component combination not comprising the first attribute logical component, the logical component combination comprising at least one logical component; in response to a first operation on a target logical component combination adsorbed on the tidying line, adjusting the adsorption position of the target logical component combination on the tidying line based on the first operation, wherein the target logical component combination comprises at least one of the following: the first type of logical component combination, the second type of logical component combination, and a logical component sub-combination constituting the first type of logical component combination and the second type of logical component combination.

2. The method of claim 1, wherein, The method further comprises: in response to a second operation on the target logical component combination adsorbed on the tidying line, controlling the target logical component combination to detach from the tidying line based on the second operation; controlling the target logical component combination detached from the tidying line to be displayed at a preset position of the editing interface.

3. The method of claim 2, wherein, The preset position comprises at least one of the following: determining the preset position of the target logical component combination in the editing interface according to the operation stop position of the second operation; determining a preset position in the editing interface according to a preset rule, wherein the preset position is irrelevant to the operation stop position of the second operation.

4. The method of claim 2, wherein, The step of controlling the target logical component combination to detach from the tidying line based on the second operation in response to the second operation on the target logical component combination adsorbed on the tidying line comprises: in response to the second operation on the target logical component combination adsorbed on the tidying line, determining the distance between the operation position of the second operation and the tidying line; if the distance between the operation position of the second operation and the tidying line is greater than a preset distance threshold, controlling the target logical component combination to detach from the tidying line.

5. The method of claim 2, wherein, After the step of controlling the target logical component combination detached from the tidying line to be displayed at a preset position of the editing interface, the method further comprises: determining other logical component combinations adsorbed on the tidying line after the target logical component combination in terms of adsorption position; adjusting the adsorption position of the other logical component combinations on the tidying line.

6. The method of claim 2, wherein, The method further comprises: in response to the tidying-on instruction, controlling the component state of the logical component combination to be updated to a first state, the first state being configured to control the adsorption of the logical component combination in the first state to the tidying line; In response to the target logical component combination being separated from the arrangement line, the component state of the target logical component combination is updated from the first state to a second state, and the second state is configured to control the display of the logical component combination in the second state at a preset position of the editing interface.

7. The method of claim 6, wherein, The editing interface includes a control display window, and the control display window includes at least one logical component control; the method further includes: In response to a third operation on a first logical component control in the control display window, a first logical component corresponding to the first logical component control is created, and the component state of the first logical component is configured to the second state; The first logical component is displayed in the editing interface at the operation stop position of the third operation.

8. The method of claim 6, wherein, The editing interface includes a control display window, and the control display window includes at least one logical component control; the method further includes: In response to a third operation on a first logical component control in the control display window, a first logical component corresponding to the first logical component control is created, and the component state of the first logical component is configured to the second state; The first logical component is displayed in the editing interface at the operation stop position of the third operation.

9. The method of claim 7, wherein, The editing interface includes a control display window, and the control display window includes at least one logical component control; the method further includes: In response to a third operation on a first logical component control in the control display window, a first logical component corresponding to the first logical component control is created, and the component state of the first logical component is configured to the second state; 10. The method of claim 9, wherein, The first logical component is displayed in the editing interface at the operation stop position of the third operation. The method further includes: In response to dragging a second logical component combination in the second state in the editing interface to the arrangement line, the second logical component combination is adsorbed on the arrangement line, and the component state of the second logical component combination is updated from the second state to the first state. The step of adsorbing the second logical component combination on the arrangement line in response to dragging the second logical component combination in the second state in the editing interface to the arrangement line includes:

11. The method of claim 10, wherein, In response to dragging the second logical component combination in the second state in the editing interface to the arrangement line, a pre-adsorption area of the second logical component combination on the arrangement line is determined based on the dragging position and the size of the second logical component combination; The pre-adsorption area is displayed on the arrangement line in a first display mode; 12. The method of claim 6, wherein, In response to the end of the dragging, the second logical component combination is adsorbed in the pre-adsorption area on the arrangement line. The method further includes:

13. The method of claim 6, wherein, In response to displaying the pre-adsorption area on the arrangement line in the first display mode, the adsorption position of the logical component combination on the arrangement line is adjusted according to the pre-adsorption area. The method further includes: In response to the arrangement opening instruction, a list control is displayed in the editing interface; wherein the list control includes a thumbnail identifier of the logical component combination in the first state; the list control does not include a thumbnail identifier of the logical component combination in the second state. The method further includes: In the editing interface, the combination identifier corresponding to the logical component combination in the first state is displayed, and the combination identifier corresponding to the logical component combination in the second state is not displayed.

14. The method of claim 1, wherein, The editing interface comprises an interactive control; and the display level of the arrangement line is lower than that of the interactive control.

15. The method of claim 14, wherein, The method further comprises: In response to the logical component combination being adsorbed on the arrangement line, the display level of the logical component combination adsorbed on the arrangement line is adjusted to be lower than the display level of the arrangement line.

16. The method of claim 1, wherein, The adsorption positions of different logical component combinations on the arrangement line do not overlap.

17. The method of claim 1, wherein, The step of adsorbing the logical component combinations in the editing interface on the arrangement line displayed in the editing interface in response to the arrangement opening instruction according to the preset sorting rule comprises one of the following: The logical component combinations in the editing interface are adsorbed on the arrangement line displayed in the editing interface according to the creation order of the logical component combinations in the editing interface; The logical component combinations in the editing interface are adsorbed on the arrangement line displayed in the editing interface according to the program running logic corresponding to the logical component combinations in the editing interface; The logical component combinations in the editing interface are adsorbed on the arrangement line displayed in the editing interface according to the display order of the logical component combinations in the editing interface; The logical component combinations in the editing interface are adsorbed on the arrangement line displayed in the editing interface according to the combination type corresponding to the logical component combinations.

18. The method of claim 1, wherein, The arrangement line is a line with a preset direction located at a specified position in the editing interface.

19. The method of claim 1, wherein, The step of adjusting the adsorption position of the target logical component combination on the arrangement line based on the first operation in response to the first operation on the target logical component combination adsorbed on the arrangement line comprises: In response to the first operation on the target logical component combination adsorbed on the arrangement line, the operation position corresponding to the first operation is determined; The target adsorption position of the target logical component combination on the arrangement line is determined based on the operation position, and the target logical component combination is adsorbed on the target adsorption position.

20. The method of claim 19, wherein, The method further comprises: In response to the target logical component combination being adsorbed on the target adsorption position, the adsorption positions of the logical component combinations other than the target logical component combination among the logical component combinations adsorbed on the arrangement line are adjusted based on the target adsorption position.

21. The method of claim 1, wherein, The method further comprises: In response to the parameter setting operation on the target logical component combination adsorbed on the arrangement line, the component parameters of the logical components in the target logical component combination are adjusted according to the setting parameters of the parameter setting operation.

22. The method of claim 1, wherein, The method further comprises: If the first operation acts on a target first attribute logical component, a logical component combination containing the target first attribute logical component is determined as the target logical component combination; wherein the target logical component combination is the first type of logical component combination; If the first operation acts on a non-first attribute logical component, the logical component acted on by the first operation is determined as the target logical component combination; wherein the target logical component combination is the second type of logical component combination, or a logical component sub-combination constituting the first type of logical component combination and the second type of logical component combination.

23. The method of claim 1, wherein, The method further comprises: in response to a sliding operation on the editing interface, adjusting display content in the editing interface according to the sliding operation.

24. The method of claim 23, wherein, The method further comprises: in response to the logical component combination in the editing interface being combined and adsorbed on the arrangement line displayed in the editing interface, displaying a corresponding combination identifier at a corresponding designated position of each logical component combination on the arrangement line; wherein the combination identifier comprises information of the logical component combination.

25. The method of claim 24, wherein, The step of adjusting display content in the editing interface according to the sliding operation comprises: if the operation direction of the sliding operation is the horizontal direction of the arrangement line, controlling the display of the logical component combination adsorbed on the arrangement line in the reverse direction of the operation direction in the editing interface; if the operation direction of the sliding operation is the vertical direction of the arrangement line, controlling the display of the logical component combination adsorbed on the arrangement line in the editing interface to move towards the operation direction.

26. The method of claim 25, wherein, The method further comprises: in response to a sliding operation on the editing interface, adjusting display content in the editing interface according to the sliding operation.

27. The method of claim 25, wherein, The method further comprises: in response to the target first-type logical component combination being displayed in the editing interface away from the arrangement line, controlling the display of the combination identifier of the target first-type logical component combination at the display position of the target first-type logical component combination in the editing interface; in response to the target second-type logical component combination being displayed in the editing interface away from the arrangement line, canceling the display of the combination identifier of the target second-type logical component combination.

28. The method of claim 1, wherein, The editing interface displays an opening control and at least one logical component combination class corresponding display control, and the logical component combination class includes at least one logical component combination; The display control is used to display the logical component combination included in the corresponding logical component combination class; the method further comprises: in response to a triggering operation on the opening control, triggering the arrangement opening instruction corresponding to the at least one logical component combination class to adsorb the logical component combination included in the at least one logical component combination class on the arrangement line displayed in the editing interface.

29. The method of claim 1, wherein, The editing interface includes at least one logical component combination class corresponding display control, and the logical component combination class includes at least one logical component combination; the method further comprises: in response to a triggering operation on the display control corresponding to a target logical component combination class in the at least one logical component combination class, controlling the display of a combination display panel corresponding to the target logical component combination class in the editing interface; wherein the combination display panel includes: the combination identifier of the logical component combination included in the target logical component combination class, and an opening control. In response to a triggering operation on the opening control, a tidying opening instruction is triggered for the target logical component combination class, so as to adsorb the logical component combination included in the target logical component combination class on a tidying line displayed in the editing interface.

30. The method of claim 28 or 29, wherein, The method further comprises: In response to a triggering operation on the opening control, the opening control is switched to a closing control; In response to a triggering operation on the closing control, the tidying line is removed from the display in the editing interface, the adsorption of the logical component combination on the tidying line is released, and the display position of the logical component combination in the editing interface is restored.

31. The method of claim 1, wherein, The method further comprises: In response to the tidying opening instruction, a list control is displayed at a specified position in the editing interface; the list control comprises a component list and a viewing check box on the component list; the component list comprises thumbnail identifiers of the logical component combinations adsorbed on the tidying line; the viewing check box is used to frame a viewing area in the component list, and the thumbnail identifier in the component list corresponding to the viewing area corresponds to the logical component combination adsorbed on the tidying line currently displayed in the editing interface.

32. The method of claim 31, wherein, The method further comprises: In response to a moving operation on the viewing check box, the viewing area framed by the viewing check box in the component list is adjusted based on the moving operation, and the logical component combination adsorbed on the tidying line currently displayed in the editing interface is updated to the logical component combination corresponding to the thumbnail identifier in the component list corresponding to the adjusted viewing area.

33. The method of claim 31, wherein, The size of the component list is a fixed size, and the method further comprises: If the thumbnail identifiers of the logical component combinations adsorbed on the tidying line cannot be displayed in the fixed size, an adjusting control is displayed at a preset position in the list control; In response to a first triggering operation on the adjusting control, the thumbnail identifiers displayed in the component list are adjusted according to the first triggering operation.

34. The method of claim 33, wherein, The method further comprises: When the thumbnail identifiers displayed in the component list are adjusted according to the first triggering operation, the relative position of the viewing check box to the component list is kept unchanged, and the thumbnail identifiers displayed in the viewing area framed by the viewing check box in the component list are changed according to the change of the thumbnail identifiers displayed in the component list.

35. The method of claim 33, wherein, The adjusting control comprises a first adjusting control for adjusting the thumbnail identifiers in a first direction towards the component list, and a second adjusting control for adjusting the thumbnail identifiers in a second direction towards the component list; The step of adjusting the thumbnail identifiers displayed in the component list according to the first triggering operation on the adjusting control comprises: In response to a triggering operation on the first adjusting control, the thumbnail identifiers not displayed in the component list in the first direction are displayed in the component list; In response to a triggering operation on the second adjusting control, the thumbnail identifiers not displayed in the component list in the second direction are displayed in the component list.

36. The method of claim 35, wherein, The method further comprises: in response to all component thumbnail icons not displayed in the first direction being displayed in the component list, controlling to cancel display of the first adjustment control in the list control; in response to all component thumbnail icons not displayed in the second direction being displayed in the component list, controlling to cancel display of the second adjustment control in the list control.

37. The method of claim 1, wherein, The response to the first operation on the target logical component combination adsorbed on the arrangement line comprises the following steps: in response to the first operation on the target logical component combination adsorbed on the arrangement line, adjusting the storage order of the structure data corresponding to the target logical component combination in the modeling layer based on the first operation; based on the adjusted storage order of the structure data corresponding to the target logical component combination in the modeling layer, triggering the view layer to update the adsorbed position of the target logical component combination on the arrangement line displayed in the editing interface.

38. An apparatus for component editing, the apparatus comprising: an interface display module configured to display an editing interface with a logical editing function on a terminal device, the editing interface comprising at least one logical component, the at least one logical component constituting a programming logic; a component arrangement module configured to, in response to an arrangement opening instruction, adsorb a logical component combination in the editing interface on an arrangement line displayed in the editing interface according to a preset sorting rule; wherein the logical component combination comprises a first type of logical component combination and a second type of logical component combination, the first type of logical component combination being a logical component combination comprising at least a first attribute logical component, the second type of logical component combination being a logical component combination not comprising the first attribute logical component, and the logical component combination comprising at least one logical component; a component editing module configured to, in response to a first operation on a target logical component combination adsorbed on the arrangement line, adjust the adsorbed position of the target logical component combination on the arrangement line based on the first operation, wherein the target logical component combination comprises at least one of the first type of logical component combination, the second type of logical component combination, and a logical component sub-combination constituting the first type of logical component combination and the second type of logical component combination.

39. An electronic device comprising a processor and a memory, the memory storing machine executable instructions executable by the processor, the processor executing the machine executable instructions to implement the component editing method of any one of claims 1 to 37.

40. A computer readable storage medium storing computer executable instructions, the computer executable instructions, when invoked and executed by a processor, causing the processor to implement the component editing method of any one of claims 1 to 37.

Images