Control editing method and device and electronic equipment

Abstract

The invention provides a control editing method and device and electronic equipment. In response to a control editing instruction, at least one entry control and an expansion panel corresponding to the entry control are controlled to be displayed in a graphical user interface; in response to a movement control operation for a target entry control in the at least one entry control, controlling the target entry control to move in the graphical user interface; and in response to the movement of the target entrance control to a target position in the graphical user interface, adjusting a display position of an expansion panel corresponding to the target entrance control relative to the target entrance control based on a position adjustment mode corresponding to the target position. According to the method, only the display position of the entrance control needs to be adjusted during the custom layout of the control, and the display position of the unfolding panel corresponding to the entrance control relative to the target entrance control can be automatically adjusted according to the display position of the entrance control, so that the operation mode of the control layout is simplified, and the control layout efficiency is improved.

Description

Technical Field

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

[0002] When customizing the layout of game controls, it is usually necessary to adjust the position of the entry control with the expansion panel so that the corresponding expansion panel is displayed after the entry control is triggered during the game. In the related art, after the position of each entry control is adjusted, the entry control needs to be bound to the corresponding expansion panel. When the position of the entry control is adjusted again, the entry control needs to be unbound from the corresponding expansion panel to adjust the position of the entry control. This method is cumbersome to operate, making it difficult for players to quickly adjust the control layout. Summary of the invention

[0003] The purpose of the present disclosure is to provide a control editing method, device and electronic device to simplify control editing operations and improve control editing efficiency.

[0004] In a first aspect, the present disclosure provides a control editing method, providing a graphical user interface through a terminal device, the method comprising: in response to a control editing instruction, controlling the display of at least one entry control and an expansion panel corresponding to the entry control in the graphical user interface; wherein the entry control is configured to be displayed when a preset condition is met and to provide a corresponding expansion panel after being triggered, the expansion panel including at least one functional option for providing an interactive function; in response to a move control operation on a target entry control in at least one entry control, controlling the target entry control to move in the graphical user interface; in response to the target entry control moving to a target position in the graphical user interface, adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on a position adjustment method corresponding to the target position.

[0005] In a second aspect, the present disclosure provides a control editing device, which provides a graphical user interface through a terminal device, and the device includes: a control display module, which is used to control the display of at least one entry control and an expansion panel corresponding to the entry control in the graphical user interface; wherein the entry control is configured to be displayed when a preset condition is met and to provide a corresponding expansion panel after being triggered, and the expansion panel includes at least one functional option for providing interactive functions; a control movement module, which is used to respond to a movement control operation of a target entry control in at least one entry control, and control the movement of the target entry control in the graphical user interface; a position adjustment module, which is used to respond to the target entry control moving to the target position in the graphical user interface, and adjust the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position.

[0006] In a third aspect, the present disclosure provides an electronic device, which includes a processor and a memory, wherein 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-mentioned control editing method.

[0007] In a fourth aspect, the present disclosure provides a computer-readable storage medium storing computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the above-mentioned control editing method.

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

[0009] The present disclosure provides a control editing method, device and electronic device, which first responds to a control editing instruction, controls the display of at least one entry control and an expansion panel corresponding to the entry control in a graphical user interface; wherein the entry control is configured to display when a preset condition is met and provide a corresponding expansion panel after being triggered, and the expansion panel includes at least one functional option for providing an interactive function; and then responds to a movement control operation for a target entry control in at least one entry control, controls the target entry control to move in the graphical user interface; and then responds to the target entry control moving to a target position in the graphical user interface, based on a position adjustment method corresponding to the target position, adjusts the display position of the expansion panel corresponding to the target entry control relative to the target entry control. This method only needs to adjust the display position of the entry control when the control is customized, and can automatically adjust the display position of the expansion panel corresponding to the entry control relative to the target entry control according to the display position of the entry control, thereby simplifying the operation method of the control layout and improving the efficiency of the control layout.

[0010] Other features and advantages of the present disclosure will be set forth in the following description, or some features and advantages may be inferred or unambiguously determined from the description, or may be learned by implementing the above-mentioned technology of the present disclosure.

[0011] In order to make the above-mentioned objectives, features and advantages of the present disclosure more obvious and easy to understand, the following specifically cites preferred implementation modes and describes them in detail with reference to the attached drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] In order to more clearly illustrate the specific embodiments of the present disclosure or the technical solutions in the prior art, the drawings required for use in the specific embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present disclosure. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

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

[0014] Figure 2 A schematic diagram of position adjustment of a display panel provided in an embodiment of the present disclosure;

[0015] Figure 3 A schematic diagram of another position adjustment of an expanded panel provided in an embodiment of the present disclosure;

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

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

[0018] In order to make the purpose, technical solutions and advantages of the embodiments of the present disclosure clearer, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are part of the embodiments of the present disclosure, rather than all the embodiments. The components of the embodiments of the present disclosure described and shown in the drawings here can be arranged and designed in various different configurations.

