Component editing method and device and electronic equipment

Abstract

The invention provides a component editing method and device and electronic equipment, an editing interface with a logic editing function is displayed, the editing interface comprises at least one logic component, and the at least one logic component forms a programming logic; in response to the sorting starting instruction, adsorbing the logic component combination in the editing interface on a sorting line displayed in the editing interface according to a preset sorting rule; and in response to a first operation for the target logic component combination adsorbed on the sorting line, adjusting the adsorption position of the target logic component combination on the sorting line based on the first operation. According to the mode, when component sorting is started, all logic component combinations displayed in the editing interface can be adsorbed on the sorting line, so that the logic components displayed in the editing interface can be sorted by one key, and the effect of automatic list sorting is achieved; meanwhile, the user can adjust the adsorption position of the target logic component combination adsorbed on the sorting line according to the requirement so as to adjust the execution sequence and the execution logic between the logic component combinations.

Description

Technical Field

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

[0002] In an editor with a logic editing function, there are multiple freely combinable programming blocks, and users can simplify complex programming logic into a combination of editing blocks. When a user uses the editing blocks to perform logic editing in the editor, if a large number of programming blocks are used, it will cause the editing interface to be chaotic and affect the user's editing idea. Therefore, it is necessary to organize the editing blocks displayed in the multi-editing interface. In the related art, when the sorting mode is turned on, all programming blocks form an entire list and are placed on one side of the canvas of the editing interface. However, due to the performance limitation of the mobile terminal, the scaling ratio of the canvas is usually restricted from becoming too small to avoid loading too many programming blocks on the same screen and causing lag. However, in the sorting mode, the vertical reading and operation of the list need to be performed in the landscape state. Therefore, under the two-fold limitation, the user has to operate a list that extends vertically in a limited vertical space, resulting in very low operation efficiency on the landscape mobile terminal, and the user cannot adjust the editing blocks in the sorted list. Summary of the Invention

[0003] The purpose of the present disclosure is to provide a component editing method, apparatus, and electronic device to improve the sorting efficiency of logical components and enable the user to freely arrange the sorted logical components.

[0004] In a first aspect, the present disclosure provides a component editing method, which includes: displaying, by a terminal device, an editing interface with a logic editing function, where the editing interface includes at least one logical component, and the at least one logical component constitutes a programming logic; in response to a sorting start instruction, combining and adsorbing the logical components in the editing interface on a sorting line displayed in the editing interface according to a preset sorting rule; where 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 including at least a first attribute logical component, the second type of logical component combination is a logical component combination not including the first attribute logical component, and the logical component combination includes at least one logical component; in response to a first operation on a target logical component combination adsorbed on the sorting line, adjusting the adsorption position of the target logical component combination on the sorting line based on the first operation, where the target logical component combination includes 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.

[0005] Second aspect, the present disclosure provides a component editing device, which includes: an interface display module for displaying an editing interface with logic editing functions through a terminal device, the editing interface including at least one logic component, and at least one logic component constituting a programming logic; a component arrangement module for, in response to an arrangement start instruction, combining and attracting the logic components in the editing interface onto an arrangement line displayed in the editing interface according to a preset sorting rule; wherein, 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 being a logic component combination including at least a first attribute logic component, the second type of logic component combination being a logic component combination not including the first attribute logic component, and the logic component combination including at least one logic component; a component editing module for, in response to a first operation on a target logic component combination adsorbed on the arrangement line, adjusting the adsorption position of the target logic component combination on the arrangement line based on the first operation, wherein the target logic component combination includes at least one of the following: the first type of logic component combination, the 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] Third aspect, the present disclosure provides an electronic device, which includes a processor and a memory, the memory storing machine-executable instructions that can be executed by the processor, and the processor executing the machine-executable instructions to implement the above-mentioned component editing method.

[0007] Fourth aspect, the present disclosure provides a computer-readable storage medium, which stores computer-executable instructions, and when the computer-executable instructions are called and executed by a processor, the computer-executable instructions cause the processor to implement the above-mentioned component editing method.

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

[0009] A component editing method, device, and electronic device provided by the present disclosure first display an editing interface with a logic editing function through a terminal device. The editing interface includes at least one logic component, and at least one logic component constitutes a programming logic. Then, in response to a sorting start instruction, according to a preset sorting rule, the logic component combinations in the editing interface are adsorbed on a sorting line displayed in the editing interface. The logic component combinations include: a first type of logic component combination and a second type of logic component combination. The first type of logic component combination is a logic component combination that includes at least a first attribute logic component, and the second type of logic component combination is a logic component combination that does not include a first attribute logic component. The logic component combination includes at least one logic component. Then, in response to a first operation on a target logic component combination adsorbed on the sorting line, the adsorption 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 that constitutes the first type of logic component combination and the second type of logic component combination. In this way, when component sorting is started, all the logic component combinations displayed in the editing interface can be adsorbed on the sorting line, so that the logic components displayed in the editing interface can be sorted with one key, achieving the effect of automatic list sorting. At the same time, the user can adjust the adsorption position of the target logic component combination adsorbed on the sorting line according to the needs to adjust the execution order and execution logic between the logic component combinations, which helps to improve the logic editing efficiency.

[0010] Other features and advantages of the present disclosure will be described in the subsequent specification, or some features and advantages can be inferred from the specification without doubt, or can be obtained by implementing the above - mentioned technologies of the present disclosure.

[0011] To make the above - mentioned objects, features, and advantages of the present disclosure more obvious and understandable, the following specific preferred embodiments are given, and detailed descriptions are made in conjunction with the accompanying drawings as follows. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] To more clearly illustrate the specific embodiments of the present disclosure or the technical solutions in the prior art, the following will briefly introduce the drawings required for use in the description of the specific embodiments or the prior art. Obviously, the following - described drawings are some embodiments of the present disclosure. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative efforts.

[0013] Figure 1 It is a flowchart of a component editing method provided by an embodiment of the present disclosure;

[0014] Figure 2 It is a schematic diagram of adsorbing a logic component combination on a sorting line provided by an embodiment of the present disclosure;

[0015] Figure 3 Schematic diagram of a target logic component combination detaching from the sorting line provided by an embodiment of the present disclosure;

[0016] Figure 4 Schematic diagram of a control display window provided by an embodiment of the present disclosure;

[0017] Figure 5 Schematic diagram of the display of a pre-adsorption area provided by an embodiment of the present disclosure;

[0018] Figure 6 Schematic diagram of adjusting the adsorption position of a logic component adsorbed on the sorting line provided by an embodiment of the present disclosure;

[0019] Figure 7 Schematic diagram of displaying a combination identifier on the sorting line provided by an embodiment of the present disclosure;

[0020] Figure 8 Schematic diagram of the hidden display of the sorting line provided by an embodiment of the present disclosure;

[0021] Figure 9 Schematic diagram of the display of a combination display panel corresponding to a target logic component combination class provided by an embodiment of the present disclosure.

[0022] Figure 10 Schematic diagram of the display of a list control provided by an embodiment of the present disclosure;

[0023] Figure 11 Schematic diagram of the display of an adjustment control provided by an embodiment of the present disclosure;

[0024] Figure 12 Schematic diagram of the structure of a component editing device provided by an embodiment of the present disclosure;

[0025] Figure 13 Schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Detailed implementation manners

[0026] To make the objectives, technical solutions, and advantages of the embodiments of the present disclosure clearer, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present disclosure. Apparently, the described embodiments are some, but not all, of the embodiments of the present disclosure. The components of the embodiments of the present disclosure usually described and illustrated in the accompanying drawings here can be arranged and designed in various different configurations.

[0027] Accordingly, the following detailed description of the embodiments of the present disclosure provided in the accompanying drawings is not intended to limit the scope of the claimed present disclosure, but merely represents selected embodiments of the present disclosure. All other embodiments obtained by those of ordinary skill in the art based on the embodiments in the present disclosure without creative efforts fall within the scope of protection of the present disclosure.

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

[0029] In an alternative embodiment, various cloud applications can run under the cloud interaction system, such as cloud games. Taking cloud games as an example, cloud games refer to a game mode based on cloud computing. In the operation mode of cloud games, the running entity of the game program and the presenting entity of the game screen are separated. The storage and running of the component editing method are completed on the cloud game server, and the role of the client device is to receive, send, and present the game screen. For example, the client device can be a display device with data transmission function near the user side, such as a mobile terminal, a television, a computer, a personal digital assistant, etc.; however, the information processing is performed by the cloud game server in the cloud. When playing a game, the user operates the client device to send an operation instruction to the cloud game server. The cloud game server runs the game according to the operation instruction, encodes and compresses data such as the game screen, returns it to the client device through the network, and finally, the client device decodes and outputs the game screen.

[0030] In an alternative embodiment, taking a game as an example, the local terminal device stores a game program and is used to present the game screen. The local terminal device is used to interact with the user through a graphical user interface, that is, conventionally, the game program is downloaded and installed on an electronic device and run. The way the local terminal device provides the graphical user interface to the user can include various methods. For example, it can be rendered and displayed on the display screen of the terminal, or provided to the user through holographic projection. For example, the local terminal device can include a display screen and a processor. The display screen is used to present the graphical user interface, and the graphical user interface includes the game screen. The processor is used to run the game, generate the graphical user interface, and control the display of the graphical user interface on the display screen.

[0031] In a possible embodiment, the embodiments of the present disclosure provide a component editing method, as Figure 1 shown, the method includes the following specific steps:

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

[0033] Provide a graphical user interface through the terminal device. An editing interface is displayed in the graphical user interface. The user can create logical components in the editing interface and can also edit component parameters of the logical components in the editing interface. The editing interface may include one or more logical components. Among them, the terminal device may be the aforementioned local terminal device or the client device in the aforementioned cloud interaction system. For example, the terminal device may be a mobile phone, a tablet computer, or a personal computer, etc.

[0034] Each logical component is configured with a preset code block, and different logical components are configured with different preset code blocks. The user can, according to their own needs, edit the scene data based on the logical components during the game logic editing stage, so as to generate the programming logic corresponding to the scene data according to the preset code block configured by the logical component. The programming logic may refer to various rules and mechanisms in the game, including gameplay rules, level design, character actions, and game progress, etc. For example, the programming logic may be to set a stone component at a specified position in the game scene, and the controlled virtual object can pick up the stone component when it moves to the specified position; the programming logic may also be that the game ends after 2 minutes of play.

[0035] In an alternative embodiment, the component types of the logical components may include multiple types. For example, the logical components may be event components, action components, control components, condition components, value components, variable components, and list components. Among them, the event component is used to configure what event has occurred; the action component is used to configure the actions that occur in the game; the condition component is used to configure the conditions for a certain event or a certain action to occur; the control component includes loop controls such as repeated execution, conditional controls such as if, else, and time controls such as waiting time; the value component is used to configure the component parameters corresponding to a certain logical component, the variable component is used to set global variables and local variables; the list component is used to configure list parameters. Specifically, the editing of the programming logic is like building blocks, splicing the logical components together to achieve the logical functions required by the user.

[0036] Step S104: In response to the sorting start instruction, adsorb the logical component combinations in the editing interface to the sorting line displayed in the editing interface according to the preset sorting rule; among them, the logical component combinations include: the first type of logical component combination and the 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 the first-attribute logical component. The logical component combination includes at least one logical component.

[0037] In specific implementation, the triggering method of the above-mentioned sorting start instruction can be determined according to R & D requirements. For example, the triggering method of this sorting start instruction can be a triggering operation on the start control displayed in the editing interface, or a triggering operation on a specified button on the keyboard or gamepad, etc. When the user triggers the sorting start instruction, a sorting line will be displayed in the editing interface, and all the logic component combinations displayed in the editing interface will be adsorbed on the sorting line according to the preset sorting rules. Among them, the specific rules corresponding to the preset sorting rules can be determined according to R & D requirements. For example, the adsorption position of the logic component combination on the sorting line can be determined according to the creation order of the logic component combination in the editing interface; the adsorption position of the logic component combination on the sorting line can also be determined according to the programming logic corresponding to the logic component combination; the adsorption position of the logic component combination on the sorting line can also be determined according to the execution order or combination type corresponding to the logic component combination, etc.

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

[0039] The above-mentioned first type of logic component combination is used to implement a series of performances after a certain trigger condition is triggered. This first type of logic component combination is usually a logic component combination with a single first attribute logic component as the head component, and different numbers of action components, control components and other logic components are connected behind this first attribute logic component. The above-mentioned second type of logic component combination can be called scattered logic components. This second type of logic component combination does not contain a first attribute logic component and cannot implement specific trigger logic.

