Detailed Description
For the purposes of making the objects, technical solutions and advantages of the embodiments of the present disclosure more apparent, the technical solutions of 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, and it is apparent that the described embodiments are some embodiments of the present disclosure, but not all embodiments. The components of the embodiments of the present disclosure, which are generally described and illustrated in the figures herein, may be arranged and designed in a wide variety of different configurations.
Thus, 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 disclosure, as claimed, but is merely representative of selected embodiments of the disclosure. All other embodiments, which can be made by one of ordinary skill in the art without inventive effort, based on the embodiments in this disclosure are intended to be within the scope of this disclosure.
In the existing control custom layout, the steps of adjusting the inlet controls with the expansion panels are complicated, the interaction experience is poor, each inlet control needs to be firstly checked and bound/unbinding and then adjusted, the operation steps are more, meanwhile, the automatic adjustment is not flexible enough, the relative positions are fixed (left and right or up and down structures), the utilization of the custom interface space is limited, the inlet controls and the expansion panels are overlapped, and the actual operation is easy to touch by mistake.
Based on the above problems, the embodiment of the invention provides a control editing method, a control editing device and electronic equipment, and the technology can be applied to a control custom layout scene, in particular to a custom layout scene of an entry control with an unfolding panel.
The control editing method in one embodiment of the present disclosure may be run on a local terminal device or a server. When the control editing method runs on a server, the method can be realized and executed based on a cloud interaction system, wherein the cloud interaction system comprises the server and the client device.
In an alternative embodiment, various cloud applications, such as cloud gaming, may be run under the cloud interaction system. Taking cloud game as an example, cloud game refers to a game mode based on cloud computing. In the running mode of the cloud game, the running main body of the game program and the game picture presentation main body are separated, the storage and running of the control editing method are completed on a cloud game server, the client device is used for receiving and sending data and presenting the game picture, for example, the client device can be a display device with a data transmission function, such as a mobile terminal, a television, a computer, a palm computer and the like, which is close to a user side, but the cloud game server which performs information processing is a cloud. 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, codes and compresses data such as game pictures and the like, returns the data to the client device through a network, and finally decodes the data through the client device and outputs the game pictures.
In an alternative embodiment, taking a game as an example, the local terminal device stores a game program and is used to present a game screen. The local terminal device is used for interacting with the player through the graphical user interface, namely, conventionally downloading and installing the game program through the electronic device and running. The manner in which the local terminal device provides the graphical user interface to the player may include a variety of ways, for example, may be rendered for display on a display screen of the terminal, or provided to the player by holographic projection. For example, the local terminal device may include a display screen for presenting a graphical user interface including game visuals, and a processor for running the game, generating the graphical user interface, and controlling the display of the graphical user interface on the display screen.
In a possible implementation manner, the embodiment of the disclosure provides a control editing method, and a graphical user interface is provided through a terminal device, as shown in fig. 1, and the method includes the following steps:
And step S102, controlling to display at least one entry control and a corresponding unfolding panel of the entry control in a graphical user interface in response to a control editing instruction, wherein the entry control is configured to be displayed when a preset condition is met and provide the corresponding unfolding panel after being triggered, and the unfolding panel comprises at least one function option for providing an interaction function.
In specific implementation, the terminal device may be the aforementioned local terminal device, or may be a client device in the aforementioned cloud interaction system. For example, the terminal device may be a mobile phone, tablet computer, personal computer, game console, game host, or the like. The terminal device displays a graphical user interface corresponding to a target game through running a game program corresponding to the target game, wherein the target game can be a hand game, an end game or a host game. The control editing page can be displayed in the graphical user interface, a scene picture corresponding to at least part of the game scene can also be displayed, and the display content in the graphical user interface can be determined according to game rules and player operations.
In particular, the target game typically includes at least one entry control, and each entry control corresponds to an expansion panel. The entry control and the corresponding expanded panel are displayed simultaneously in the control edit page, but in a game play scenario, only the entry control is displayed initially, and when the player clicks on the entry control, the corresponding expanded panel is displayed, typically a list of function options (e.g., open a pop-up window) or a toggle list (e.g., a list of toggle configurations). The expansion panel generally includes a plurality of function options, each function option is configured with a corresponding interaction function, and generally, after triggering, the corresponding interaction functions of different function options are different, for example, the expansion panel includes five function options of "pet information", "pet knapsack", "feeding", "training" and "playing", wherein, the player triggers the "pet information" to display basic information of a corresponding pet in the graphic user interface, the player triggers the "pet knapsack" to display prop owned by the corresponding pet in the graphic user interface, and the player triggers the "feeding", "training" and "playing" to perform game actions such as feeding, training and playing on the corresponding pet, respectively. In addition, a plurality of tactical gear props and the like can be included in some of the unfolding panels.
In a specific implementation, the triggering mode corresponding to the control editing instruction can be determined according to the game rule. For example, the control editing instruction may be triggered upon entry into the game editor or may be triggered by triggering a specified control displayed in the graphical user interface. When the player executes the control editing instruction, a control editing page is displayed in the graphical user interface, and an entry control to be edited and an expansion panel corresponding to the entry control are displayed in the control editing page. After the control editing is completed, when entering a game running scene, the graphical user interface only displays the entry control, and when a player triggers the entry control, the expansion panel corresponding to the entry control is displayed.
Step S104, in response to a movement control operation for a target portal control in the at least one portal control, controlling the target portal control to move in the graphical user interface.
In a specific implementation, the target entry control may be any entry control displayed in a graphical user interface, and may be specifically determined according to a player operation. The specific operation corresponding to the movement control operation may be determined according to the development requirement and the player operation, for example, the movement control operation may be a drag operation on the target entry control in the hand tour, or an operation of controlling the movement of the target entry control in the end tour through a designated button in a mouse or a keyboard, etc. When the player performs a movement control operation on the target entry control, the target entry control moves in the graphical user interface along with the movement control operation, so that the display position of the target entry control in the graphical user interface is determined according to the movement control operation.
Step S106, in response to the target entry control moving to the 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 the position adjustment mode corresponding to the target position.
In particular implementations, the target location may be any location in a graphical user interface. When the player controls the target entry control to move to a certain position in the graphical user interface, the position is determined to be the display position of the target entry control, and the display position of the expansion panel corresponding to the target entry control is automatically adjusted and displayed based on the position adjustment mode corresponding to the position. The position adjustment mode corresponding to each position in the graphical user interface is preset, and the position adjustment modes corresponding to different positions in the graphical user interface may be the same or different, and are specifically determined according to research and development requirements.
The position debugging mode is used for indicating at least one of the alignment pattern of the expansion panel corresponding to the target entrance control and the relative position relation of the expansion panel corresponding to the target entrance control and the target entrance control. The relative positional relationship includes, but is not limited to, the deployment panel corresponding to the target inlet control being located on the right side of the target inlet control, the deployment panel corresponding to the target inlet control being located on the left side of the target inlet control, the deployment panel corresponding to the target inlet control being located above the target inlet control, and the deployment panel corresponding to the target inlet control being located below the target inlet control.
According to the control editing method provided by the embodiment of the invention, the display position of the inlet control can be automatically adjusted according to the display position of the inlet control only by adjusting the display position of the inlet control when the control is in the custom layout, so that the operation mode of the control layout is simplified, and the control layout efficiency is improved.
The following embodiments are used to describe the manner in which controls are displayed.
The specific process of controlling the display of at least one entry control in the graphical user interface and the expansion panel corresponding to the entry control comprises the steps of controlling the display of at least one entry control in the graphical user interface in a first display mode and the display of the expansion panel corresponding to the entry control in a second display mode, wherein the first display mode is used for indicating that the entry control is in an editable state, and the second display mode is used for indicating that the expansion panel corresponding to the entry control is in a non-editable state.
After the player triggers the control editing instruction through the terminal equipment, the entry control is displayed in a first display mode in the graphical user interface, and the display panel corresponding to the entry control is displayed in a second display mode. The first display mode and the second display mode are different display modes, and a player can determine which controls are in an editable state and which controls are in an uneditable state through the display modes of the controls displayed in the graphical user interface, and the player can only edit the controls in the editable state, and cannot edit the controls in the uneditable state, namely, when the player operates the controls in the uneditable state, the controls are unresponsive. Thus, the present disclosure does not support manual adjustment of the display position of the expansion panel, only adjustment of the display position of the portal control, the display position of the expansion panel being automatically adjusted.
The specific display modes corresponding to the first display mode and the second display mode can be determined according to research and development requirements, for example, the first display mode can be highlighting of an entry control, the second display mode can be darking of a semitransparent display unfolding panel, the first display mode can be displaying of the entry control in a first color, the second display mode can be displaying of the unfolding panel in a second color, and the first color and the second color are different colors. For example, the portal control is an editable state of 100% opacity, while the expanded panel is an uneditable state of 50% opacity.
Based on the mode, a player can quickly position the editable control in the control editing page and quickly edit the control, and the non-editable unfolding panel can automatically adjust the display position along with the corresponding entry control, so that the control layout efficiency is improved.
The following embodiments are used to describe the manner in which the position of a control is automatically adjusted.
Specifically, 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 mode corresponding to the target position in response to the target entry control moving to the target position in the graphical user interface is implemented through the following steps 10-11:
And step 10, determining a target position adjustment area to which the target position belongs and a target position adjustment mode configured by the target position adjustment area in response to the target entry control moving to the target position in the graphical user interface, wherein the graphical user interface is divided into at least one position adjustment area, and the different position adjustment areas are respectively configured with the corresponding position adjustment modes.
In particular implementations, the player may control the target entry control to move to any position in the graphical user interface to automatically adjust the display position of the expansion panel corresponding to the target entry control based on that position. Specifically, the graphical user interface may be divided into one or more position adjustment areas, and corresponding position adjustment manners are respectively configured for different position adjustment areas, where the position adjustment manners configured for the different position adjustment areas are generally different, so that when the target entry control moves to the different position adjustment areas, the display positions of the expansion panels corresponding to the target entry control and the target entry control are different.
And step 11, adjusting the display position of the expansion panel corresponding to the target entrance control relative to the target entrance control based on the target position adjustment mode.
In specific implementation, after the position adjustment mode corresponding to the position of the inlet control is determined, the display position of the expansion panel corresponding to the inlet control relative to the target inlet control needs to be automatically adjusted according to the determined position adjustment mode.
In an alternative embodiment, the target position adjustment manner is used for indicating at least one of the alignment pattern of the expansion panel corresponding to the target inlet control and the relative position relationship between the expansion panel corresponding to the target inlet control and the target inlet control. The alignment patterns and the relative position relationship can be determined according to research and development requirements.
Further, the specific process of adjusting the display position of the expansion panel corresponding to the target inlet control relative to the target inlet control based on the target position adjustment mode may include adjusting the alignment pattern of the expansion panel corresponding to the target inlet control and the target inlet control to an alignment pattern indicated by the target position adjustment mode while maintaining the display position of the target inlet control unchanged, and/or adjusting the relative position of the expansion panel corresponding to the target inlet control and the target inlet control to a relative position relationship indicated by the target position adjustment mode.
In specific implementation, the target position adjustment mode is only an adjustment mode for the expansion panel corresponding to the entrance control, and the position of the entrance control is not adjusted. The display position of the target entrance control is unchanged, the unfolding panel corresponding to the target entrance control is automatically aligned with the target entrance control, the alignment pattern is the same as the alignment pattern indicated by the target position adjustment mode, and the position of the display panel corresponding to the target entrance control relative to the target entrance control is adjusted based on the relative position relationship indicated by the target position adjustment mode.
Fig. 2 is a schematic diagram illustrating the position adjustment of a display panel according to an embodiment of the present invention, and the graphical user interface in fig. 2 is divided into 4 position adjustment regions, namely an upper left region, an upper right region, a lower left region and a lower right region. In fig. 2, each position adjustment area is displayed with an entry control and an expansion panel corresponding to the entry control, so as to show the position adjustment manners corresponding to different position adjustment areas. Wherein the small square with dog's head shown in fig. 2 is an entry control, and a list of 5 functional options is displayed beside the entry control as an expansion panel. The position adjustment mode corresponding to the upper left area in fig. 2 is that the expansion panel corresponding to the inlet control is displayed on the right side of the inlet control and aligned with the upper side of the inlet control, the position adjustment mode corresponding to the lower left area is that the expansion panel corresponding to the inlet control is displayed on the right side of the inlet control and aligned with the lower side of the inlet control, the position adjustment mode corresponding to the upper right area is that the expansion panel corresponding to the inlet control is displayed on the left side of the inlet control and aligned with the upper side of the inlet control, and the position adjustment mode corresponding to the lower right area is that the expansion panel corresponding to the inlet control is displayed on the left side of the inlet control and aligned with the lower side of the inlet control.
Meanwhile, the mode does not need to reserve positions for the unfolding panel, so that the space effective utilization rate of a user-defined interface of the player is improved, and the mode has multiplexing reference value for other games.
The following embodiments are used to describe another way of adjusting the position of a control.
Based on the above, 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 mode corresponding to the target position is realized by the following steps 20-21:
And step 20, determining a target edge area to which the target edge position belongs and a target edge position adjustment mode configured by the target edge area in response to the movement of the target entry control 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 the different edge areas are respectively configured with the corresponding edge position adjustment modes.
In specific implementation, the edge positions around the graphical user interface may be divided into one or more edge regions, and corresponding edge position adjustment manners are respectively configured for different edge regions, where the edge position adjustment manners configured for different edge regions are generally different, so that when the target entry control moves to different edge positions, the display positions of the expansion panels corresponding to the target entry control and the target entry control are different. After determining the target edge area corresponding to the edge position of the target entrance control, automatically adjusting the display position of the expansion panel corresponding to the entrance control relative to the target entrance control based on the edge position adjustment mode corresponding to the target edge area.
Since the portal control is displayed on the edge of the gui, the edge position of the edge region is usually adjusted in a different manner from the position of the position adjustment region. The edge area is typically a rectangular area located a distance from the outermost edge of the graphical user interface.
And step 21, adjusting the display position of the expansion panel corresponding to the target entrance control relative to the target entrance control based on the target edge position adjustment mode.
In specific implementation, after determining an edge position adjustment mode corresponding to an edge position where the inlet control is located, a display position of an expansion panel corresponding to the inlet control relative to the target inlet control needs to be automatically adjusted according to the determined edge position adjustment mode.
In an alternative embodiment, the target edge position adjustment manner is used for indicating at least one of an alignment pattern of the expansion panel corresponding to the target inlet control and the target inlet control, and a relative position relationship between the expansion panel corresponding to the target inlet control and the target inlet control. The alignment patterns and the relative position relationship can be determined according to research and development requirements. For example, the alignment pattern includes, but is not limited to, an up-alignment, a right-side alignment, a left-side alignment, or a down-alignment with the target inlet control, the relative positional relationship includes, but is not limited to, the deployment panel corresponding to the target inlet control being located above the target inlet control, and the deployment panel corresponding to the target inlet control being located below the target inlet control.
Further, the specific process of adjusting the display position of the expansion panel corresponding to the target inlet control relative to the target inlet control based on the target edge position adjustment mode may include adjusting an alignment pattern of the expansion panel corresponding to the target inlet control and the target inlet control to an alignment pattern indicated by the target edge position adjustment mode while maintaining the display position of the target inlet control unchanged, and/or adjusting a relative position of the expansion panel corresponding to the target inlet control and the target inlet control to a relative position relationship indicated by the target edge position adjustment mode.
When the method is specifically implemented, when the player controls the target entry control to move to the edge position of the graphical user interface, the target entry control is set at the edge position, and the display position of the expansion panel corresponding to the target entry control is automatically adjusted based on the edge position adjustment mode corresponding to the edge position where the target entry control is currently set.
Fig. 3 is a schematic diagram of position adjustment of another expansion panel according to an embodiment of the present invention, where the graphical user interface is divided into 6 areas in fig. 3, including a position adjustment area and 5 edge areas. The position adjustment method comprises the steps that an unfolding panel corresponding to an inlet control is displayed above the inlet control and aligned with the inlet control in the middle, an unfolding panel corresponding to an upper edge area is displayed below the inlet control and aligned with the inlet control in the middle, an unfolding panel corresponding to an upper left edge area is displayed below the inlet control and aligned with the inlet control in the left, an unfolding panel corresponding to an upper right edge area is displayed below the inlet control and aligned with the inlet control in the right, an unfolding panel corresponding to an inlet control is displayed above the inlet control and aligned with the inlet control in the right, and a position adjustment method corresponding to a lower left edge area is displayed above the inlet control and aligned with the inlet control in the left.
In the mode, when the inlet control is dragged to the edge of the graphical user interface, the alignment mode of the inlet control and the corresponding unfolding panel is switched and the upper position and the lower position are exchanged, so that the control layout operation efficiency is improved, and the false touch of a player is reduced.
Corresponding to the above method embodiment, the embodiment of the present invention provides a control editing apparatus, which provides a graphical user interface through a terminal device, as shown in fig. 4, and the apparatus includes:
The control display module 40 is configured to control at least one entry control and a corresponding expansion panel of the entry control to be displayed in the graphical user interface, wherein the entry control is configured to display when a preset condition is met and provide the corresponding expansion panel after being triggered, and the expansion panel includes at least one function option for providing an interactive function.
A control movement module 41 for controlling movement of a target portal control in the graphical user interface in response to a movement control operation for the target portal control in the at least one portal control.
The position adjustment module 42 is configured to adjust, in response to the target portal control moving to a target position in the graphical user interface, a display position of the expansion panel corresponding to the target portal control relative to the target portal control based on a position adjustment manner corresponding to the target position.
According to the control editing device, the display position of the inlet control is adjusted only when the control is in the custom layout, and the display position of the expansion panel corresponding to the inlet control relative to the target inlet control can be automatically adjusted according to the display position of the inlet control, so that the operation mode of the control layout is simplified, and the control layout efficiency is improved.
The position adjustment module 42 is configured to determine a target position adjustment area to which the target position belongs and a target position adjustment mode configured by the target position adjustment area in response to the target position of the target portal control moving to the target position in the graphical user interface, wherein the graphical user interface is divided into at least one position adjustment area, different position adjustment areas are respectively configured with a corresponding position adjustment mode, and adjust a display position of an expansion panel corresponding to the target portal control relative to the target portal control based on the target position adjustment mode.
Further, the target position adjustment mode is used for indicating at least one of the alignment mode of the expansion panel corresponding to the target inlet control and the relative position relation of the expansion panel corresponding to the target inlet control and the target inlet control.
Further, the position adjustment module 42 is configured to adjust an alignment pattern of the expansion panel corresponding to the target inlet control and the target inlet control to an alignment pattern indicated by the target position adjustment manner while maintaining a display position of the target inlet control unchanged, and/or adjust a relative position of the expansion panel corresponding to the target inlet control and the target inlet control to a relative position relationship indicated by the target position adjustment manner.
Further, the target position is an edge position of the graphical user interface, based on which the position adjustment module 42 is configured to determine a target edge area to which the target edge position belongs and a target edge position adjustment mode configured by 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, different edge areas are respectively configured with a corresponding edge position adjustment mode, and based on the target edge position adjustment mode, adjust a display position of an expansion panel corresponding to the target entry control relative to the target entry control.
In an alternative embodiment, the target edge position adjustment mode is used for indicating at least one of information such as an alignment mode of the expansion panel corresponding to the target inlet control and a relative position relation of the expansion panel corresponding to the target inlet control and the target inlet control, and based on the information, the position adjustment module 42 is used for adjusting the alignment mode of the expansion panel corresponding to the target inlet control and the target inlet control to the alignment mode indicated by the target edge position adjustment mode and/or adjusting the relative position of the expansion panel corresponding to the target inlet control and the target inlet control to the relative position relation indicated by the target edge position adjustment mode while keeping the display position of the target inlet control unchanged.
In an alternative embodiment, the control display module 40 is configured to control at least one of the portal controls to be displayed in a first display manner in the graphical user interface and to display an expansion panel corresponding to the portal control in a second display manner, where the first display manner is used to indicate that the portal control is in an editable state, and the second display manner is used to indicate that the expansion panel corresponding to the portal control is in a non-editable state.
The control editing device provided in the embodiments of the present disclosure has the same implementation principle and technical effects as those of the foregoing method embodiments, and for brevity, reference may be made to corresponding contents in the foregoing method embodiments where the device embodiment portion is not mentioned.
An embodiment of the present invention further provides an electronic device, as shown in fig. 5, where the electronic device includes a processor and a memory, where 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 described above.
The control editing method comprises the steps of responding to control editing instructions, controlling at least one entry control and a corresponding unfolding panel of the entry control to be displayed in the graphical user interface, wherein the entry control is configured to be displayed when preset conditions are met and provide the corresponding unfolding panel after the entry control is triggered, at least one function option for providing interactive functions is included in the unfolding panel, responding to movement control operation of a target entry control in the at least one entry control, controlling the target entry control to move in the graphical user interface, responding to the target entry control to move to a target position in the graphical user interface, and adjusting the display position of the unfolding panel corresponding to the target entry control relative to the target entry control based on a position adjustment mode corresponding to the target position.
According to the control editing method, the display position of the inlet control is adjusted only when the control is in the custom layout, and the display position of the expansion panel corresponding to the inlet control relative to the target inlet control can be automatically adjusted according to the display position of the inlet control, so that the operation mode of the control layout is simplified, and the control layout efficiency is improved.
In an alternative embodiment, the step of adjusting the display position of the expansion panel corresponding to the target portal control relative to the target portal control based on the position adjustment mode corresponding to the target position in response to the target portal control moving to the target position in the graphical user interface includes determining a target position adjustment area to which the target position belongs and a target position adjustment mode configured by the target position adjustment area, wherein the graphical user interface is divided into at least one position adjustment area, the different position adjustment areas are respectively configured with the corresponding position adjustment modes, and adjusting the display position of the expansion panel corresponding to the target portal control relative to the target portal control based on the target position adjustment mode.
In an alternative embodiment, the target position adjustment manner is used for indicating at least one of the alignment pattern of the expansion panel corresponding to the target inlet control and the relative position relationship between the expansion panel corresponding to the target inlet control and the target inlet control.
In an alternative embodiment, the step of adjusting the display position of the expansion panel corresponding to the target inlet control relative to the target inlet control based on the target position adjustment mode includes adjusting an alignment pattern of the expansion panel corresponding to the target inlet control and the target inlet control to an alignment pattern indicated by the target position adjustment mode while maintaining the display position of the target inlet control unchanged, and/or adjusting the relative position of the expansion panel corresponding to the target inlet control and the target inlet control to a relative position relationship indicated by the target position adjustment mode.
In an alternative embodiment, the target position is an edge position of a graphical user interface, based on the fact that the target entry control moves to the target position in 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 a position adjustment mode corresponding to the target position includes determining a target edge area to which the target edge position belongs and a target edge position adjustment mode 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, different edge areas are respectively configured with corresponding edge position adjustment modes, and the display position of the expansion panel corresponding to the target entry control relative to the target entry control is adjusted based on the target edge position adjustment mode.
In an alternative embodiment, the target edge position adjustment mode is used for indicating at least one of information including an alignment mode of the expansion panel corresponding to the target inlet control and a relative position relation of the expansion panel corresponding to the target inlet control and the target inlet control, and based on the information, the step of adjusting the display position of the expansion panel corresponding to the target inlet control relative to the target inlet control based on the target edge position adjustment mode comprises the steps of adjusting the alignment mode of the expansion panel corresponding to the target inlet control and the target inlet control to the alignment mode indicated by the target edge position adjustment mode while keeping the display position of the target inlet control unchanged, and/or adjusting the relative position of the expansion panel corresponding to the target inlet control and the target inlet control to the relative position relation indicated by the target edge position adjustment mode.
In an alternative embodiment, the step of controlling to display at least one entry control and the expansion panel corresponding to the entry control in the graphical user interface includes controlling to display at least one entry control in a first display mode and display the expansion panel corresponding to the entry control in a second display mode in the graphical user interface, wherein the first display mode is used for indicating that the entry control is in an editable state, and the second display mode is used for indicating that the expansion panel corresponding to the entry control is in a non-editable state.
Further, the electronic device shown in fig. 5 further includes a bus 102 and a communication interface 103, and the processor 101, the communication interface 103, and the memory 100 are connected through the bus 102.
The memory 100 may include a high-speed random access memory (RAM, random Access Memory), and may further include a non-volatile memory (non-volatile memory), such as at least one disk memory. The communication connection between the system network element and at least one other network element is implemented via at least one communication interface 103 (which may be wired or wireless), and may use the internet, a wide area network, a local network, a metropolitan area network, etc. Bus 102 may be an ISA bus, a PCI bus, an EISA bus, or the like. The buses may be classified as address buses, data buses, control buses, etc. For ease of illustration, only one bi-directional arrow is shown in FIG. 5, but not only one bus or type of bus.
The processor 101 may be an integrated circuit chip with signal processing capabilities. In implementation, the steps of the above method may be performed by integrated logic circuits of hardware in the processor 101 or instructions in the form of software. The processor 101 may be a general-purpose processor, including a central Processing unit (Central Processing Unit, CPU), a network processor (Network Processor, NP), a digital signal processor (DIGITAL SIGNAL Processing, DSP), an Application Specific Integrated Circuit (ASIC), a Field-Programmable GATE ARRAY (FPGA), a Programmable logic device, a discrete gate or transistor logic device, or a discrete hardware component. The disclosed methods, steps, and logic blocks in the embodiments of the present invention may be implemented or performed. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of the method disclosed in connection with the embodiments of the present invention may be embodied directly in the execution of a hardware decoding processor, or in the execution of a combination of hardware and software modules in a decoding processor. The software modules may be located in a random access memory, flash memory, read only memory, programmable read only memory, or electrically erasable programmable memory, registers, etc. as well known in the art. The storage medium is located in the memory 100 and the processor 101 reads information in the memory 100 and in combination with its hardware performs the steps of the method of the previous embodiments.
The embodiment of the invention also provides a computer readable storage medium, which stores computer executable instructions that, when being called and executed by a processor, cause the processor to implement the control editing method, and specific implementation can be seen in the method embodiment and will not be described herein.
The control editing method comprises the steps of responding to control editing instructions, controlling at least one entry control and a corresponding unfolding panel of the entry control to be displayed in the graphical user interface, wherein the entry control is configured to be displayed when preset conditions are met and provide the corresponding unfolding panel after the entry control is triggered, at least one function option for providing interactive functions is included in the unfolding panel, responding to movement control operation of a target entry control in the at least one entry control, controlling the target entry control to move in the graphical user interface, responding to the target entry control to move to a target position in the graphical user interface, and adjusting the display position of the unfolding panel corresponding to the target entry control relative to the target entry control based on a position adjustment mode corresponding to the target position.
According to the control editing method, the display position of the inlet control is adjusted only when the control is in the custom layout, and the display position of the expansion panel corresponding to the inlet control relative to the target inlet control can be automatically adjusted according to the display position of the inlet control, so that the operation mode of the control layout is simplified, and the control layout efficiency is improved.
In an alternative embodiment, the step of adjusting the display position of the expansion panel corresponding to the target portal control relative to the target portal control based on the position adjustment mode corresponding to the target position in response to the target portal control moving to the target position in the graphical user interface includes determining a target position adjustment area to which the target position belongs and a target position adjustment mode configured by the target position adjustment area, wherein the graphical user interface is divided into at least one position adjustment area, the different position adjustment areas are respectively configured with the corresponding position adjustment modes, and adjusting the display position of the expansion panel corresponding to the target portal control relative to the target portal control based on the target position adjustment mode.
In an alternative embodiment, the target position adjustment manner is used for indicating at least one of the alignment pattern of the expansion panel corresponding to the target inlet control and the relative position relationship between the expansion panel corresponding to the target inlet control and the target inlet control.
In an alternative embodiment, the step of adjusting the display position of the expansion panel corresponding to the target inlet control relative to the target inlet control based on the target position adjustment mode includes adjusting an alignment pattern of the expansion panel corresponding to the target inlet control and the target inlet control to an alignment pattern indicated by the target position adjustment mode while maintaining the display position of the target inlet control unchanged, and/or adjusting the relative position of the expansion panel corresponding to the target inlet control and the target inlet control to a relative position relationship indicated by the target position adjustment mode.
In an alternative embodiment, the target position is an edge position of a graphical user interface, based on the fact that the target entry control moves to the target position in 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 a position adjustment mode corresponding to the target position includes determining a target edge area to which the target edge position belongs and a target edge position adjustment mode 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, different edge areas are respectively configured with corresponding edge position adjustment modes, and the display position of the expansion panel corresponding to the target entry control relative to the target entry control is adjusted based on the target edge position adjustment mode.
In an alternative embodiment, the target edge position adjustment mode is used for indicating at least one of information including an alignment mode of the expansion panel corresponding to the target inlet control and a relative position relation of the expansion panel corresponding to the target inlet control and the target inlet control, and based on the information, the step of adjusting the display position of the expansion panel corresponding to the target inlet control relative to the target inlet control based on the target edge position adjustment mode comprises the steps of adjusting the alignment mode of the expansion panel corresponding to the target inlet control and the target inlet control to the alignment mode indicated by the target edge position adjustment mode while keeping the display position of the target inlet control unchanged, and/or adjusting the relative position of the expansion panel corresponding to the target inlet control and the target inlet control to the relative position relation indicated by the target edge position adjustment mode.
In an alternative embodiment, the step of controlling to display at least one entry control and the expansion panel corresponding to the entry control in the graphical user interface includes controlling to display at least one entry control in a first display mode and display the expansion panel corresponding to the entry control in a second display mode in the graphical user interface, wherein the first display mode is used for indicating that the entry control is in an editable state, and the second display mode is used for indicating that the expansion panel corresponding to the entry control is in a non-editable state.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a terminal device, or a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present invention. The storage medium includes a U disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, an optical disk, or other various media capable of storing program codes.
In the description of the present invention, it should be noted that the directions or positional relationships indicated by the terms "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer", etc. are based on the directions or positional relationships shown in the drawings, are merely for convenience of describing the present invention and simplifying the description, and do not indicate or imply that the devices or elements referred to must have a specific orientation, be configured and operated in a specific orientation, and thus should not be construed as limiting the present invention. Furthermore, the terms "first," "second," and "third" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance.
It should be noted that the foregoing embodiments are merely illustrative embodiments of the present invention, and not restrictive, and the scope of the invention is not limited to the embodiments, and although the present invention has been described in detail with reference to the foregoing embodiments, it should be understood by those skilled in the art that any modification, variation or substitution of some of the technical features of the embodiments described in the foregoing embodiments may be easily contemplated within the scope of the present invention, and the spirit and scope of the technical solutions of the embodiments do not depart from the spirit and scope of the embodiments of the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.