[0019] Therefore, the following detailed description of the embodiments of the present disclosure provided in the accompanying drawings is not intended to limit the scope of the present disclosure claimed for protection, but merely represents selected embodiments of the present disclosure. Based on the embodiments in the present disclosure, all other embodiments obtained by ordinary technicians in the field without creative work are within the scope of protection of the present disclosure.

[0020] In the existing custom control layout, the steps for adjusting the entry control with an expanded panel are cumbersome and the interactive experience is poor: each entry control needs to be bound / unbound before adjustment, and there are many steps; at the same time, the automatic adjustment is not flexible enough and the relative position is fixed (left and right or top and bottom structure), resulting in limited space utilization of the custom interface, overlap between the entry control and the expanded panel, and easy accidental touches during actual operation.

[0021] Based on the above problems, the embodiments of the present invention provide a control editing method, device and electronic device. The technology can be applied to the control custom layout scenario, especially the custom layout scenario of the entry control with an expansion panel.

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

[0023] In an optional implementation, various cloud applications can be run under the cloud interaction system, such as cloud games. Taking cloud games as an example, cloud games refer to a game mode based on cloud computing. In the operation mode of cloud games, the running body of the game program and the game screen presentation body are separated, the storage and operation of the control editing method are completed on the cloud game server, and the role of the client device is used for receiving and sending data and presenting the game screen. For example, the client device can be a display device with data transmission function close to the user side, such as a mobile terminal, a TV, a computer, a handheld computer, etc.; but the cloud game server in the cloud is used for information processing. When playing the game, the player 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 the game screen and other data, and returns it to the client device through the network. Finally, the client device decodes and outputs the game screen.

[0024] In an optional embodiment, taking a game as an example, a local terminal device stores a game program and is used to present a game screen. The local terminal device is used to interact with the player through a graphical user interface, that is, the game program is downloaded and installed by an electronic device and run conventionally. The local terminal device may provide the graphical user interface to the player in a variety of ways, for example, it may be rendered and displayed on a display screen of the terminal, or provided to the player through a holographic projection. For example, the local terminal device may include a display screen and a processor, the display screen is used to present a graphical user interface, the graphical user interface includes a game screen, and the processor is used to run the game, generate a graphical user interface, and control the display of the graphical user interface on the display screen.

[0025] In a possible implementation, the present disclosure provides a control editing method, which provides a graphical user interface through a terminal device, such as Figure 1 As shown, the method comprises the following steps:

[0026] Step S102, in response to a control editing instruction, controls the display of at least one entry control and an expansion panel corresponding to the entry control in a graphical user interface; wherein the entry control is configured to be displayed when a preset condition is met and to provide a corresponding expansion panel after being triggered, and the expansion panel includes at least one functional option for providing interactive functions.

[0027] In a specific implementation, the terminal device may be the local terminal device mentioned above, or the client device in the cloud interaction system mentioned above. For example, the terminal device may be a mobile phone, a tablet computer, a personal computer, a game console, or a game console. The terminal device displays the graphical user interface corresponding to the target game by running the game program corresponding to the target game. The target game may be a mobile game, a terminal game, or a console game. The control editing page may be displayed in the graphical user interface, and the scene screen corresponding to at least part of the game scene may also be displayed. The display content in the graphical user interface may be determined according to the game rules and the player's operation.

[0028] Specifically, the target game usually includes at least one entry control, and each entry control corresponds to an expansion panel. The entry control and the corresponding expansion panel will be displayed simultaneously in the control editing page, but in the game running scene, only the entry control is displayed at the beginning, and the corresponding expansion panel will be displayed when the player clicks the entry control. The expansion panel is usually a list of function options (for example, opening a pop-up window) or a switch list (for example, a list of switch configurations). Among them, the expansion panel usually includes multiple function options, each function option is configured with a corresponding interactive function, and usually different function options have different corresponding interactive functions after triggering. For example, the expansion panel includes five function options of "pet information", "pet backpack", "feeding", "training" and "playing", wherein the player triggers "pet information" to display the basic information of the corresponding pet in the graphical user interface, the player triggers "pet backpack" to display the props owned by the corresponding pet in the graphical user interface, and the player triggers "feeding", "training" and "playing" to perform game behaviors such as feeding, training and playing on the corresponding pet. In addition, some expansion panels can also include a variety of tactical equipment props.

[0029] In a specific implementation, the triggering method corresponding to the above-mentioned control editing instruction can be determined according to the game rules. For example, the control editing instruction can be triggered after entering the game editor, or it can be triggered by triggering a specified control displayed in the graphical user interface. When the player executes the control editing instruction, the control editing page will be displayed in the graphical user interface, and the entry control to be edited and the expansion panel corresponding to the entry control will be displayed in the control editing page. After the control editing is completed, when entering the game running scene, the graphical user interface will only display the entry control, and when the player triggers the entry control, the expansion panel corresponding to the entry control will be displayed.

[0030] Step S104, in response to a movement control operation on a target portal control in at least one portal control, controlling the target portal control to move in the graphical user interface.