[0040] In an alternative embodiment, the above-mentioned sorting line is displayed in a specified area in the editing interface. The specific area corresponding to this specified area can be determined according to R & D requirements. For example, this specified area can be the rightmost position in the editing interface, or the leftmost area, etc. The display style of the above-mentioned sorting line can also be determined according to R & D requirements. For example, this sorting line can be a straight line, a dotted line or a curve, etc.

[0041] In a specific embodiment, the above-mentioned organizing line is a line with a preset orientation located at a specified position in the editing interface. The specific direction corresponding to the preset orientation can be determined according to R & D requirements. For example, the preset orientation can be a vertical direction from the top to the bottom in the editing interface, or a horizontal direction from the left to the right in the editing interface, etc.

[0042] As Figure 2 shown in the figure is a schematic diagram of a method provided by an embodiment of the present disclosure for adsorbing a logic component combination on an organizing line. Figure 2 In the left image, two logic component combinations included in the editing interface are shown. Among them, the logic component combination with three logic components on the left is the first type of logic component combination, and the logic component combination with one logic component is the second type of logic component combination. Figure 2 The right image in the figure is a schematic diagram of adsorbing the logic component combinations displayed in the editing interface on the organizing line after an organizing start instruction is executed on the left image. Among them, the line labeled 1 is the organizing line.

[0043] In specific implementation, to facilitate users to view and edit the logic component combinations, the adsorption positions of different logic component combinations on the organizing line do not overlap.

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

[0045] In specific implementation, the above - mentioned target logic component combination can be any logic component combination adsorbed on the organizing line, and which specific logic component combination the target logic component combination is can be determined according to user operations. Among them, the target logic component combination can be the first type of logic component combination or the second type of logic component combination; the target logic component combination can also be a logic component sub - combination in the first type of logic component combination, and this logic component sub - combination includes one or more logic components in the first type of logic component combination; the target logic component combination can also be a logic component sub - combination in the second type of logic component combination, and this logic component sub - combination includes one or more logic components in the second type of logic component combination.

[0046] The above-mentioned first operation can be determined according to R&D requirements and user operations. For example, the first operation can be an operation of dragging the target logic component combination adsorbed on the sorting line to the target position on the sorting line, wherein the target position is the adsorption position of the target logic component combination after adjustment on the sorting line; the first operation can also be an operation of selecting or clicking the target logic component combination on the sorting line, and then clicking the target position on the sorting line. Specifically, when the user performs the first operation on the target logic component combination adsorbed on the sorting line, it is first necessary to determine the adsorption position of the target logic component combination on the sorting line based on the first operation, and then adjust the target logic component combination to the adsorption position. This method can arbitrarily adjust the adsorption position of the target logic component combination adsorbed on the sorting line according to user needs, so as to adjust the execution order and execution logic between the logic component combinations adsorbed on the sorting line, which helps users improve the efficiency of game logic editing.

[0047] A component editing method provided by an embodiment of the present disclosure can adsorb all logic component combinations displayed in the editing interface onto a sorting line when component sorting is turned on, so that the logic components displayed in the editing interface can be sorted with one click, thereby achieving an automatic list sorting effect; at the same time, the user can adjust the adsorption position of the target logic component combination adsorbed onto the sorting line according to needs, so as to adjust the execution order and execution logic between the logic component combinations, which helps to improve the efficiency of logic editing.

[0048] The following examples are used to describe the manner in which components are removed from a finishing line.

[0049] Specifically, after the logical component combination in the editing interface is adsorbed on the sorting line displayed in the editing interface according to the preset sorting rules, in response to a second operation on the target logical component combination adsorbed on the sorting line, the target logical component combination is controlled to be separated from the sorting line based on the second operation; the target logical component combination that is separated from the sorting line is controlled to be displayed at a preset position in the editing interface.

[0050] In specific implementation, the specific operation corresponding to the above-mentioned second operation can be determined according to R&D requirements and user operations. For example, the second operation can be an operation of dragging the target logic component combination in a direction away from the sorting line. The second operation can also be an operation of selecting or clicking the target logic component combination on the sorting line, and then clicking a position in the editing interface away from the sorting line. This position is also the above-mentioned preset position. When the user performs the second operation on the target logic component combination adsorbed on the sorting line, the target logic component combination will be separated from the sorting line, and the target logic component combination separated from the sorting line will be displayed at the preset position of the editing interface. Among them, the preset position can be determined according to R&D requirements or user operations. For example, the preset position can be a position determined based on the second operation, or it can be a fixed position in the editing interface, etc.

[0051] In a specific 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 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 research and development requirements, for example, the preset rule can be to randomly determine a position from the editing interface as the preset position, and the preset rule can also be to determine a fixed position in the editing interface as the preset position, etc.

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

[0053] In specific implementation, the preset distance threshold can be determined according to research and development requirements. 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 be continuously determined 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 is separated from the sorting line; if it is not greater, it is determined that the target logic component combination has not separated from the sorting line and is still adsorbed on the sorting line.

[0054] Furthermore, when controlling the target logical component combination that is separated from the sorting line to be displayed at a preset position in the editing interface, it is also necessary to determine other logical component combinations whose adsorption positions are after the target logical component combination in the logical component combinations adsorbed on the sorting line; and adjust the adsorption positions of other logical component combinations on the sorting line.

[0055] In the specific implementation, when the target logic component that is separated 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 will automatically fill the empty space forward, so that the logic component combinations on the sorting line are all tightly arranged.

[0056] like Figure 3 Shown is a schematic diagram of a target logic component combination detaching from a sorting line provided by an embodiment of the present disclosure. Figure 3The logical component combination corresponding to the finger position in the left image in [[]] is the target logical component combination. When the user drags the target logical component combination adsorbed on the sorting line in a direction away from the sorting line, the target logical component combination will be detached from the sorting line, and the target logical component combination will be displayed at the drag stop position. And the logical component combination located below the target logical component combination when the target logical component combination is adsorbed on the sorting line will automatically move forward to fill the vacancy, as also Figure 3 shown in the right image in [[]].

[0057] In an alternative embodiment, in response to a sorting start instruction, control is configured to update the component state of the logical component combination to a first state, and the first state is configured to control the adsorption of the logical component combination in the first state to the sorting line; in response to the target logical component combination being detached from the sorting line, control is configured to update the component state of the target logical component combination 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 on the editing interface.

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

[0059] In an alternative embodiment, the above-mentioned editing interface includes a control display window, and the control display window includes at least one logical component control, and the logical component control is used to create a logical component 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 be the second state; control is configured to display the first logical component at the operation stop position of the third operation in the editing interface.

[0060] In a specific implementation, the above-mentioned first logical component control can be any one of the logical component controls included in the control display window. The specific operation corresponding to the above-mentioned third operation can be determined according to R & D requirements. For example, the third operation can be an operation of dragging the first logical component control to a certain position on the editing interface, or an operation of clicking the first logical component control and then clicking a certain position on the editing interface, etc. 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 created, and the component state of the first logical component is configured to be the second state, and the first logical component is displayed at the operation stop position of the third operation in the editing interface, and the operation stop position is usually a position away from the sorting line, that is, the first logical component in this method will not be adsorbed on the sorting line.

[0061] As Figure 4The figure shows a schematic diagram of a control display window provided by an embodiment of the present disclosure. Figure 4 The area on the right side of the editing interface in Figure 4 where event component controls, action component controls, control component controls, condition component controls, variable component controls, list component controls, and other logical component controls are displayed 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 the logical editing errors of the logical components in the editing interface. For example, triggering the star control can also display an exception display panel in the editing interface and display logical errors in the exception display panel. In practical applications, Figure 4 Each logical component control displayed in Figure 4 can include multiple categories of logical component controls. For example, the event component control includes event component controls corresponding to categories such as general, component, logic body, creature, character, user, camp, trigger area, and interface; the action component control includes action component controls corresponding to categories such as general, game, information, component, logic body, creature, character, and user. Under the same category of logical components, there will also be corresponding different logical components. For example, the component class event component control includes event component controls such as "specified component creation", "specified component destruction", "specified component being lifted", and "specified component collision". The user can drag any logical component control in the control display window to the editing interface to create a logical component corresponding to the logical component control.

[0062] In another alternative embodiment, the above-mentioned editing interface includes a control display window, and the control display window 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 as the first state; control is performed to adsorb the first logical component on the sorting line. In this method, when the user performs a third operation on the first logical component control in the control display window, first, a first logical component corresponding to the first logical component control is created, and then the component state of the first logical component is configured as the first state, so that the first logical component is automatically adsorbed on the sorting line. The adsorption position of the first logical component on the sorting line can be the operation stop position of the third operation or a specified position on the sorting line. The specified position can be determined according to R & D requirements. For example, the specified position can be the position behind the last logical component combination on the sorting line, or the position before the first logical component combination on the sorting line.

[0063] In an alternative embodiment, in response to dragging a second logical component combination in the second state in the editing interface to the sorting line, control is performed to adsorb the second logical component combination on the sorting line, and the component state of the second logical component combination is updated from the second state to the first state. Here, the second logical component combination can be any logical component combination in the second state in the editing interface. If the user drags the second logical component combination in the second state in the editing interface to the sorting line, the second logical component combination will automatically adsorb on the sorting line, and the adsorption position of the second logical component combination on the sorting line is determined based on the drag stop position.

[0064] Further, the specific process of controlling the adsorption of the second logical component combination on the sorting line in response to dragging the second logical component combination in the second state in the editing interface to the sorting line may include: in response to dragging the 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 manner; and in response to the end of the drag, adsorbing the second logical component combination on the pre-adsorption area on the sorting line, where the pre-adsorption area is also the adsorption area determined on the sorting line based on the drag end position.

[0065] In specific implementation, the area size of the pre-adsorption area of the second logical component combination on the sorting line matches the size of the second logical component combination, and the display position of the pre-adsorption area changes following the drag position of the second logical component combination. The specific display manner corresponding to the first display manner can be determined according to R & D requirements. For example, the first display manner can specify a color or a shape to display the pre-adsorption area, or can display the pre-adsorption area through a virtual image, etc.

[0066] Further, in response to displaying the pre-adsorption area on the sorting line in the first display manner, adjust the adsorption position on the sorting line of the logical component combination whose adsorption position is after the pre-adsorption area among the logical component combinations adsorbed on the sorting line according to the pre-adsorption area.

[0067] In specific implementation, when the pre-adsorption area is displayed on the sorting line in the first display manner, the logical component combinations on the sorting line that are after the pre-adsorption area will also be automatically moved backward to vacate the pre-adsorption area on the sorting line, so that the second logical component combination can directly adsorb on the pre-adsorption area on the sorting line, and it is also convenient for the user to observe whether the current pre-adsorption area is the adsorption position where the user wants to place the second logical component combination.

[0068] As Figure 5 shown is a schematic diagram of the display of a pre-adsorption area provided by an embodiment of the present disclosure. Figure 5The logical component combination containing two logical components in the left image in is the second logical component combination in the second state. When the user drags the second logical component combination to the sorting line, a pre-adsorption area will be displayed on the sorting line according to the dragging position, and this pre-adsorption area is also Figure 5 the gray rectangular box in the right image in . That is, when the second logical component combination approaches the sorting line, the logical component combination below will move downwards to make room for the pre-adsorption area of the second logical component combination, and a flashing virtual shadow effect will be displayed in this pre-adsorption area. When the user releases the hand, the second logical component combination will be adsorbed on the pre-adsorption area. Among them, the height of the pre-adsorption area matches the height of the second logical component combination, and the width of the pre-adsorption area is a fixed size.

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

[0070] In a specific implementation, the display position of the above-mentioned list control in the editing interface can be determined according to R & D requirements. For example, the list control can be displayed in the lower left corner or the lower right corner of the editing interface, and the display position of the list control in the editing interface does not cover the sorting line, and the list control is usually displayed in the blank area of the editing interface. Among them, the list control includes thumbnail identifiers of logical component combinations in the first state and does not include thumbnail identifiers of logical component combinations in the second state, and the display order of the thumbnail identifiers of logical component combinations in the first state in the list control matches the display order of the logical component combinations in the first state adsorbed on the sorting line. The user can view the logical component combinations adsorbed on the sorting line through the list control, and the user can adjust the logical component combinations currently displayed adsorbed on the sorting line in the editing interface through the list control.

[0071] In another alternative embodiment, the list control includes thumbnail identifiers of logical component combinations in the first state and thumbnail identifiers of logical component combinations in the second state. Among them, the display order of the thumbnail identifiers of logical component combinations in the first state in the list control matches the display order of the logical component combinations in the first state adsorbed on the sorting line. There are two display methods for the thumbnail identifiers of logical component combinations in the second state: Method 1, at a position spaced a certain distance below the thumbnail identifiers of logical component combinations in the first state, display the thumbnail identifiers of logical component combinations in the second state in a preset order; Method 2, obtain the display position of the logical component combination in the second state in the editing interface, and then display the thumbnail identifier of the logical component combination in the second state at the corresponding position in the list control.

[0072] In an alternative embodiment, a combination identifier corresponding to a logical component combination in the first state is displayed in the editing interface, and the combination identifier corresponding to the logical component combination in the second state is not displayed. The combination identifier here can be determined according to R & D requirements. For example, the combination identifier can include one of the following: the combination name of the logical component combination, the component name of the head component of the logical component combination, or the component name of a certain logical component in the logical component combination, etc.

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

[0074] Specifically, the editing interface includes interaction controls; the display hierarchy of the sorting line is lower than that of the interaction controls. Among them, the interaction controls are usually the controls that can be triggered by the user in the editing interface. For example, the interaction control can be an enabling control for triggering a sorting start instruction, a logical component control in the control display window, a cancel control, a detection control, etc.

[0075] In the editing interface, the display hierarchy of the sorting line is lower than that of the interaction controls. Among them, the interaction controls can include logical components that are not adsorbed on the sorting line; based on this, in response to a logical component combination in the editing interface being adsorbed on the sorting line, control is performed to adjust the display hierarchy of the logical component combination adsorbed on the sorting line to be lower than that of the sorting line.

[0076] In specific implementation, when a logical component combination is adsorbed on the sorting line, the display hierarchy of the logical component combination will be changed, that is, the display hierarchy of the logical component combination is adjusted to be lower than that of the sorting line. By adjusting the display hierarchy, important information or functions can be prominently displayed, while secondary information is placed in the background, so that users can more easily find the content they need, enhancing the visual hierarchy and dynamics of the interface.

[0077] The following embodiments are used to describe the method of sorting the editing component combinations in the editing interface.

[0078] Specifically, the specific process of adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface in response to the sorting start instruction according to the preset sorting rule can be implemented in any of the following ways:

[0079] Method 1: Adsorb the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the creation order of the logical component combinations in the editing interface.

[0080] In specific implementation, the creation order of different combinations of logical components is different. Thus, according to the creation order of the combinations of logical components, the adsorption order of the combinations of logical components on the sorting line can be determined. For example, the logical components can be adsorbed on the sorting line in the order from the earliest to the latest creation order, or the logical components can be adsorbed on the sorting line in the order from the latest to the earliest creation order.

[0081] Method 2: Adsorb the combinations of logical components in the editing interface on the sorting line displayed in the editing interface according to the program running logic corresponding to the combinations of logical components in the editing interface.

[0082] In specific implementation, the program running logics corresponding to different combinations of logical components may be the same or different. For combinations of logical components with the same program running logic, it can be randomly determined which combination of logical components is adsorbed in front and which is adsorbed behind. For example, the combination of logical components with a simple program running logic can be adsorbed in front, or the combination of logical components with a specified program running logic can be adsorbed in front, and the specified program running logic can be determined according to R & D requirements or user operations.

[0083] Method 3: Adsorb the combinations of logical components in the editing interface on the sorting line displayed in the editing interface according to the display order of the combinations of logical components in the editing interface.

[0084] In specific implementation, the display order of the combinations of logical components in the editing interface matches the display order corresponding to the adsorption positions of the combinations of logical components on the sorting line in the editing interface.

[0085] Method 4: Adsorb the combinations of logical components in the editing interface on the sorting line displayed in the editing interface according to the combination types corresponding to the combinations of logical components.

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

[0087] The following embodiments are used to describe the method of adjusting the logical components adsorbed on the sorting line.

[0088] Specifically, the specific process of adjusting the adsorption position of the target combination of logical components on the sorting line based on the first operation in response to the first operation for the target combination of logical components adsorbed on the sorting line may include: in response to the first operation for the target combination of logical components adsorbed on the sorting line, determining the operation position corresponding to the first operation; determining the target adsorption position of the target combination of logical components on the sorting line based on the operation position, and adsorbing the target combination of logical components at the target adsorption position.

[0089] In specific implementation, the above-mentioned target adsorption position changes following the operation position corresponding to the first operation, and the target adsorption position of the target logic component combination on the sorting line may be the operation stop position of the first operation.

[0090] Further, in response to adsorbing the target logic component combination at the target adsorption position, based on the target adsorption position, adjust the adsorption positions of the logic component combinations other than the target logic component combination in the logic component combination adsorbed on the sorting line.

[0091] In specific implementation, when adsorbing the target logic component combination at the target adsorption position, the logic component combinations that are located after the target logic component combination on the sorting line before adsorption will automatically fill the empty positions forward, and the logic component combinations that are located after the target logic component combination on the sorting line after adsorption will automatically move backward, so that the logic component combinations on the sorting line are all closely arranged.

[0092] Such as Figure 6 shown is a schematic diagram of adjusting the adsorption positions of the logic components adsorbed on the sorting line provided by an embodiment of the present disclosure. Figure 6 In the figure, the first logic component combination currently displayed on the sorting line in the editing interface is dragged downward. When the dragging stops, the first logic component combination is adsorbed at the adsorption position on the sorting line determined based on the dragging stop position, and then the logic component combinations that are located after the first logic component combination on the sorting line before adsorption will automatically fill the empty positions forward, and the logic component combinations that are located after the first logic component combination on the sorting line after adsorption will automatically move backward, so that the logic component combinations on the sorting line are all closely arranged.

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

[0094] In specific implementation, the logic components in each logic component combination adsorbed on the sorting line may include one or more component parameters, where different component parameters correspond to different programming logics for setting the logic components. Specifically, one or more parameter setting controls corresponding to the component parameters may be included on the logic component. When a user triggers a certain parameter setting control, the component parameter corresponding to the parameter setting control can be adjusted, and the specific parameters corresponding to the component parameter can be determined according to the R & D requirements.

[0095] In an alternative embodiment, if the first operation acts on a target first-attribute logic component, the logic component combination including the target first-attribute logic component is determined as the target logic component combination; wherein, the target logic component combination is a first-type logic component combination; if the first operation acts on a non-first-attribute logic component, the logic component on which the first operation acts is determined as the target logic component combination; wherein, the target logic component combination is a second-type logic component combination, or a sub-combination of logic components that constitutes the first-type logic component combination and the second-type logic component combination.

[0096] In specific implementation, the above-mentioned target first-attribute logic component can be any first-attribute logic component in the editing interface after the sorting line is displayed in the editing interface. In a specific embodiment, when the first operation is a drag operation, assuming that the target first-attribute logic component is a target event component, the target event component is usually the head component of a first-type logic component combination. When the user drags the target event component, the logic component combination including the target event component is determined as the target logic component combination. If what the user drags is not an event component, then the logic component currently dragged by the user is determined as the target logic component combination.

[0097] The following embodiments are used to describe the manner of adjusting the display content in the editing interface.

[0098] Specifically, in response to a swipe operation acting on the editing interface, the display content in the editing interface is adjusted according to the swipe operation. The swipe direction corresponding to the above-mentioned swipe operation can be determined according to the user operation, and the display content in the editing interface changes following the swipe operation.

[0099] In an alternative embodiment, in response to adsorbing a logic component combination in the editing interface on the sorting line displayed in the editing interface, corresponding combination identifiers are respectively displayed at specified positions corresponding to each logic component combination on the sorting line; wherein, the combination identifier includes information of the logic component combination.

[0100] In specific implementation, the information of the logic component combination includes the combination name of the logic component combination or the component name of a certain logic component in the logic component combination, etc. When the logic component combination in the editing interface is adsorbed on the sorting line, corresponding combination identifiers are respectively displayed at specified positions corresponding to each logic component combination on the sorting line. Among them, the specified position corresponding to the logic component combination can be determined according to the R & D requirements. For example, the specified position corresponding to the logic component combination can be above, to the left or to the right of the adsorption position of the logic component combination on the sorting line, etc.

[0101] As Figure 7 shown is a schematic diagram of displaying combination identifiers on the sorting line provided by an embodiment of the present disclosure. Figure 7There are 3 logical component combinations displayed on the sorting line in the figure, and each logical component combination has its corresponding combination identifier displayed above its adsorption position. In a specific embodiment, the combination identifier of the first type of logical component combination is the combination name, and the combination identifier of the second type of logical component combination is the component name of a logical component in 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 logical component combination adsorbed on the sorting line in the opposite direction of the operation direction displayed in the editing interface; if the operation direction of the sliding operation is the vertical direction of the sorting line, controlling the logical component combination adsorbed on the sorting line displayed in the editing interface to move toward the operation direction.

[0103] In a specific implementation, the horizontal direction of the above-mentioned sorting line is a direction parallel to the sorting line, or a direction whose minimum angle with the sorting line is less than a preset angle threshold. The vertical direction of the above-mentioned sorting line is a direction perpendicular to the sorting line, or a direction whose angle with the sorting line is greater than or equal to a preset angle threshold. The preset angle threshold can be determined according to research and development requirements.

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

[0105] In the specific implementation, when the user performs a sliding operation on the editing interface in the direction perpendicular to the sorting line, the logical component combination adsorbed on the sorting line displayed in the editing interface moves in the operation direction, and the sorting line also moves in the operation direction. When the sorting line moves out of the display area corresponding to the editing interface, the sorting line is hidden in the editing interface, but the combination logo displayed at the corresponding position on the sorting line will still be displayed in the display area corresponding to the editing interface.

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

[0107] In a specific embodiment, in the sorting mode, a sorting line is displayed at a position a certain distance from the edge on the left side of the editing interface. The sorting line runs through the entire editing interface, moves horizontally with the canvas (the canvas is equivalent to the display area of the editing interface), but does not change in thickness with the scaling of the canvas; above each logical component combination adsorbed on the sorting line, a combination identifier is displayed. The combination identifier maintains a fixed distance from the sorting line, moves vertically with the canvas, does not move horizontally with the canvas, and does not change in size with the scaling of the canvas. It should be noted that the vertical direction of the canvas here is equivalent to the horizontal direction of the sorting line, and the horizontal direction of the canvas is equivalent to the vertical direction of the sorting line.

[0108] As Figure 8 shown is a schematic diagram of the hidden and displayed sorting line provided by an embodiment of the present disclosure. Figure 8 The right image in Figure 8 is a display schematic diagram after the user moves the canvas of the left image in Figure 8 to the left. In the right image, the sorting line is out of the display field of view, but the combination identifiers of the logical component combinations adsorbed on the sorting line still exist.

[0109] In an alternative embodiment, in response to a target first type of logical component combination being separated from the sorting line and displayed in the editing interface, control to display 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; in response to a target second type of logical component combination being separated from the sorting line and displayed in the editing interface, cancel the display of the combination identifier of the target second type of logical component combination.

[0110] In specific implementation, the above-mentioned target first type of logical component combination is any one of the first type of logical component combinations adsorbed on the sorting line; the above-mentioned target second type of logical component combination is any one of the second type of logical component combinations adsorbed on the sorting line. Specifically, when the first type of logical component combination is separated from the sorting line and displayed at a preset position in the editing interface, the combination identifier corresponding to the first type of logical component combination separated from the sorting line is still displayed at the specified position; when the second type of logical component combination is separated from the sorting line and displayed at a preset position in the editing interface, the combination identifier corresponding to the second type of logical component combination separated from the sorting line is not displayed at the specified position.

[0111] The following embodiments are used to describe the method for determining the sorting object of components.

[0112] In an alternative embodiment, an enabling control and display controls corresponding to at least one logical component combination class are displayed in the above-mentioned editing interface. The logical component combination class includes at least one logical component combination. The display control is used to display the logical component combinations included in the corresponding logical component combination class. Based on this, in response to a triggering operation on the enabling control, a sorting enabling instruction corresponding to at least one logical component combination class is triggered to adsorb the logical component combinations included in at least one logical component combination class on the sorting line displayed in the editing interface. In this way, after the user triggers the enabling control displayed in the editing interface, all the logical component combinations included in all the logical component combination classes in the editing interface will be adsorbed on the sorting line displayed in the editing interface, facilitating the user to edit and adjust all the logical component combinations.