[0031] In specific implementation, the target entry control can be any entry control displayed in the graphical user interface, which can be determined according to the player's operation. The specific operation corresponding to the mobile control operation can be determined according to R&D requirements and player operations. For example, the mobile control operation can be a drag operation on the target entry control in a mobile game, or an operation to control the movement of the target entry control through a mouse or a designated button on the keyboard in a terminal game. When the player performs a mobile control operation on the target entry control, the target entry control will move in the graphical user interface following the mobile control operation, thereby determining the display position of the target entry control in the graphical user interface according to the mobile control operation.

[0032] Step S106, in response to the target entry control being moved to the target position in the graphical user interface, based on the position adjustment method corresponding to the target position, adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control.

[0033] In a specific implementation, the above-mentioned target position can be any position in the graphical user interface. When the player controls the target entry control to move to a certain position in the graphical user interface, the position will be determined as the display position of the target entry control, and based on the position adjustment method corresponding to the position, the display position of the expansion panel corresponding to the target entry control will be automatically adjusted and displayed. Among them, the position adjustment method corresponding to each position in the graphical user interface is pre-set, and the position adjustment methods corresponding to different positions in the graphical user interface may be the same or different, which is determined according to the research and development needs.

[0034] Specifically, the above position debugging mode is used to indicate at least one of the following information: the alignment style of the expansion panel corresponding to the target entry control and the target entry control, and the relative position relationship between the expansion panel corresponding to the target entry control and the target entry control. Among them, the alignment style includes but is not limited to alignment above the target entry control, alignment to the right, alignment to the left, or alignment to the bottom; the relative position relationship includes but is not limited to: the expansion panel corresponding to the target entry control is located on the right side of the target entry control, the expansion panel corresponding to the target entry control is located on the left side of the target entry control, the expansion panel corresponding to the target entry control is located above the target entry control, and the expansion panel corresponding to the target entry control is located below the target entry control.

[0035] A control editing method provided by an embodiment of the present invention only needs to adjust the display position of the entry control when the control is customized. According to the display position of the entry control, the display position of the expanded panel corresponding to the entry control relative to the target entry control can be automatically adjusted, thereby simplifying the operation method of the control layout and improving the control layout efficiency.

[0036] The following embodiments are used to describe the way of displaying controls.

[0037] Specifically, the above-mentioned control of displaying at least one entry control in a graphical user interface, and the specific process of the expanded panel corresponding to the entry control, may include: controlling the display of at least one entry control in a first display mode in the graphical user interface, and displaying the expanded panel corresponding to the entry control in a second display mode; wherein the first display mode is used to indicate that the entry control is in an editable state, and the second display mode is used to indicate that the expanded panel corresponding to the entry control is in a non-editable state.

[0038] When the player triggers the control editing instruction through the terminal device, the entry control will be displayed in the graphical user interface in a first display mode, and the display panel corresponding to the entry control will be displayed in a second display mode. The above-mentioned first display mode and second display mode are different display modes. Players can determine which controls are in an editable state and which controls are in a non-editable state through the display mode of the controls displayed in the graphical user interface. Players can only edit controls in an editable state, and players cannot edit controls in a non-editable state. That is, when the player operates a control in a non-editable state, the control does not respond. Therefore, the present disclosure does not support manual adjustment of the display position of the expansion panel, but only supports adjustment of the display position of the entry control. The display position of the expansion panel is automatically adjusted.

[0039] The specific display modes corresponding to the first display mode and the second display mode can be determined according to the research and development requirements. For example, the first display mode can be to highlight the entry control, and the second display mode can be to darken the semi-transparent display of the expansion panel; the first display mode can be to display the entry control in a first color, and the second display mode can be to display the expansion panel in a second color; wherein the first color and the second color are different colors. For example, the entry control is in an editable state with 100% opacity, while the expansion panel is in a non-editable state with 50% opacity.

[0040] Based on the above method, players can quickly locate the editable controls in the control editing page and quickly edit the controls; the non-editable expansion panel can automatically adjust the display position following the corresponding entry control, thereby improving the efficiency of control layout.

[0041] The following embodiments are used to describe the method of automatically adjusting the position of a control.

[0042] Specifically, in response to the target entry control being moved to the target position in the graphical user interface, the specific process of adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position is implemented by the following steps 10-11:

[0043] Step 10, in response to the target entry control moving to the target position in the graphical user interface, determine the target position adjustment area to which the target position belongs, and the target position adjustment method configured in the target position adjustment area; wherein the graphical user interface is divided into at least one position adjustment area, and different position adjustment areas are respectively configured with corresponding position adjustment methods.

[0044] In a specific implementation, the player can control the target entry control to move to any position in the graphical user interface, so as to automatically adjust the display position of the expansion panel corresponding to the target entry control based on the position. Specifically, the graphical user interface can be divided into one or more position adjustment areas, and corresponding position adjustment methods are configured for different position adjustment areas. Usually, different position adjustment areas are configured with different position adjustment methods, so that when the target entry control is moved to different position adjustment areas, the display position of the target entry control and the expansion panel corresponding to the target entry control is different.