[0113] In another alternative embodiment, the above-mentioned editing interface includes display controls corresponding to at least one logical component combination class. The logical component combination class includes at least one logical component combination. Based on this, in response to a triggering operation on the display control corresponding to the target logical component combination class among at least one logical component combination class, a combined display panel corresponding to the target logical component combination class is controlled to be displayed in the editing interface. The combined display panel includes: a combination identifier of the logical component combinations included in the target logical component combination class, and an enabling control. In response to a triggering operation on the enabling control, a sorting enabling instruction corresponding to the target logical component combination class is triggered to adsorb the logical component combinations included in the target logical component combination class on the sorting line displayed in the editing interface. This way, the logical component combinations included in a certain logical component combination class can be sorted on the sorting line separately, so as to only edit and adjust a certain logical component combination class.

[0114] In specific implementation, the above-mentioned target logical component combination class is any one of the logical component combination classes included in the editing interface, and the above-mentioned triggering operation on the enabling control can be determined according to R & D requirements. For example, the triggering operation can be a click operation or a long-press operation on the enabling control, etc.

[0115] As Figure 9 shown is a display schematic diagram of a combined display panel corresponding to a target logical component combination class provided by an embodiment of the present disclosure. Figure 9 The target logical component combination class shown contains 4 logical component combinations. Figure 9 The sorting control in it is the enabling control corresponding to the target logical component combination class. When the user triggers the enabling control, all the logical component combinations included in the target logical component combination class are adsorbed on the sorting line.

[0116] In an alternative embodiment, in response to a trigger operation on the open control, the control switches the open control to a closed control; in response to a trigger operation on the closed control, the sorting line is cancelled from being displayed in the editing interface, and the adsorption of the logical component combination on the sorting line is released, restoring the display position of the logical component combination in the editing interface. Specifically, the above-mentioned trigger operation on the closed control can be determined according to R & D requirements. For example, the trigger operation can be a click operation or a long press operation on the closed control, etc.

[0117] When the above method enables the open control, the logical component combinations displayed in the editing interface are immediately adsorbed to the sorting line, which can achieve one-key sorting of all logical component combinations. Thus, by adsorbing the logical component combinations to the sorting line, the effect of automatic list sorting can be achieved, and by removing the logical component combinations from the sorting line, the effect of compatible free placement of the logical components in the editing interface can be achieved.

[0118] The following embodiments are used to describe the function of the list control.

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

[0120] In specific implementation, the above-mentioned specified position can be determined according to R & D requirements. For example, the specified position can be at the lower left corner or the lower right corner of the editing interface, and the specified position can also be a certain position on the blank area in the editing interface.

[0121] As Figure 10 shown is a display schematic diagram of a list control provided by an embodiment of the present disclosure. Figure 10 The lower right corner in [Figure] shows the list control, which includes: a component list and a viewing selection box located on the component list (that is, Figure 10 the rectangular box on the component list in [Figure]); the component list includes thumbnail identifiers of the logical component combinations adsorbed on the sorting line, and the thumbnail identifiers in this component list are all left-aligned, and the thumbnail identifiers that extend beyond the display area of the component list on the right side will be partially truncated. The component list can include thumbnail identifiers of the second type of logical component combinations adsorbed on the sorting line, or can not include thumbnail identifiers of the second type of logical component combinations; the viewing selection box is used to select a viewing area in the component list, and the logical component combination corresponding to the thumbnail identifier in the component list corresponding to the viewing area is the logical component combination currently displayed and adsorbed on the sorting line in the editing interface.

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

[0123] In an alternative embodiment, the display level of the list control is higher than that of the logical components adsorbed on 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 thumbnail identifiers can be determined according to R & D requirements. For example, the thumbnail identifier can be a reduced combination of logical components displayed in a fixed ratio; the thumbnail identifier can also be an identifier displayed by reducing a preset ratio according to the combined shape of the logical component combination.

[0125] Further, in response to a movement operation on the viewing selection box, based on the movement operation, the viewing area selected by the viewing selection box in the component list is adjusted, and the combination of logical components adsorbed on the sorting line currently displayed in the editing interface is updated to the combination of logical components corresponding to the thumbnail identifier in the adjusted viewing area.

[0126] In specific implementation, the specific operation corresponding to the above-mentioned movement operation on the viewing selection box can be determined according to R & D requirements and user operations. For example, the movement operation can be an operation of dragging the viewing selection box to move on the component list, or an operation of dragging the component list to move, or an operation of clicking or selecting different positions in the component list, etc. Specifically, when the user performs a movement operation on the viewing selection box, the selected area of the viewing selection box in the component list is adjusted according to the movement operation, so that the combination of logical components corresponding to the thumbnail identifier of the selected area is displayed in the display area of the editing interface, so that the user can view the combination of logical components corresponding to the selected area on the sorting line.

[0127] Further, the size of the above-mentioned component list is a fixed size, and the specific size corresponding to the fixed size can be determined according to R & D requirements. Based on this, if the thumbnail identifiers of all the logical component combinations adsorbed on the sorting line cannot be displayed under the fixed size, a control control is displayed at a preset position in the list control; in response to a first trigger operation on the control control, the thumbnail identifiers displayed in the component list are adjusted according to the first trigger operation.

[0128] In specific implementation, the preset position in the above-mentioned list control can be determined according to R & D requirements. For example, the preset position can be above and below the component list, or on the left and right sides of the component list. The above-mentioned first trigger operation can be a click operation or a long press operation on the control control. When the user triggers the control control displayed in the list control, the thumbnail identifiers displayed in the component list are adjusted.

[0129] In practical applications, when adjusting the thumbnail identifiers displayed in the component list according to the first trigger operation, the relative position between the viewing selection box and the component list is controlled to remain unchanged, and the thumbnail identifiers displayed within the viewing area selected by the viewing selection box in the component list are controlled to change according to the change of the thumbnail identifiers displayed in the component list. This method can adjust the thumbnail identifiers displayed within the viewing selection box.

[0130] In an alternative embodiment, the above adjustment control includes: a first adjustment control for adjusting the thumbnail identifier in a first direction towards the component list, and a second adjustment control for adjusting the thumbnail identifier in a second direction towards the component list; wherein, the first direction and the second direction are opposite directions, and which specific directions the first direction and the second direction are can be determined according to the direction of the thumbnail identifiers displayed in the component list. For example, if the thumbnail identifiers are displayed in the component list from top to bottom in sequence, then the first direction can be above the component list, and the second direction can be below the component list.

[0131] Based on the above description, the specific process of adjusting the thumbnail identifiers displayed in the component list according to the first trigger operation in response to the first trigger operation for the adjustment control can include: in response to the trigger operation for the first adjustment control, controlling to display the thumbnail identifiers not displayed in the first direction in the component list; in response to the trigger operation for the second adjustment control, controlling to display the thumbnail identifiers not displayed in the second direction in the component list. Among them, the specific directions corresponding to the first direction and the second direction can be determined according to R & D requirements.

[0132] Further, in response to all the component thumbnail identifiers not displayed in the first direction being displayed in the component list, control to cancel the display of the first adjustment control in the list control; in response to all the component thumbnail identifiers not displayed in the second direction being displayed in the component list, control to cancel the display of the second adjustment control in the list control.

[0133] As Figure 11 shown is a schematic diagram of the display of an adjustment control provided by an embodiment of the present disclosure. Figure 11 The triangular controls displayed at the topmost and bottommost of the list control in are adjustment controls. When the display content of the thumbnail identifiers of the logical component combinations adsorbed on the sorting line exceeds the fixed display size corresponding to the component list, the thumbnail identifiers of the exceeded part are invisible content. At this time, it is necessary to display the first adjustment control at the topmost and the second adjustment control at the bottommost 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 not displayed below the list control. When there is no content not displayed in a certain direction, cancel the display of the adjustment control corresponding to that direction.

[0134] In an alternative embodiment, when the user drags the editing interface vertically, the position of the viewing marquee in the list control remains unchanged, but the thumbnail icons displayed on the component list change following the vertical drag. When the user drags the editing interface horizontally, the display of the list control is not affected.

[0135] In the above manner, by allowing the user to view the component list and operate the list control for navigation, the operation efficiency in the horizontal screen of the mobile device is improved.

[0136] The following embodiments are used to describe the component arrangement method on the program layer.

[0137] Specifically, in the modeling layer, structure data corresponding to the logical component combination in the editing interface is stored. The structure data includes the component ID and storage area of the logical components included in the logical component combination, the parent-child relationship between the logical components, etc. The view layer stores the position coordinates and status flags of the logical components included in the logical component combination in the editing interface, etc. When starting the arrangement, the modeling layer sorts the structure data of the logical component combination 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 combination in the editing interface adheres to the arrangement line.

[0138] Based on the above description, the specific process of adjusting the adsorption position of the target logical component combination on the arrangement line based on the first operation for the target logical component combination adsorbed on the arrangement line may include: responding to the first operation for the target logical combination adsorbed on the arrangement line, and adjusting the storage order of the structure data corresponding to the target logical 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 combination in the modeling layer, triggering the view layer to update the adsorption position of the target logical component combination on the arrangement line displayed in the editing interface.

[0139] In specific implementation, if the user performs a first operation on the target logical combination adsorbed on the arrangement line, directly adjust the storage order of the structure data corresponding to the target logical combination in the modeling layer based on the first operation. This storage order is also the sorting order of the target logical component combination recorded by the modeling layer. Then trigger the view layer to re-render the editing interface based on the adjusted storage data in the modeling layer to update the adsorption position of the target logical component combination on the arrangement line displayed in the editing interface. In this way, if the component arrangement function is turned off, the adjusted storage data in the modeling layer will not be modified. That is to say, this method can permanently save the storage data in the modeling layer, and the modification of the view layer data will update the modeling layer data, and the modification of the modeling layer data will also update the modeling layer, ensuring the consistency of the view layer and modeling layer data.

[0140] In an alternative embodiment, if the user adjusts the adsorption position of the target logic combination adsorbed on the sorting line or controls the target logic combination to disengage from the sorting line, it will directly change the storage order of the structure data corresponding to the target logic combination in the modeling layer, and then trigger the view layer to re-render the editing interface based on the changed storage data in the modeling layer, so as to update the adsorption position of the target logic component combination on the sorting line displayed in the editing interface or disengage from the sorting line.

[0141] Corresponding to the above method embodiment, an embodiment of the present disclosure provides a component editing device, as Figure 12 shown, the device includes:

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

[0143] A component sorting module 91, configured to respond to a sorting start instruction, and adsorb the logic component combinations in the editing interface on the sorting line displayed in the editing interface according to a preset sorting rule; wherein, the logic component combinations include: a first type of logic component combination and a second type of logic component combination, the first type of logic component combination is a logic component combination including at least a first attribute logic component, the second type of logic component combination is a logic component combination not including the first attribute logic component, and the logic component combination includes at least one logic component.

[0144] A component editing module 92, configured to respond to a first operation on a target logic component combination adsorbed on the sorting line, and adjust the adsorption position of the target logic component combination on the sorting line based on the first operation, where 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.

[0145] For the above component editing device, when the component sorting is enabled, all the logic component combinations displayed in the editing interface can be adsorbed on the sorting line, so that the logic components displayed in the editing interface can be sorted with one key, achieving the effect of automatic list sorting; at the same time, the user can adjust the adsorption position of the target logic component combination adsorbed on the sorting line according to the requirement, so as to adjust the execution order and execution logic between the logic component combinations, which helps to improve the logic editing efficiency.

[0146] Further, the above device includes a component detachment module, configured to: respond to a second operation on a target logic component combination adsorbed on the sorting line, and control the target logic component combination to disengage from the sorting line based on the second operation; control the target logic component combination disengaged from the sorting line to be displayed at a preset position in the editing interface.

[0147] Further, the above-mentioned preset position includes at least one of the following: determining the preset position of the target logic component combination on the editing interface according to the operation stop position of the second operation; and determining the preset position in the editing interface according to a preset rule; wherein the preset position has nothing to do with the operation stop position of the second operation.

[0148] Further, the above-mentioned component detachment module is used for: responding to a second operation on the target logic component combination adsorbed on the sorting line, determining the distance between the operation position of the second operation and the sorting line; if the distance between the operation position of the second operation and the sorting line is greater than a preset distance threshold, controlling the target logic component combination to detach from the sorting line.

[0149] Further, after controlling the target logic component combination that has detached from the sorting line to be displayed at the preset position on the editing interface, the above-mentioned device further includes an adsorption adjustment module, which is used for: determining other logic component combinations among the logic component combinations adsorbed on the sorting line whose adsorption positions are after the target logic component combination; adjusting the adsorption positions of the other logic component combinations on the sorting line.

[0150] Further, the above-mentioned device further includes a state update module, which is used for: responding to a sorting start instruction, controlling to update the component state of the logic component combination to a first state, and the first state is configured to control the logic component combination in the first state to be adsorbed to the sorting line; responding to the detachment of the target logic component combination from the sorting line, controlling to update the component state of the target logic component combination 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 the preset position on the editing interface.

[0151] Further, the above-mentioned editing interface includes a control display window, and the control display window includes at least one logic component control; based on this, the above-mentioned device further includes a component creation module, which is used for: responding to a third operation on the first logic component control in the control display window, creating a first logic component corresponding to the first logic component control, and configuring the component state of the first logic component to the second state; controlling to display the first logic component at the operation stop position of the third operation on the editing interface.

[0152] Further, the above-mentioned component creation module is further used for: responding to a third operation on the first logic component control in the control display window, creating a first logic component corresponding to the first logic component control, and configuring the component state of the first logic component to the first state; controlling to adsorb the first logic component on the sorting line.

[0153] Further, the above device further includes a dragging and adsorption module, configured to: in response to dragging a second logical component combination in the second state in the editing interface to the sorting line, control to adsorb the second logical component combination on the sorting line, and update the component state of the second logical component combination from the second state to the first state.

[0154] Further, the above dragging and adsorption module is further configured to: in response to dragging a second logical component combination in the second state in the editing interface to the sorting line, determine a pre-adsorption area of the second logical component combination on the sorting line based on the dragging position and the size of the second logical component combination; display the pre-adsorption area on the sorting line in a first display manner; in response to the end of dragging, adsorb the second logical component combination on the pre-adsorption area on the sorting line.

[0155] Further, the above device further includes a position adjustment module, configured to: in response to the pre-adsorption area being displayed on the sorting line in a first display manner, adjust the adsorption position on the sorting line of the logical component combination whose adsorption position is after the pre-adsorption area in the logical component combination adsorbed on the sorting line according to the pre-adsorption area.

[0156] Further, the above device further includes a list display module, configured to: in response to a sorting start instruction, control to display a list control in the editing interface; wherein, the list control includes thumbnail identifiers of logical component combinations in the first state; the list control does not include thumbnail identifiers of logical component combinations in the second state.

[0157] Further, the above device further includes an identifier display module, configured to: when a combination identifier corresponding to a logical component combination in the first state is displayed in the editing interface, cancel the display of the combination identifier corresponding to the logical component combination in the second state.

[0158] Further, the above editing interface includes an interaction control; the display level of the sorting line is lower than the display level of the interaction control.

[0159] Further, the above device further includes a level adjustment module, configured to: in response to a logical component combination in the editing interface being adsorbed on the sorting line, control to adjust the display level of the logical component combination adsorbed on the sorting line to be lower than the display level of the sorting line.

[0160] Further, the adsorption positions of different logical component combinations on the sorting line do not overlap.

[0161] Further, in response to the component arrangement module 91, the following method is implemented: arranging the logical component combinations in the editing interface to be adsorbed on the arrangement lines displayed in the editing interface according to the creation order of the logical component combinations in the editing interface; arranging the logical component combinations in the editing interface to be adsorbed on the arrangement lines displayed in the editing interface according to the program running logic corresponding to the logical component combinations in the editing interface; arranging the logical component combinations in the editing interface to be adsorbed on the arrangement lines displayed in the editing interface according to the display order of the logical component combinations in the editing interface; arranging the logical component combinations in the editing interface to be adsorbed on the arrangement lines displayed in the editing interface according to the combination type corresponding to the logical component combinations.

[0162] Further, the above arrangement line is a line with a preset direction at a specified position in the editing interface.

[0163] Further, the above component editing module 92 is configured to: in response to a first operation on a target logical component combination adsorbed on the arrangement line, determine the operation position corresponding to the first operation; based on the operation position, determine the target adsorption position of the target logical component combination on the arrangement line, and adsorb the target logical component combination at the target adsorption position.

[0164] Further, the above device further includes an adsorption adjustment module, configured to: in response to adsorbing the target logical component combination at the target adsorption position, based on the target adsorption position, adjust 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.

[0165] Further, the above device further includes a parameter adjustment module, configured to: in response to a parameter setting operation on the target logical component combination adsorbed on the arrangement line, adjust the component parameters of the logical components in the target logical component combination according to the set parameters of the parameter setting operation.

[0166] Further, the above device further includes a combination determination module, configured to: if the first operation acts on a target first attribute logical component, determine the logical component combination including the target first attribute logical component as the 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, determine the logical component on which the first operation acts as the 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.

[0167] Further, the above device further includes a display adjustment module, configured to: in response to a sliding operation on the editing interface, adjust the display content in the editing interface according to the sliding operation.

[0168] Furthermore, the above-mentioned device also includes an identification display module, which is used to: in response to adsorbing the logical component combination in the editing interface on the sorting line displayed in the editing interface, display the corresponding combination identification at the designated position corresponding to each logical component combination on the sorting line; wherein the combination identification includes information about the logical component combination.

[0169] Furthermore, the above-mentioned display adjustment module is also used for: if the operation direction of the sliding operation is the horizontal direction of the sorting line, controlling the logical component combination adsorbed on the sorting line in the opposite direction of the operation direction displayed in the editing interface; if the operation direction of the sliding operation is the vertical direction of the sorting line, if the operation direction of the sliding operation is the vertical direction of the sorting line, controlling the logical component combination adsorbed on the sorting line displayed in the editing interface to move toward the operation direction.

[0170] Furthermore, the above-mentioned display adjustment module is also used to: respond to a sliding operation in the vertical direction of the sorting line on the editing interface, control the sorting line to leave the display area corresponding to the editing interface, hide the sorting line in the editing interface, and control the display of the combination logo at the corresponding position in the editing interface; wherein the corresponding position matches the position where the combination logo is displayed on the sorting line.

[0171] Furthermore, the above-mentioned device also includes a representation adjustment module, which is used to: in response to the target first-category logical component combination being displayed in the editing interface out of the sorting line, control the display of the combination logo of the target first-category logical component combination at the display position of the target first-category logical component combination in the editing interface; in response to the target second-category logical component combination being displayed in the editing interface out of the sorting line, cancel the display of the combination logo of the target second-category logical component combination.

[0172] Furthermore, the above-mentioned editing interface displays an opening control and 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 display control is used to display the logical component combination contained in the corresponding logical component combination class; based on this, the above-mentioned device also includes a sorting trigger module, which is used to: respond to the trigger operation for the opening control, trigger the sorting opening instruction corresponding to the at least one logical component combination class, so as to adsorb the logical component combination contained in the at least one logical component combination class on the sorting line displayed in the editing interface.

[0173] Further, the above 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 above sorting trigger module is further configured to: respond to a trigger operation on the display control corresponding to the target logical component combination class in at least one logical component combination class, and control the display of a combined display panel corresponding to the target logical component combination class in the editing interface; wherein, the combined display panel includes: the combination identifier of the logical component combination included in the target logical component combination class, and an enabling control; respond to a trigger operation on the enabling control, and trigger a sorting start instruction for the target logical component combination class, so as to adsorb the logical component combinations included in the target logical component combination class on the sorting line displayed in the editing interface.

[0174] Further, the above device further includes a sorting cancellation module, configured to: respond to a trigger operation on the enabling control, and control the switching of the enabling control to a disabling control; respond to a trigger operation on the disabling control, cancel the display of the sorting line in the editing interface, and release the adsorption of the logical component combinations on the sorting line, and restore the display position of the logical component combinations in the editing interface.

[0175] Further, the above device further includes a list display module, configured to: respond to the sorting start instruction, and 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 viewing checkbox located on the component list; the component list includes the thumbnail identifiers of the logical component combinations adsorbed on the sorting line; the viewing checkbox is used to select a viewing area in the component list, and the logical component combination corresponding to the thumbnail identifier in the component list corresponding to the viewing area is the logical component combination currently displayed and adsorbed on the sorting line in the editing interface.

[0176] Further, the above device further includes a viewing adjustment module, configured to: respond to a moving operation on the viewing checkbox, and based on the moving operation, adjust the viewing area selected by the viewing checkbox in the component list, and update the logical component combination currently displayed and adsorbed on the sorting line in the editing interface to the logical component combination corresponding to the thumbnail identifier in the adjusted viewing area of the component list.

[0177] Further, the size of the above component list is a fixed size, based on this, the above device further includes a control display module, configured to: if all the thumbnail identifiers of the logical component combinations adsorbed on 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; respond to a first trigger operation on the adjustment control, and adjust the thumbnail identifiers displayed in the component list according to the first trigger operation.

[0178] Further, the above device further includes a content adjustment module, configured to: when adjusting the thumbnail identifiers displayed in the component list according to a first trigger operation, control the relative position between the viewing selection box and the component list to remain unchanged, and control the thumbnail identifiers displayed within the viewing area selected by the viewing selection box in the component list to change according to the change of the thumbnail identifiers displayed in the component list.

[0179] Further, the above adjustment control includes: a first adjustment control for adjusting the thumbnail identifier in a first direction towards the component list, and a second adjustment control for adjusting the thumbnail identifier in a second direction towards the component list; based on this, the above control display module is configured to: in response to a trigger operation on the first adjustment control, control to display the thumbnail identifiers not displayed in the first direction in the component list; in response to a trigger operation on the second adjustment control, control to display the thumbnail identifiers not displayed in the second direction in the component list.

[0180] Further, the above device further includes a control cancellation display module, configured to: in response to all the component thumbnail identifiers not displayed in the first direction being displayed in the component list, control to cancel the display of the first adjustment control in the list control; in response to all the component thumbnail identifiers not displayed in the second direction being displayed in the component list, control to cancel the display of the second adjustment control in the list control.

[0181] Further, the above component editing module 92 is configured to: in response to a first operation on a target logic combination adsorbed on the sorting line, adjust the storage order of the structure data corresponding to the target logic combination in the modeling layer based on the first operation; based on the adjusted storage order of the structure data corresponding to the target logic combination in the modeling layer, trigger the view layer to update the adsorption position of the target logic component combination displayed on the sorting line in the editing interface.

[0182] The component editing device provided by the embodiments of the present disclosure has the same implementation principle and the same technical effects as the foregoing method embodiments. For a brief description, for the parts not mentioned in the device embodiments, reference may be made to the corresponding content in the foregoing method embodiments.

[0183] The embodiments of the present disclosure further provide an electronic device, as Figure 13 shown, the electronic device includes a processor and a memory, the memory stores machine-executable instructions that can be executed by the processor, and the processor executes the machine-executable instructions to implement the above component editing method.

[0184] Specifically, the above-mentioned component editing method includes: displaying an editing interface with logical editing functions through a terminal device, where the editing interface includes at least one logical component, and at least one logical component constitutes a programming logic; in response to a sorting start instruction, according to a preset sorting rule, combining and attracting the logical components in the editing interface to an attraction line displayed in the editing interface; where 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 including at least a first-attribute logical component, the second type of logical component combination is a logical component combination not including a first-attribute logical component, and the logical component combination includes at least one logical component; in response to a first operation on a target logical component combination attracted to the attraction line, adjusting the attraction position of the target logical component combination on the attraction line based on the first operation, where 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.

[0185] In the above-mentioned component editing method, when component sorting is started, all the logical component combinations displayed in the editing interface can be attracted to the attraction line, so that the logical components displayed in the editing interface can be sorted with one key, achieving the effect of automatic list sorting; at the same time, the user can adjust the attraction position of the target logical component combination attracted to the attraction line according to needs, so as to adjust the execution order and execution logic between the logical component combinations, which helps to improve the logical editing efficiency.

[0186] In an alternative embodiment, the above method further includes: in response to a second operation on a target logical component combination attracted to the attraction line, controlling the target logical component combination to detach from the attraction line based on the second operation; controlling the target logical component combination that has detached from the attraction line to be displayed at a preset position in the editing interface.