[0045] Step 11: Based on the target position adjustment method, adjust the display position of the expansion panel corresponding to the target entry control relative to the target entry control.

[0046] In specific implementation, after determining the position adjustment method corresponding to the position of the entry control, it is necessary to automatically adjust the display position of the expansion panel corresponding to the entry control relative to the target entry control according to the determined position adjustment method.

[0047] In an optional embodiment, the target position adjustment method is used to indicate at least one of the following information: an alignment style between the expansion panel corresponding to the target entry control and the target entry control, and a relative position relationship between the expansion panel corresponding to the target entry control and the target entry control. The alignment style and the relative position relationship can be determined according to research and development requirements.

[0048] Furthermore, the specific process of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the target position adjustment method may include: while keeping the display position of the target entry control unchanged, adjusting the alignment style of the expanded panel corresponding to the target entry control and the target entry control to the alignment style indicated by the target position adjustment method, and / or adjusting the relative position of the expanded panel corresponding to the target entry control and the target entry control to the relative position relationship indicated by the target position adjustment method.

[0049] In specific implementation, the target position adjustment method is only for the adjustment method of the expansion panel corresponding to the entry control, and will not adjust the position of the entry control. That is, while the display position of the target entry control remains unchanged, the expansion panel corresponding to the target entry control will automatically align with the target entry control, and the alignment style is the same as the alignment style indicated by the target position adjustment method; the expansion panel corresponding to the target entry control will also adjust the position of the display panel corresponding to the target entry control relative to the target entry control based on the relative position relationship indicated by the target position adjustment method.

[0050] like Figure 2 FIG. 1 is a schematic diagram of position adjustment of a display panel provided by an embodiment of the present invention. Figure 2 The graphical user interface in is divided into four position adjustment areas, namely the upper left area, the upper right area, the lower left area and the lower right area. Figure 2 Each position adjustment area in the is displayed with an entry control and an expansion panel corresponding to the entry control, which is used to display the position adjustment methods corresponding to different position adjustment areas. Figure 2 The small square with a dog head in the middle is the entry control, and the list with 5 function options next to the entry control is the expansion panel. Figure 2 The position adjustment method corresponding to the upper left area in is: the expanded panel corresponding to the entry control is displayed on the right side of the entry control and aligned with the top of the entry control; the position adjustment method corresponding to the lower left area is: the expanded panel corresponding to the entry control is displayed on the right side of the entry control and aligned with the bottom of the entry control; the position adjustment method corresponding to the upper right area is: the expanded panel corresponding to the entry control is displayed on the left side of the entry control and aligned with the top of the entry control; the position adjustment method corresponding to the lower right area is: the expanded panel corresponding to the entry control is displayed on the left side of the entry control and aligned with the bottom of the entry control.

[0051] The above method improves the efficiency of control layout operation and reduces player accidental touches; at the same time, this method does not need to reserve space for the expansion panel, which improves the effective utilization of the space of the player's customized interface. In addition, this method has reuse reference value for other games.

[0052] The following embodiment is used to describe another control position adjustment method.

[0053] Specifically, the target position is an edge position of a graphical user interface; based on this, the specific process of adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface is implemented by the following steps 20-21:

[0054] Step 20, in response to the target entry control moving to the target edge position of the graphical user interface, determine the target edge area to which the target edge position belongs, and the target edge position adjustment method configured for the target edge area; wherein the edge position of the graphical user interface is divided into at least one edge area, and different edge areas are respectively configured with corresponding edge position adjustment methods.

[0055] In a specific implementation, the edge positions around the graphical user interface can be divided into one or more edge areas, and corresponding edge position adjustment methods are configured for different edge areas. Usually, different edge position adjustment methods are configured for different edge areas, so that when the target entry control moves to different edge positions, the display position of the target entry control and the expansion panel corresponding to the target entry control are different. After determining the target edge area corresponding to the edge position of the target entry control, the display position of the expansion panel corresponding to the entry control relative to the target entry control will be automatically adjusted based on the edge position adjustment method corresponding to the target edge area.

[0056] It should be noted that, since the case where the entry control is displayed at the edge of the graphical user interface is relatively special, the edge position adjustment method configured in the edge area is usually different from the position adjustment method configured in the above position adjustment area. The above edge area is usually a rectangular area at a certain distance from the outermost edge of the graphical user interface.

[0057] Step 21: Based on the target edge position adjustment method, adjust the display position of the expansion panel corresponding to the target entry control relative to the target entry control.

[0058] In specific implementation, after determining the edge position adjustment method corresponding to the edge position of the entry control, it is necessary to automatically adjust the display position of the expansion panel corresponding to the entry control relative to the target entry control according to the determined edge position adjustment method.

[0059] In an optional embodiment, the above-mentioned target edge position adjustment method is used to indicate at least one of the following information: the alignment style of the expansion panel corresponding to the target entry control and the target entry control, and the relative position relationship between the expansion panel corresponding to the target entry control and the target entry control. Among them, the alignment style and the relative position relationship can be determined according to research and development needs. For example, the alignment style includes but is not limited to alignment above the target entry control, alignment to the right, alignment to the left, or alignment to the bottom; the relative position relationship includes but is not limited to: the expansion panel corresponding to the target entry control is located above the target entry control, and the expansion panel corresponding to the target entry control is located below the target entry control.

[0060] Furthermore, the specific process of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the target edge position adjustment method may include: while keeping the display position of the target entry control unchanged, adjusting the alignment style of the expanded panel corresponding to the target entry control and the target entry control to the alignment style indicated by the target edge position adjustment method, and / or adjusting the relative position of the expanded panel corresponding to the target entry control and the target entry control to the relative position relationship indicated by the target edge position adjustment method.

[0061] In the specific implementation, when the player controls the target entry control to move to the edge position of the graphical user interface, the target entry control will be set at the edge position, and the display position of the expanded panel corresponding to the target entry control will be automatically adjusted based on the edge position adjustment method corresponding to the edge position where the target entry control is currently set.

[0062] like Figure 3 FIG. 1 is a schematic diagram showing another position adjustment of an expanded panel provided by an embodiment of the present invention. Figure 3 The graphical user interface is divided into 6 areas, including a position adjustment area and 5 edge areas. Among them, the middle area is the position adjustment area, and the position adjustment method corresponding to the position adjustment area is: the expansion panel corresponding to the entry control is displayed above the entry control and is aligned with the center of the entry control; the position adjustment method corresponding to the upper edge area is: the expansion panel corresponding to the entry control is displayed below the entry control and is aligned with the center of the entry control; the position adjustment method corresponding to the upper left edge area is: the expansion panel corresponding to the entry control is displayed below the entry control and is aligned with the left of the entry control; the position adjustment method corresponding to the upper right edge area is: the expansion panel corresponding to the entry control is displayed below the entry control and is aligned with the right of the entry control; the position adjustment method corresponding to the lower left edge area is: the expansion panel corresponding to the entry control is displayed above the entry control and is aligned with the left of the entry control; the position adjustment method corresponding to the lower right edge area is: the expansion panel corresponding to the entry control is displayed above the entry control and is aligned with the right of the entry control.

[0063] In the above method, when the entry control is dragged to the edge of the graphical user interface, the alignment of the entry control and the corresponding expansion panel is switched and the upper and lower positions are swapped. This method improves the efficiency of control layout operation and reduces accidental touches by players.

[0064] Corresponding to the above method embodiment, the embodiment of the present invention provides a control editing device, which provides a graphical user interface through a terminal device, such as Figure 4 As shown, the device comprises:

[0065] The control display module 40 is used to control the display of at least one entry control and the expansion panel corresponding to the entry control in the graphical user interface; wherein the entry control is configured to be displayed when a preset condition is met and to provide a corresponding expansion panel after being triggered, and the expansion panel includes at least one functional option for providing interactive functions.

[0066] The control moving module 41 is used to respond to a moving control operation on a target entry control in at least one entry control, and control the target entry control to move in the graphical user interface.

[0067] The position adjustment module 42 is used to adjust the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface.

[0068] The above-mentioned control editing device only needs to adjust the display position of the entry control when the control is customized. It can automatically adjust the display position of the expanded panel corresponding to the entry control relative to the target entry control according to the display position of the entry control, thereby simplifying the operation method of the control layout and improving the efficiency of the control layout.

[0069] Specifically, the above-mentioned position adjustment module 42 is used to: in response to the target entry control moving to the target position in the graphical user interface, determine the target position adjustment area to which the target position belongs, and the target position adjustment method configured in the target position adjustment area; wherein the graphical user interface is divided into at least one position adjustment area, and different position adjustment areas are respectively configured with corresponding position adjustment methods; based on the target position adjustment method, adjust the display position of the expanded panel corresponding to the target entry control relative to the target entry control.

[0070] Furthermore, the target position adjustment method is used to indicate at least one of the following information: an alignment style between the expansion panel corresponding to the target entry control and the target entry control, and a relative position relationship between the expansion panel corresponding to the target entry control and the target entry control.

[0071] Furthermore, the above-mentioned position adjustment module 42 is used to: while keeping the display position of the target entry control unchanged, adjust the alignment style between the expanded panel corresponding to the target entry control and the target entry control to the alignment style indicated by the target position adjustment method, and / or adjust the relative position between the expanded panel corresponding to the target entry control and the target entry control to the relative position relationship indicated by the target position adjustment method.

[0072] Furthermore, the target position is an edge position of a graphical user interface; based on this, the position adjustment module 42 is used to: determine the target edge area to which the target edge position belongs, and the target edge position adjustment method configured for the target edge area in response to the target entry control moving to the target edge position of the graphical user interface; wherein the edge position of the graphical user interface is divided into at least one edge area, and different edge areas are respectively configured with corresponding edge position adjustment methods; based on the target edge position adjustment method, adjust the display position of the expanded panel corresponding to the target entry control relative to the target entry control.