[0187] In an alternative embodiment, the above-mentioned preset position includes 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 the preset position in the editing interface according to a preset rule; where the preset position has nothing to do with the operation stop position of the second operation.

[0188] In an alternative embodiment, the step of, in response to a second operation on a target logical component combination attracted to the attraction line, controlling the target logical component combination to detach from the attraction line based on the second operation includes: in response to a second operation on a target logical component combination attracted to the attraction line, determining the distance between the operation position of the second operation and the attraction line; if the distance between the operation position of the second operation and the attraction line is greater than a preset distance threshold, controlling the target logical component combination to detach from the attraction line.

[0189] In an alternative embodiment, after the step of controlling the combined display of the target logic components to be separated from the sorting line at a preset position on the editing interface, the above method further includes: determining other combined logic components adsorbed on the sorting line whose adsorption positions are after the target combined logic components; adjusting the adsorption positions of the other combined logic components on the sorting line.

[0190] In an alternative embodiment, the above method further includes: in response to a sorting start instruction, controlling the component state of the combined logic components to be updated to a first state, where the first state is configured to control the combined logic components in the first state to be adsorbed to the sorting line; in response to the target combined logic components being separated from the sorting line, controlling the component state of the target combined logic components to be updated from the first state to a second state, where the second state is configured to control the combined logic components in the second state to be displayed at a preset position on the editing interface.

[0191] In an alternative embodiment, the editing interface includes a control display window, and the control display window includes at least one logic component control; the above method further includes: in response to a third operation on the first logic component control in the control display window, creating a first logic component corresponding to the first logic component control, and configuring the component state of the first logic component to the second state; controlling the first logic component to be displayed at the operation stop position of the third operation in the editing interface.

[0192] In an alternative embodiment, the editing interface includes a control display window, and the control display window includes at least one logic component control; the above method further includes: in response to a third operation on the first logic component control in the control display window, creating a first logic component corresponding to the first logic component control, and configuring the component state of the first logic component to the first state; controlling the first logic component to be adsorbed on the sorting line.

[0193] In an alternative embodiment, the above method further includes: in response to dragging the second combined logic components in the second state in the editing interface to the sorting line, controlling the second combined logic components to be adsorbed on the sorting line, and updating the component state of the second combined logic components from the second state to the first state.

[0194] In an alternative embodiment, the step of, in response to dragging the second combined logic components in the second state in the editing interface to the sorting line and controlling the second combined logic components to be adsorbed on the sorting line includes: in response to dragging the second combined logic components in the second state in the editing interface to the sorting line, determining a pre-adsorption area of the second combined logic components on the sorting line based on the dragging position and the size of the second combined logic components; displaying the pre-adsorption area on the sorting line in a first display manner; in response to the end of the dragging, adsorbing the second combined logic components on the pre-adsorption area on the sorting line.

[0195] In an alternative embodiment, the above method further includes: in response to a pre-adsorption area being displayed in a first display manner on the sorting line, adjusting, according to the pre-adsorption area, the adsorption positions on the sorting line of the logical component combinations adsorbed on the sorting line, where the adsorption positions of the logical component combinations are after the pre-adsorption area.

[0196] In an alternative embodiment, the above method further includes: in response to a sorting start instruction, controlling a list control to be displayed in the editing interface; where the list control includes thumbnail identifiers of logical component combinations in a first state; the list control does not include thumbnail identifiers of logical component combinations in a second state.

[0197] In an alternative embodiment, the above method further includes: in the editing interface, a combination identifier corresponding to a logical component combination in a first state is displayed, and the display of a combination identifier corresponding to a logical component combination in a second state is cancelled.

[0198] In an alternative embodiment, the above editing interface includes an interaction control; the display level of the sorting line is lower than the display level of the interaction control.

[0199] In an alternative embodiment, the above method further includes: in response to a logical component combination in the editing interface being adsorbed on the sorting line, controlling the display level of the logical component combination adsorbed on the sorting line to be adjusted to be lower than the display level of the sorting line.

[0200] In an alternative embodiment, the adsorption positions of different logical component combinations on the sorting line do not overlap.

[0201] In an alternative embodiment, the step of, in response to the sorting start instruction, adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to a preset sorting rule includes one of the following: adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the creation order of the logical component combinations in the editing interface; adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the program running logic corresponding to the logical component combinations in the editing interface; adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the display order of the logical component combinations in the editing interface; adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the combination type corresponding to the logical component combinations.

[0202] In an alternative embodiment, the above sorting line is a line with a preset orientation at a specified position in the editing interface.

[0203] In an alternative embodiment, the above response is for the first operation on the target logic component combination adsorbed on the sorting line. The step of adjusting the adsorption position of the target logic component combination on the sorting line based on the first operation includes: responding to the first operation on the target logic component combination adsorbed on the sorting line, determining the operation position corresponding to the first operation; determining the target adsorption position of the target logic component combination on the sorting line based on the operation position, and adsorbing the target logic component combination on the target adsorption position.

[0204] In an alternative embodiment, the above method further includes: in response to adsorbing the target logic component combination on the target adsorption position, based on the target adsorption position, adjusting the adsorption positions of the logic component combinations other than the target logic component combination in the logic component combinations adsorbed on the sorting line.

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

[0206] In an alternative embodiment, the above method further includes: if the first operation acts on the target first attribute logic component, determining the logic component combination including the target first attribute logic component as the target logic component combination; wherein, the target logic component combination is the first type of logic component combination; if the first operation acts on a non-first attribute logic component, determining the logic component on which the first operation acts as the target logic component combination; wherein, the target logic component combination is the 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.

[0207] In an alternative embodiment, the above method further includes: responding to a sliding operation on the editing interface, and adjusting the display content in the editing interface according to the sliding operation.

[0208] In an alternative embodiment, the above method further includes: in response to adsorbing the logic component combination in the editing interface on the sorting line displayed in the editing interface, respectively displaying corresponding combination identifiers at the specified positions corresponding to each logic component combination on the sorting line; wherein, the combination identifier includes information of the logic component combination.

[0209] In an alternative embodiment, the step of adjusting the display 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 to display in the editing interface the logic component combination on the opposite direction of the operation direction adsorbed on the sorting line; if the operation direction of the sliding operation is the vertical direction of the sorting line, controlling the logic component combination adsorbed on the sorting line displayed in the editing interface to move towards the operation direction.

[0210] In an optional embodiment, the above method also includes: in response to a sliding operation on the editing interface in a 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 logo at a corresponding position in the editing interface; wherein the corresponding position matches the position where the combination logo is displayed on the sorting line.

[0211] In an optional embodiment, the above method also includes: in response to the target first-category logical component combination being displayed in the editing interface out of the sorting line, controlling the display of the combination logo of the target first-category logical component combination at the display position of the target first-category logical component combination in the editing interface; in response to the target second-category logical component combination being displayed in the editing interface out of the sorting line, canceling the display of the combination logo of the target second-category logical component combination.

[0212] In an optional embodiment, the above-mentioned editing interface displays an opening control and 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 display control is used to display the logical component combination contained in the corresponding logical component combination class; the method also includes: responding to a trigger operation for the opening control, triggering a sorting opening instruction corresponding to the at least one logical component combination class, so as to adsorb the logical component combination contained in the at least one logical component combination class onto the sorting line displayed in the editing interface.

[0213] 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 above method also includes: responding to a trigger operation of a 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 included in the target logical component combination class, and an enable control; responding to a trigger operation for the enable control, triggering an arrangement enable instruction for the target logical component combination class, so as to adsorb the logical component combination included in the target logical component combination class onto the arrangement line displayed in the editing interface.

[0214] In an optional embodiment, the above method also includes: responding to a trigger operation for an open control, controlling the opening control to be switched to a closed control; responding to a trigger operation for a closed control, canceling the display of the sorting line in the editing interface, and releasing the adsorption of the logical component combination on the sorting line, and restoring the display position of the logical component combination in the editing interface.

[0215] In an alternative embodiment, the above method further includes: in response to a sorting start instruction, controlling a list control to be displayed at a specified position in the editing interface; wherein, the list control includes: a component list and a viewing checkbox located on the component list; the component list includes thumbnail identifiers of logical component combinations adsorbed on the sorting line; the viewing checkbox is used to select a viewing area in the component list, and the logical component combination corresponding to the thumbnail identifier in the viewing area of the component list is the logical component combination currently displayed adsorbed on the sorting line in the editing interface.

[0216] In an alternative embodiment, the above method further includes: in response to a moving operation on the viewing checkbox, based on the moving operation, adjusting the viewing area selected by the viewing checkbox in the component list, and updating the logical component combination currently displayed adsorbed on the sorting line in the editing interface to the logical component combination corresponding to the thumbnail identifier in the adjusted viewing area of the component list.

[0217] In an alternative embodiment, the size of the component list is a fixed size, and the above method further includes: if the thumbnail identifiers of all logical component combinations adsorbed on the sorting line cannot be displayed in the fixed size, controlling an adjustment control to be displayed at a preset position in the list control; in response to a first triggering operation on the adjustment control, adjusting the thumbnail identifiers displayed in the component list according to the first triggering operation.

[0218] In an alternative embodiment, the above method further includes: when adjusting the thumbnail identifiers displayed in the component list according to the first triggering operation, controlling the relative position of the viewing checkbox and the component list to remain unchanged, and controlling the thumbnail identifiers displayed in the viewing area selected by the viewing checkbox in the component list to change according to the change of the thumbnail identifiers displayed in the component list.

[0219] In an alternative embodiment, the above adjustment control includes: a first adjustment control for adjusting the thumbnail identifiers in a first direction towards the component list, and a second adjustment 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 adjustment control includes: in response to a triggering operation on the first adjustment control, controlling the thumbnail identifiers not displayed in the first direction in the component list to be displayed in the component list; in response to a triggering operation on the second adjustment control, controlling the thumbnail identifiers not displayed in the second direction in the component list to be displayed in the component list.

[0220] In an alternative embodiment, the above method further includes: in response to all the thumbnail identifiers of the components not displayed in the first direction being displayed in the component list, controlling the first adjustment control to be hidden in the list control; in response to all the thumbnail identifiers of the components not displayed in the second direction being displayed in the component list, controlling the second adjustment control to be hidden in the list control.

[0221] In an alternative embodiment, the above response is for a first operation on the target logic component combination adsorbed on the sorting line. The step of adjusting the adsorption position of the target logic component combination on the sorting line based on the first operation includes: responding to the first operation on the target logic combination adsorbed on the sorting line, and adjusting the storage order of the structure data corresponding to the target logic combination in the modeling layer based on the first operation; triggering the view layer to update the adsorption position of the target logic component combination on the sorting line displayed in the editing interface based on the adjusted storage order of the structure data corresponding to the target logic combination in the modeling layer.

[0222] Furthermore, Figure 13 The electronic device shown further includes a bus 102 and a communication interface 103. The processor 101, the communication interface 103, and the memory 100 are connected through the bus 102.

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

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

[0225] The embodiments of the present disclosure also provide a computer-readable storage medium, which stores computer-executable instructions. When the computer-executable instructions are called and executed by the processor, the computer-executable instructions cause the processor to implement the above component editing method. For the specific implementation, reference can be made to the method embodiments and will not be elaborated here.

[0226] Specifically, the above component editing method includes: displaying an editing interface with logical editing functions through a terminal device, where the editing interface includes at least one logical component, and at least one logical component constitutes a programming logic; in response to a sorting start instruction, according to a preset sorting rule, combining and attracting the logical components in the editing interface to the sorting line displayed in the editing interface; where 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 including at least a first attribute logical component, the second type of logical component combination is a logical component combination not including the first attribute logical component, and the logical component combination includes at least one logical component; in response to a first operation on the target logical component combination attracted to the sorting line, adjusting the adsorption position of the target logical component combination on the sorting line based on the first operation, where the target logical component combination includes at least one of the following: the first type of logical component combination, the second type of logical component combination, and the logical component sub - combinations constituting the first type of logical component combination and the second type of logical component combination.

[0227] In the above component editing method, when component sorting is started, all the logical component combinations displayed in the editing interface can be attracted to the sorting line, so that the logical components displayed in the editing interface can be sorted with one key, achieving the effect of automatic list sorting; at the same time, the user can adjust the adsorption position of the target logical component combination attracted to the sorting line according to needs, so as to adjust the execution order and execution logic between the logical component combinations, which helps to improve the logical editing efficiency.