[0073] In an optional embodiment, the target edge position adjustment method is used to indicate at least one of the following information: an alignment style between the expanded panel corresponding to the target entry control and the target entry control, and a relative position relationship between the expanded panel corresponding to the target entry control and the target entry control; based on this, the position adjustment module 42 is used to: while keeping the display position of the target entry control unchanged, adjust the alignment style between the expanded panel corresponding to the target entry control and the target entry control to the alignment style indicated by the target edge position adjustment method, and / or adjust the relative position of the expanded panel corresponding to the target entry control and the target entry control to the relative position relationship indicated by the target edge position adjustment method.

[0074] In an optional embodiment, the above-mentioned control display module 40 is used to: control the display of at least one entry control in a first display mode in a graphical user interface, and display the expanded panel corresponding to the entry control in a second display mode; wherein the first display mode is used to indicate that the entry control is in an editable state, and the second display mode is used to indicate that the expanded panel corresponding to the entry control is in a non-editable state.

[0075] The control editing device provided in the embodiment of the present disclosure has the same implementation principle and technical effects as those of the aforementioned method embodiment. For the sake of brief description, for matters not mentioned in the device embodiment, reference may be made to the corresponding contents in the aforementioned method embodiment.

[0076] The embodiment of the present invention further provides an electronic device, such as Figure 5 As shown, the electronic device includes a processor and a memory, the memory stores machine executable instructions that can be executed by the processor, and the processor executes the machine executable instructions to implement the above-mentioned control editing method.

[0077] Specifically, a graphical user interface is provided through a terminal device, and the above-mentioned control editing method includes: in response to a control editing instruction, controlling the display of at least one entry control and an expansion panel corresponding to the entry control in the graphical user interface; wherein the entry control is configured to be displayed when a preset condition is met and to provide a corresponding expansion panel after being triggered, and the expansion panel includes at least one functional option for providing an interactive function; in response to a move control operation on a target entry control in at least one entry control, controlling the target entry control to move in the graphical user interface; in response to the target entry control moving to a target position in the graphical user interface, adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on a position adjustment method corresponding to the target position.

[0078] The above control editing method only needs to adjust the display position of the entry control when the control is customized. The display position of the expansion panel corresponding to the entry control relative to the target entry control can be automatically adjusted according to the display position of the entry control, thereby simplifying the operation method of the control layout and improving the efficiency of the control layout.

[0079] In an optional embodiment, the above-mentioned step of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface includes: in response to the target entry control moving to the target position in the graphical user interface, determining the target position adjustment area to which the target position belongs, and the target position adjustment method configured in the target position adjustment area; wherein the graphical user interface is divided into at least one position adjustment area, and different position adjustment areas are respectively configured with corresponding position adjustment methods; based on the target position adjustment method, adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control.

[0080] In an optional embodiment, the target position adjustment method is used to indicate at least one of the following information: an alignment style between the expansion panel corresponding to the target entry control and the target entry control, and a relative position relationship between the expansion panel corresponding to the target entry control and the target entry control.

[0081] In an optional embodiment, the step of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the target position adjustment method includes: while keeping the display position of the target entry control unchanged, adjusting the alignment style of the expanded panel corresponding to the target entry control and the target entry control to the alignment style indicated by the target position adjustment method, and / or adjusting the relative position of the expanded panel corresponding to the target entry control and the target entry control to the relative position relationship indicated by the target position adjustment method.

[0082] In an optional embodiment, the target position is an edge position of a graphical user interface; based on this, the step of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface includes: determining the target edge area to which the target edge position belongs, and the target edge position adjustment method configured for the target edge area in response to the target entry control moving to the target edge position of the graphical user interface; wherein the edge position of the graphical user interface is divided into at least one edge area, and different edge areas are respectively configured with corresponding edge position adjustment methods; based on the target edge position adjustment method, adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control.

[0083] In an optional embodiment, the target edge position adjustment method is used to indicate at least one of the following information: an alignment style between an expanded panel corresponding to a target entry control and the target entry control, and a relative position relationship between the expanded panel corresponding to the target entry control and the target entry control; based on this, the step of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the target edge position adjustment method includes: while keeping the display position of the target entry control unchanged, adjusting the alignment style between the expanded panel corresponding to the target entry control and the target entry control to the alignment style indicated by the target edge position adjustment method, and / or adjusting the relative position of the expanded panel corresponding to the target entry control and the target entry control to the relative position relationship indicated by the target edge position adjustment method.

[0084] In an optional embodiment, the above-mentioned control step of displaying at least one entry control and an expanded panel corresponding to the entry control in a graphical user interface includes: controlling the display of at least one entry control in a first display mode in the graphical user interface, and displaying the expanded panel corresponding to the entry control in a second display mode; wherein the first display mode is used to indicate that the entry control is in an editable state, and the second display mode is used to indicate that the expanded panel corresponding to the entry control is in a non-editable state.

[0085] Further, Figure 5 The electronic device shown further includes a bus 102 and a communication interface 103 , and the processor 101 , the communication interface 103 and the memory 100 are connected via the bus 102 .

[0086] 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 storage. The communication connection between the system network element and at least one other network element is realized through at least one communication interface 103 (which may be wired or wireless), and the Internet, wide area network, local area network, metropolitan area network, etc. may be used. The bus 102 may be an ISA bus, a PCI bus, or an EISA bus, etc. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 5 Only one bidirectional arrow is used in the diagram, but this does not mean that there is only one bus or only one type of bus.

[0087] The processor 101 may be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the above method can be completed by the hardware integrated logic circuit in the processor 101 or the instruction in the form of software. The above processor 101 can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it can also be a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components. The methods, steps and logic block diagrams disclosed in the embodiments of the present invention can be implemented or executed. The general-purpose processor can be a microprocessor or the processor can also be any conventional processor, etc. The steps of the method disclosed in conjunction with the embodiments of the present invention can be directly embodied as a hardware decoding processor for execution, or a combination of hardware and software modules in the decoding processor for execution. The software module may be located in a storage medium mature 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. The storage medium is located in the memory 100, and the processor 101 reads the information in the memory 100 and completes the steps of the method of the above embodiment in combination with its hardware.

[0088] An embodiment of the present invention further provides a computer-readable storage medium, which stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the above-mentioned control editing method. The specific implementation can be found in the method embodiment, which will not be repeated here.

[0089] Specifically, a graphical user interface is provided through a terminal device, and the above-mentioned control editing method includes: in response to a control editing instruction, controlling the display of at least one entry control and an expansion panel corresponding to the entry control in the graphical user interface; wherein the entry control is configured to be displayed when a preset condition is met and to provide a corresponding expansion panel after being triggered, and the expansion panel includes at least one functional option for providing an interactive function; in response to a move control operation on a target entry control in at least one entry control, controlling the target entry control to move in the graphical user interface; in response to the target entry control moving to a target position in the graphical user interface, adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on a position adjustment method corresponding to the target position.

[0090] The above control editing method only needs to adjust the display position of the entry control when the control is customized. The display position of the expansion panel corresponding to the entry control relative to the target entry control can be automatically adjusted according to the display position of the entry control, thereby simplifying the operation method of the control layout and improving the efficiency of the control layout.

[0091] In an optional embodiment, the above-mentioned step of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface includes: in response to the target entry control moving to the target position in the graphical user interface, determining the target position adjustment area to which the target position belongs, and the target position adjustment method configured in the target position adjustment area; wherein the graphical user interface is divided into at least one position adjustment area, and different position adjustment areas are respectively configured with corresponding position adjustment methods; based on the target position adjustment method, adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control.

[0092] In an optional embodiment, the target position adjustment method is used to indicate at least one of the following information: an alignment style between the expansion panel corresponding to the target entry control and the target entry control, and a relative position relationship between the expansion panel corresponding to the target entry control and the target entry control.

[0093] In an optional embodiment, the step of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the target position adjustment method includes: while keeping the display position of the target entry control unchanged, adjusting the alignment style of the expanded panel corresponding to the target entry control and the target entry control to the alignment style indicated by the target position adjustment method, and / or adjusting the relative position of the expanded panel corresponding to the target entry control and the target entry control to the relative position relationship indicated by the target position adjustment method.

[0094] In an optional embodiment, the target position is an edge position of a graphical user interface; based on this, the step of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface includes: determining the target edge area to which the target edge position belongs, and the target edge position adjustment method configured for the target edge area in response to the target entry control moving to the target edge position of the graphical user interface; wherein the edge position of the graphical user interface is divided into at least one edge area, and different edge areas are respectively configured with corresponding edge position adjustment methods; based on the target edge position adjustment method, adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control.

[0095] In an optional embodiment, the target edge position adjustment method is used to indicate at least one of the following information: an alignment style between an expanded panel corresponding to a target entry control and the target entry control, and a relative position relationship between the expanded panel corresponding to the target entry control and the target entry control; based on this, the step of adjusting the display position of the expanded panel corresponding to the target entry control relative to the target entry control based on the target edge position adjustment method includes: while keeping the display position of the target entry control unchanged, adjusting the alignment style between the expanded panel corresponding to the target entry control and the target entry control to the alignment style indicated by the target edge position adjustment method, and / or adjusting the relative position of the expanded panel corresponding to the target entry control and the target entry control to the relative position relationship indicated by the target edge position adjustment method.

[0096] In an optional embodiment, the above-mentioned control step of displaying at least one entry control and an expanded panel corresponding to the entry control in a graphical user interface includes: controlling the display of at least one entry control in a first display mode in the graphical user interface, and displaying the expanded panel corresponding to the entry control in a second display mode; wherein the first display mode is used to indicate that the entry control is in an editable state, and the second display mode is used to indicate that the expanded panel corresponding to the entry control is in a non-editable state.