[0228] In an alternative embodiment, the above method further includes: in response to a second operation on the target logical component combination attracted to the sorting line, controlling the target logical component combination to break away from the sorting line based on the second operation; controlling the target logical component combination that has broken away from the sorting line to be displayed at a preset position in the editing interface.

[0229] In an alternative embodiment, the above preset position includes 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 the preset position in the editing interface according to a preset rule; where the preset position has nothing to do with the operation stop position of the second operation.

[0230] In an alternative embodiment, the step of, in response to a second operation on the target logical component combination attracted to the sorting line, controlling the target logical component combination to break away from the sorting line based on the second operation includes: in response to a second operation on the target logical component combination attracted to the sorting line, determining the distance between the operation position of the second operation and the sorting line; if the distance between the operation position of the second operation and the sorting line is greater than a preset distance threshold, controlling the target logical component combination to break away from the sorting line.

[0231] In an alternative embodiment, after the step of controlling the combined display of the target logic components to be separated from the sorting line at a preset position on the editing interface, the above method further includes: determining other combined logic components among the combined logic components adsorbed on the sorting line whose adsorption positions are after the target combined logic components; adjusting the adsorption positions of the other combined logic components on the sorting line.

[0232] In an alternative embodiment, the above method further includes: in response to a sorting start instruction, controlling to update the component state of the combined logic components to a first state, where the first state is configured to control the combined logic components in the first state to be adsorbed to the sorting line; in response to the target combined logic components being separated from the sorting line, controlling to update the component state of the target combined logic components from the first state to a second state, where the second state is configured to control the combined logic components in the second state to be displayed at a preset position on the editing interface.

[0233] In an alternative embodiment, the editing interface includes a control display window, and the control display window includes at least one logic component control; the above method further includes: in response to a third operation on a first logic component control in the control display window, creating a first logic component corresponding to the first logic component control, and configuring the component state of the first logic component to the second state; controlling to display the first logic component at the operation stop position of the third operation in the editing interface.

[0234] In an alternative embodiment, the editing interface includes a control display window, and the control display window includes at least one logic component control; the above method further includes: in response to a third operation on a first logic component control in the control display window, creating a first logic component corresponding to the first logic component control, and configuring the component state of the first logic component to the first state; controlling to adsorb the first logic component on the sorting line.

[0235] In an alternative embodiment, the above method further includes: in response to dragging a second combined logic component in the second state in the editing interface to the sorting line, controlling to adsorb the second combined logic component on the sorting line, and updating the component state of the second combined logic component from the second state to the first state.

[0236] In an alternative embodiment, the step of, in response to dragging a second combined logic component in the second state in the editing interface to the sorting line, controlling to adsorb the second combined logic component on the sorting line includes: in response to dragging a second combined logic component in the second state in the editing interface to the sorting line, determining a pre-adsorption area of the second combined logic component on the sorting line based on the dragging position and the size of the second combined logic component; displaying the pre-adsorption area on the sorting line in a first display manner; in response to the end of dragging, adsorbing the second combined logic component on the pre-adsorption area on the sorting line.

[0237] In an alternative embodiment, the above method further includes: in response to a pre-adsorption area being displayed in a first display manner on the sorting line, adjusting, according to the pre-adsorption area, the adsorption positions on the sorting line of the logical component combinations adsorbed on the sorting line, where the adsorption positions of the logical component combinations are after the pre-adsorption area.

[0238] In an alternative embodiment, the above method further includes: in response to a sorting start instruction, controlling the display of a list control in the editing interface; where the list control includes thumbnail identifiers of logical component combinations in a first state; the list control does not include thumbnail identifiers of logical component combinations in a second state.

[0239] In an alternative embodiment, the above method further includes: in the editing interface, when a combination identifier corresponding to a logical component combination in a first state is displayed, canceling the display of a combination identifier corresponding to a logical component combination in a second state.

[0240] In an alternative embodiment, the above editing interface includes an interaction control; the display level of the sorting line is lower than the display level of the interaction control.

[0241] In an alternative embodiment, the above method further includes: in response to a logical component combination in the editing interface being adsorbed on the sorting line, controlling the display level of the logical component combination adsorbed on the sorting line to be adjusted to be lower than the display level of the sorting line.

[0242] In an alternative embodiment, the adsorption positions of different logical component combinations on the sorting line do not overlap.

[0243] In an alternative embodiment, the step of, in response to a sorting start instruction, adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to a preset sorting rule includes one of the following: adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the creation order of the logical component combinations in the editing interface; adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the program running logic corresponding to the logical component combinations in the editing interface; adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the display order of the logical component combinations in the editing interface; adsorbing the logical component combinations in the editing interface on the sorting line displayed in the editing interface according to the combination type corresponding to the logical component combinations.

[0244] In an alternative embodiment, the above sorting line is a line with a preset orientation at a specified position in the editing interface.

[0245] In an alternative embodiment, the above-mentioned response is for the first operation of the target logic component combination adsorbed on the sorting line. The step of adjusting the adsorption position of the target logic component combination on the sorting line based on the first operation includes: responding to the first operation of the target logic component combination adsorbed on the sorting line, determining the operation position corresponding to the first operation; determining the target adsorption position of the target logic component combination on the sorting line based on the operation position, and adsorbing the target logic component combination on the target adsorption position.

[0246] In an alternative embodiment, the above method further includes: in response to adsorbing the target logic component combination on the target adsorption position, based on the target adsorption position, adjusting the adsorption positions of the logic component combinations other than the target logic component combination in the logic component combinations adsorbed on the sorting line.

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

[0248] In an alternative embodiment, the above method further includes: if the first operation acts on the target first attribute logic component, determining the logic component combination including the target first attribute logic component as the target logic component combination; wherein, the target logic component combination is the first type of logic component combination; if the first operation acts on a non-first attribute logic component, determining the logic component on which the first operation acts as the target logic component combination; wherein, the target logic component combination is the 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.

[0249] In an alternative embodiment, the above method further includes: responding to the sliding operation on the editing interface, and adjusting the display content in the editing interface according to the sliding operation.

[0250] In an alternative embodiment, the above method further includes: in response to adsorbing the logic component combination in the editing interface on the sorting line displayed in the editing interface, respectively displaying corresponding combination identifiers at the specified positions corresponding to each logic component combination on the sorting line; wherein, the combination identifier includes the information of the logic component combination.

[0251] In an alternative embodiment, the step of adjusting the display 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 to display the logic component combination on the opposite direction of the operation direction adsorbed on the sorting line 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 adsorbed on the sorting line displayed in the editing interface to move towards the operation direction.

[0252] In an alternative embodiment, the above method further includes: in response to a sliding operation whose operation direction acting on the editing interface is the vertical direction of the sorting line, controlling the sorting line to move out of the display area corresponding to the editing interface, hiding the display of 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 where the combination identifier is displayed on the sorting line.

[0253] In an alternative embodiment, the above method further includes: in response to a target first type of logic component combination moving out of the sorting line and being displayed in the editing interface, controlling the display of the combination identifier of the target first type of logic component combination at the display position of the target first type of logic component combination in the editing interface; in response to a target second type of logic component combination moving out of the sorting line and being displayed in the editing interface, canceling the display of the combination identifier of the target second type of logic component combination.

[0254] In an alternative embodiment, an enabling control and display controls corresponding to at least one type of logic component combination are displayed in the above editing interface, and at least one logic component combination is included in the type of logic component combination; the display control is used to display the logic component combinations included in the corresponding type of logic component combination; the method further includes: in response to a triggering operation on the enabling control, triggering a sorting enabling instruction corresponding to at least one type of logic component combination, so as to adsorb the logic component combinations included in at least one type of logic component combination on the sorting line displayed in the editing interface.

[0255] In an alternative embodiment, the editing interface includes display controls corresponding to at least one type of logic component combination, and at least one logic component combination is included in the type of logic component combination; the above method further includes: in response to a triggering operation on the display control corresponding to a target type of logic component combination among at least one type of logic component combination, controlling the display of a combination display panel corresponding to the target type of logic component combination in the editing interface; wherein the combination display panel includes: the combination identifier of the logic component combinations included in the target type of logic component combination, and the enabling control; in response to a triggering operation on the enabling control, triggering a sorting enabling instruction for the target type of logic component combination, so as to adsorb the logic component combinations included in the target type of logic component combination on the sorting line displayed in the editing interface.

[0256] In an alternative embodiment, the above method further includes: in response to a triggering operation on the enabling control, controlling the enabling control to be switched to a disabling control; in response to a triggering operation on the disabling control, canceling the display of the sorting line in the editing interface, releasing the adsorption of the logic component combinations on the sorting line, and restoring the display positions of the logic component combinations in the editing interface.

[0257] In an alternative embodiment, the above method further includes: in response to a sorting start instruction, controlling a list control to be displayed at a specified position in the editing interface; wherein, the list control includes: a component list and a viewing checkbox located on the component list; the component list includes thumbnail identifiers of logical component combinations adsorbed on the sorting line; the viewing checkbox is used to select a viewing area in the component list, and the logical component combination corresponding to the thumbnail identifier in the component list corresponding to the viewing area is the logical component combination currently displayed adsorbed on the sorting line in the editing interface.

[0258] In an alternative embodiment, the above method further includes: in response to a moving operation on the viewing checkbox, based on the moving operation, adjusting the viewing area selected by the viewing checkbox in the component list, and updating the logical component combination currently displayed adsorbed on the sorting line in the editing interface to the logical component combination corresponding to the thumbnail identifier in the adjusted viewing area of the component list.

[0259] In an alternative embodiment, the size of the component list is a fixed size, and the above method further includes: if the thumbnail identifiers of all logical component combinations adsorbed on the sorting line cannot be displayed in the fixed size, controlling an adjustment control to be displayed at a preset position in the list control; in response to a first triggering operation on the adjustment control, adjusting the thumbnail identifiers displayed in the component list according to the first triggering operation.

[0260] In an alternative embodiment, the above method further includes: when adjusting the thumbnail identifiers displayed in the component list according to the first triggering operation, controlling the relative position of the viewing checkbox and the component list to remain unchanged, and controlling the thumbnail identifiers displayed in the viewing area selected by the viewing checkbox in the component list to change according to the change of the thumbnail identifiers displayed in the component list.

[0261] In an alternative embodiment, the above adjustment control includes: a first adjustment control for adjusting the thumbnail identifiers in a first direction towards the component list, and a second adjustment 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 adjustment control includes: in response to a triggering operation on the first adjustment control, controlling the thumbnail identifiers not displayed in the first direction in the component list to be displayed in the component list; in response to a triggering operation on the second adjustment control, controlling the thumbnail identifiers not displayed in the second direction in the component list to be displayed in the component list.

[0262] In an alternative embodiment, the above method further includes: in response to all the thumbnail identifiers of the components not displayed in the first direction being displayed in the component list, controlling the first adjustment control to be hidden in the list control; in response to all the thumbnail identifiers of the components not displayed in the second direction being displayed in the component list, controlling the second adjustment control to be hidden in the list control.

[0263] In an alternative embodiment, the above response is for the first operation on the target logic component combination adsorbed on the sorting line. The step of adjusting the adsorption position of the target logic component combination on the sorting line based on the first operation includes: responding to the first operation on the target logic combination adsorbed on the sorting line, and adjusting the storage order of the structure data corresponding to the target logic combination in the modeling layer based on the first operation; triggering the view layer to update the adsorption position of the target logic component combination on the sorting line displayed in the editing interface based on the adjusted storage order of the structure data corresponding to the target logic combination in the modeling layer.

[0264] If the above-described manner is implemented in the form of 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 the present disclosure, in essence, or the part that contributes to the prior art, or a part of this 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 for causing a computer device (which can be a personal computer, a terminal device, or a network device, etc.) to execute all or part of the steps of the methods described in various embodiments of the present disclosure. The foregoing storage medium includes: various media such as a USB flash drive, a mobile hard disk, a read-only memory (ROM, Read-Only Memory), a random access memory (RAM, Random Access Memory), a magnetic disk, or an optical disc that can store program codes.

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

[0266] Finally, it should be noted that the above-described embodiments are only specific implementation manners of the present disclosure, used to illustrate the technical solutions of the present disclosure, rather than limiting it. The protection scope of the present disclosure is not limited thereto. Although the present disclosure has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that any person skilled in the art within the technical scope disclosed by the present disclosure can still modify the technical solutions recorded in the foregoing embodiments or can easily think of changes, or perform equivalent replacements on some of the technical features; and these modifications, changes or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure, and should all be covered within the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure should be subject to the protection scope of the claims.

Claims

1. A component editing method, characterized in that The method includes: Displaying, through a terminal device, an editing interface with logical editing functions, where the editing interface includes at least one logical component, and the at least one logical component constitutes a programming logic; In response to a sorting start instruction, combining and adsorbing the logical components in the editing interface onto a sorting line displayed in the editing interface according to a preset sorting rule; where 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 including at least a first-attribute logical component, the second type of logical component combination is a logical component combination not including the first-attribute logical component, and the logical component combination includes at least one of the logical components; In response to a first operation on a target logical component combination adsorbed on the sorting line, adjusting the adsorption position of the target logical component combination on the sorting line based on the first operation, where the target logical component combination includes 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 according to claim 1, wherein The method further includes: In response to a second operation on a target logical component combination adsorbed on the sorting line, controlling the target logical component combination to disengage from the sorting line based on the second operation; Controlling to display the target logical component combination that has disengaged from the sorting line at a preset position in the editing interface.

3. The method according to claim 2, characterized in that, The preset position includes 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; where the preset position has nothing to do with the operation stop position of the second operation.

4. The method according to claim 2, characterized in that The step of, in response to a second operation on a target logical component combination adsorbed on the sorting line, controlling the target logical component combination to disengage from the sorting line based on the second operation, includes: In response to a second operation on a target logical component combination adsorbed on the sorting line, determining the distance between the operation position of the second operation and the sorting line; If the distance between the operation position of the second operation and the sorting line is greater than a preset distance threshold, controlling the target logical component combination to disengage from the sorting line.

5. The method according to claim 2, wherein After the step of controlling to display the target logical component combination that has disengaged from the sorting line at a preset position in the editing interface, the method further includes: Determining other logical component combinations among the logical component combinations adsorbed on the sorting line whose adsorption positions are after the target logical component combination; Adjusting the adsorption positions of the other logical component combinations on the sorting line.

6. The method according to claim 2, wherein The method further includes: In response to the sorting start instruction, controlling to update the component state of the logical component combination to a first state, where the first state is configured to control the logical component combination in the first state to be adsorbed to the sorting line; In response to the target logic component combination detaching from the sorting line, control to update the component state of the target logic component combination from the first state to the second state, where the second state is configured to control the display of the logic component combination in the second state at a preset position on the editing interface.

7. The method according to claim 6, wherein The editing interface includes a control display window, and the control display window includes at least one logic component control; the method further includes: In response to a third operation on the first logic component control in the control display window, create a first logic component corresponding to the first logic component control, and configure the component state of the first logic component to the second state; Control to display the first logic component at the operation stop position of the third operation in the editing interface.

8. The method according to claim 6, wherein The editing interface includes a control display window, and the control display window includes at least one logic component control; the method further includes: In response to a third operation on the first logic component control in the control display window, create a first logic component corresponding to the first logic component control, and configure the component state of the first logic component to the first state; Control to adsorb the first logic component on the sorting line.

9. The method according to claim 7, wherein The method further includes: In response to dragging the second logic component combination in the second state in the editing interface to the sorting line, control to adsorb the second logic component combination on the sorting line, and update the component state of the second logic component combination from the second state to the first state.

10. The method according to claim 9, wherein The step of, in response to dragging the second logic component combination in the second state in the editing interface to the sorting line, controlling to adsorb the second logic component combination on the sorting line, includes: In response to dragging the second logic component combination in the second state in the editing interface to the sorting line, based on the dragging position and the size of the second logic component combination, determine a pre-adsorption area of the second logic component combination on the sorting line; Display the pre-adsorption area on the sorting line in a first display manner; In response to the end of dragging, adsorb the second logic component combination on the pre-adsorption area on the sorting line.

11. The method according to claim 10, wherein The method further includes: In response to displaying the pre-adsorption area on the sorting line in a first display manner, according to the pre-adsorption area, adjust the adsorption position on the sorting line of the logic component combination whose adsorption position is after the pre-adsorption area among the logic component combinations adsorbed on the sorting line.

12. The method according to claim 6, wherein The method further includes: In response to the sorting start instruction, control to display a list control in the editing interface; where the list control includes thumbnail identifiers of logic component combinations in the first state; the list control does not include thumbnail identifiers of logic component combinations in the second state.

13. The method according to claim 6, characterized in that, The method further includes: When a combination identifier corresponding to a logic component combination in the first state is displayed in the editing interface, cancel the display of the combination identifier corresponding to the logic component combination in the second state.

14. The method according to claim 1, characterized in that, The editing interface includes interaction controls; the display level of the sorting line is lower than that of the interaction controls.

15. The method according to claim 14, wherein The method further includes: In response to a logical component combination in the editing interface being adsorbed on the sorting line, controlling to adjust the display level of the logical component combination adsorbed on the sorting line to be lower than that of the sorting line.

16. The method according to claim 1, characterized in that, The adsorption positions of different logical component combinations on the sorting line do not overlap.

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

18. The method according to claim 1, wherein The sorting line is a line with a preset direction at a specified position in the editing interface.

19. The method according to claim 1, characterized in that The step of, in response to a first operation on a target logical component combination adsorbed on the sorting line, adjusting the adsorption position of the target logical component combination on the sorting line based on the first operation includes: In response to a first operation on a target logical component combination adsorbed on the sorting line, determining the operation position corresponding to the first operation; Based on the operation position, determining the target adsorption position of the target logical component combination on the sorting line and adsorbing the target logical component combination at the target adsorption position.

20. The method according to claim 19, wherein The method further includes: In response to the target logical component combination being adsorbed at the target adsorption position, adjusting the adsorption positions of the logical component combinations other than the target logical component combination among the logical component combinations adsorbed on the sorting line based on the target adsorption position.

21. The method according to claim 1, characterized in that, The method further includes: In response to a parameter setting operation on a target logical component combination adsorbed on the sorting line, adjusting the component parameters of the logical components in the target logical component combination according to the setting parameters of the parameter setting operation.

22. The method according to claim 1, characterized in that, The method further includes: If the first operation acts on a target first-attribute logical component, determining the logical component combination including the target first-attribute logical component 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, determining the logical component on which the first operation acts 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 according to claim 1, wherein The method further comprises: In response to a sliding operation on the editing interface, display content in the editing interface is adjusted according to the sliding operation.

24. The method according to claim 23, wherein The method further comprises: In response to adsorbing the logical component combination in the editing interface onto the sorting line displayed in the editing interface, corresponding combination identifiers are respectively displayed at designated positions corresponding to each logical component combination on the sorting line; wherein the combination identifier includes information of the logical component combination.

25. The method according to claim 24, characterized in that, 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 adsorbed on the sorting line in the opposite direction of the operation direction in the editing interface; If the operation direction of the sliding operation is a vertical direction of the sorting line, the logic component combination adsorbed on the sorting line displayed in the editing interface is controlled to move toward the operation direction.

26. The method according to claim 25, wherein The method further comprises: In response to a sliding operation on the editing interface in a direction perpendicular to the sorting line, the sorting line is controlled to leave the display area corresponding to the editing interface, the sorting line is hidden in the editing interface, and the combination logo is controlled to be displayed at a corresponding position in the editing interface; wherein the corresponding position matches the position on the sorting line where the combination logo is displayed.

27. The method according to claim 25, wherein The method further comprises: In response to the target first-category logical component combination being displayed in the editing interface without being separated from the sorting line, controlling the display of a combination identifier of the target first-category logical component combination at a display position of the target first-category logical component combination in the editing interface; In response to the target second-category logical component combination being separated from the sorting line and displayed in the editing interface, the combination identifier of the target second-category logical component combination is cancelled.

28. The method according to claim 1, wherein The editing interface displays an opening 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 logic component combination contained in the corresponding logic component combination class; the method also includes: In response to the trigger operation for the opening control, the sorting opening instruction corresponding to the at least one logical component combination class is triggered to adsorb the logical component combination included in the at least one logical component combination class onto the sorting line displayed in the editing interface.

29. The method according to claim 1, characterized in that, 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; the method further includes: In response to a triggering operation of a display control corresponding to a target logic component combination class in the at least one logic component combination class, a combination display panel corresponding to the target logic component combination class is controlled to be displayed in the editing interface; wherein the combination display panel includes: a combination identifier of the logic component combination included in the target logic component combination class, and an opening control; In response to a trigger operation on the opening control, trigger an arrangement opening instruction for the target logical component combination class, so as to adsorb the logical component combinations included in the target logical component combination class on the arrangement line displayed in the editing interface.

30. The method according to claim 28 or 29, characterized in that, The method further includes: In response to a trigger operation on the opening control, control to switch the opening control to a closing control; In response to a trigger operation on the closing control, cancel the display of the arrangement line in the editing interface, release the adsorption of the logical component combination on the arrangement line, and restore the display position of the logical component combination in the editing interface.

31. The method according to claim 1, characterized in that, The method further includes: In response to the arrangement opening instruction, control to display a list control at a specified position in the editing interface; wherein, the list control includes: a component list and a viewing checkbox located on the component list; the component list includes thumbnail identifiers of the logical component combinations adsorbed on the arrangement line; the viewing checkbox is used to select a viewing area in the component list, and the logical component combination corresponding to the thumbnail identifier in the component list corresponding to the viewing area is the logical component combination currently displayed and adsorbed on the arrangement line in the editing interface.

32. The method according to claim 31, wherein The method further includes: In response to a moving operation on the viewing checkbox, based on the moving operation, adjust the viewing area selected by the viewing checkbox in the component list, and update the logical component combination currently displayed and adsorbed on the arrangement line in the editing interface to the logical component combination corresponding to the thumbnail identifier in the adjusted viewing area of the component list.

33. The method according to claim 31, wherein The size of the component list is a fixed size, and the method further includes: If all the thumbnail identifiers of the logical component combinations adsorbed on the arrangement line cannot be displayed under the fixed size, control to display an adjustment control at a preset position in the list control; 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.

34. The method according to claim 33, wherein The method further includes: When adjusting the thumbnail identifiers displayed in the component list according to the first trigger operation, control the relative position between the viewing checkbox and the component list to remain unchanged, and control the thumbnail identifiers displayed in the viewing area selected by the viewing checkbox in the component list to change according to the change of the thumbnail identifiers displayed in the component list.

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

36. The method according to claim 35, wherein The method further includes: In response to that all component thumbnail identifiers not displayed in the first direction are displayed in the component list, control to cancel the display of the first adjustment control in the list control; In response to that all component thumbnail identifiers not displayed in the second direction are displayed in the component list, control to cancel the display of the second adjustment control in the list control.

37. The method according to claim 1, wherein The step of adjusting the adsorption position of the target logic component combination on the sorting line based on the first operation in response to the first operation on the target logic component combination adsorbed on the sorting line includes: In response to the first operation on the target logic combination adsorbed on the sorting line, adjust the storage order of the structure data corresponding to the target logic combination in the modeling layer based on the first operation; Based on the adjusted storage order of the structure data corresponding to the target logic combination in the modeling layer, trigger the view layer to update the adsorption position of the target logic component combination on the sorting line displayed in the editing interface.

38. A component editing device, characterized in that, The device includes: An interface display module, configured to display an editing interface with a logic editing function through a terminal device, where the editing interface includes at least one logic component, and the at least one logic component constitutes a programming logic; A component sorting module, configured to, in response to a sorting start instruction, adsorb the logic component combinations in the editing interface on the sorting line displayed in the editing interface according to a preset sorting rule; where the logic component combinations include: a first type of logic component combination and a second type of logic component combination, the first type of logic component combination is a logic component combination including at least a first attribute logic component, the second type of logic component combination is a logic component combination not including the first attribute logic component, and the logic component combination includes at least one of the logic components; A component editing module, configured to, in response to a first operation on a 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, where the target logic component combination includes at least one of the following: the first type of logic component combination, the 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.

39. An electronic device, characterized in that, The electronic device includes a processor and a memory, the memory stores machine - executable instructions that can be executed by the processor, and the processor executes the machine - executable instructions to implement the component editing method according to any one of claims 1 to 37.

40. A computer-readable storage medium, characterized in that, The computer - readable storage medium stores computer - executable instructions, and when the computer - executable instructions are called and executed by a processor, the computer - executable instructions cause the processor to implement the component editing method according to any one of claims 1 to 37.

Images