[0097] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium, including several instructions for a computer device (which can be a personal computer, a terminal device, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk and other media that can store program codes.

[0098] In the description of the present invention, it should be noted that the terms "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer", etc., indicating the orientation or positional relationship, are based on the orientation or positional relationship shown in the drawings, and are only for the convenience of describing the present invention 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 cannot be understood as limiting the present invention. In addition, the terms "first", "second", and "third" are used for descriptive purposes only, and cannot be understood as indicating or implying relative importance.

[0099] Finally, it should be noted that the above-described embodiments are only specific implementations of the present invention, which are used to illustrate the technical solutions of the present invention, rather than to limit them. The protection scope of the present invention is not limited thereto. Although the present invention is described in detail with reference to the above-described embodiments, ordinary technicians in the field should understand that any technician familiar with the technical field can still modify the technical solutions recorded in the above-described embodiments within the technical scope disclosed by the present invention, or can easily think of changes, or make equivalent replacements for some of the technical features therein; 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 invention, and should be included in the protection scope of the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.

Claims

1. A control editing method, characterized in that: Providing a graphical user interface through a terminal device, the method comprising: In response to a control editing instruction, control the display of at least one entry control and an expansion panel corresponding to the entry control in the graphical user interface; wherein the entry control is configured to be displayed when a preset condition is met and to provide a corresponding expansion panel after being triggered, and the expansion panel includes at least one function option for providing an interactive function; In response to a movement control operation on a target portal control among the at least one portal control, controlling the target portal control to move in the graphical user interface; In response to the target entry control moving to the target position in the graphical user interface, based on the position adjustment method corresponding to the target position, the display position of the expansion panel corresponding to the target entry control relative to the target entry control is adjusted.

2. The method according to claim 1, characterized in that The step of adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the position adjustment mode corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface includes: In response to the target entry control moving to the target position in the graphical user interface, determining the target position adjustment area to which the target position belongs, and the target position adjustment method configured in the target position adjustment area; wherein the graphical user interface is divided into at least one position adjustment area, and different position adjustment areas are respectively configured with corresponding position adjustment methods; Based on the target position adjustment method, the display position of the expansion panel corresponding to the target entry control relative to the target entry control is adjusted.

3. The method according to claim 2, characterized in that The target position adjustment mode is used to indicate at least one of the following information: an alignment style between the expansion panel corresponding to the target entry control and the target entry control, and a relative position relationship between the expansion panel corresponding to the target entry control and the target entry control.

4. The method according to claim 3, characterized in that The step of adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the target position adjustment method includes: While keeping the display position of the target entry control unchanged, the alignment style between the expanded panel corresponding to the target entry control and the target entry control is adjusted to the alignment style indicated by the target position adjustment method, and / or the relative position between the expanded panel corresponding to the target entry control and the target entry control is adjusted to the relative position relationship indicated by the target position adjustment method.

5. The method according to claim 1, characterized in that The target position is an edge position of the graphical user interface; The step of adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the position adjustment mode corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface includes: In response to the target entry control moving to the target edge position of the graphical user interface, determining the target edge region to which the target edge position belongs and the target edge position adjustment method configured for the target edge region; wherein the edge position of the graphical user interface is divided into at least one edge region, and different edge regions are respectively configured with corresponding edge position adjustment methods; Based on the target edge position adjustment method, the display position of the expansion panel corresponding to the target entry control relative to the target entry control is adjusted.

6. The method according to claim 5, characterized in that The target edge position adjustment mode is used to indicate at least one of the following information: an alignment style between the expansion panel corresponding to the target entry control and the target entry control, and a relative position relationship between the expansion panel corresponding to the target entry control and the target entry control; The step of adjusting the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the target edge position adjustment method includes: While keeping the display position of the target entry control unchanged, the alignment style between the expanded panel corresponding to the target entry control and the target entry control is adjusted to the alignment style indicated by the target edge position adjustment method, and / or the relative position between the expanded panel corresponding to the target entry control and the target entry control is adjusted to the relative position relationship indicated by the target edge position adjustment method.

7. The method according to claim 1, characterized in that The step of controlling display of at least one entry control and an expansion panel corresponding to the entry control in the graphical user interface includes: Controlling display of the at least one entry control in the graphical user interface in a first display mode, and displaying an expanded panel corresponding to the entry control in a second display mode; The first display mode is used to indicate that the entry control is in an editable state, and the second display mode is used to indicate that the expansion panel corresponding to the entry control is in a non-editable state.

8. A control editing device, characterized in that: A graphical user interface is provided through a terminal device, the device comprising: A control display module, used to control the display of at least one entry control and an expansion panel corresponding to the entry control in the graphical user interface; wherein the entry control is configured to be displayed when a preset condition is met and to provide a corresponding expansion panel after being triggered, and the expansion panel includes at least one function option for providing an interactive function; A control moving module, configured to respond to a moving control operation on a target entry control in the at least one entry control and control the target entry control to move in the graphical user interface; A position adjustment module is used to adjust the display position of the expansion panel corresponding to the target entry control relative to the target entry control based on the position adjustment method corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface.

9. An electronic device, characterized in that: The electronic device comprises a processor and a memory, wherein the memory stores machine executable instructions that can be executed by the processor, and the processor executes the machine executable instructions to implement the control editing method according to any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the control editing method described in any one of items 1 to 7.

Images