CN112416332B - Graphical programming interface display method, device, equipment and medium - Google Patents
Graphical programming interface display method, device, equipment and medium Download PDFInfo
- Publication number
- CN112416332B CN112416332B CN202011448281.9A CN202011448281A CN112416332B CN 112416332 B CN112416332 B CN 112416332B CN 202011448281 A CN202011448281 A CN 202011448281A CN 112416332 B CN112416332 B CN 112416332B
- Authority
- CN
- China
- Prior art keywords
- area
- user
- stacking sequence
- interface
- determining
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention discloses a graphical programming interface display method, a graphical programming interface display device, graphical programming interface display equipment and graphical programming interface display media. Wherein the method comprises the following steps: responding to the preset operation of the user on the interface conversion control, and determining the stacking sequence of the first area and the second area; judging whether the first area is positioned above the second area according to the stacking sequence of the first area and the second area; if not, exchanging the stacking sequence of the first area and the second area to finish interface conversion. Through judging the upper and lower stacking sequence of the first area and the second area, the first area is arranged above the second area, the screen use area of the first area is increased, congestion caused by the fact that the first area and the second area are displayed on an interface at the same time is avoided, and the use experience of a user on graphical programming is improved.
Description
Technical Field
The embodiment of the invention relates to a computer technology, in particular to a graphical programming interface display method, a graphical programming interface display device, graphical programming interface display equipment and a graphical programming interface display medium.
Background
The graphical programming software can be used for writing simple animation, and when programming is learned, the graphical programming software has high popularity, and children and beginners mostly use the graphical programming software for learning.
The interface of the existing graphical programming software generally adopts a net-shaped tiling layout, the building block tool area, the programming working area and the result display area are displayed on the visual interface together, the distribution of all partial areas is very compact, and particularly, the display areas of the programming working area and the result display area are too narrow, so that the operation is inconvenient, and the programming efficiency and the use experience of a user are affected.
Disclosure of Invention
The embodiment of the invention provides a graphical programming interface display method, device, equipment and medium, so as to improve the programming efficiency of a user using graphical programming software.
In a first aspect, an embodiment of the present invention provides a graphical programming interface display method, where the method includes:
responding to the preset operation of the user on the interface conversion control, and determining the stacking sequence of the first area and the second area;
judging whether the first area is positioned above the second area according to the stacking sequence of the first area and the second area;
if not, exchanging the stacking sequence of the first area and the second area to finish interface conversion.
In a second aspect, an embodiment of the present invention further provides a graphical programming interface display device, where the device includes:
the sequence determining module is used for determining the stacking sequence of the first area and the second area in response to the preset operation of the interface conversion control by the user;
the interface judging module is used for judging whether the first area is positioned above the second area according to the stacking sequence of the first area and the second area;
and the interface conversion module is used for exchanging the stacking sequence of the first area and the second area if not so as to finish interface conversion.
In a third aspect, an embodiment of the present invention further provides a graphically-programmed interface display apparatus, including a memory, a processor, and a computer program stored on the memory and capable of running on the processor, where the processor implements the graphically-programmed interface display method according to any embodiment of the present invention when the processor executes the program.
In a fourth aspect, embodiments of the present invention also provide a storage medium containing computer-executable instructions, which when executed by a computer processor, are configured to perform the graphically programmed interface presentation method according to any embodiment of the present invention.
According to the embodiment of the invention, different stacking sequences are set for the first area and the second area, the upper-lower layer relation between the first area and the second area is determined, and if the first area is located below, the position of the first area is automatically exchanged with the position of the second area, so that the second area is hidden by the visual interface. The method solves the problem that the first area and the second area must be simultaneously present on the visual interface in the prior art, avoids crowded distribution of the first area and the second area, enlarges the working area of each area, more reasonably utilizes the screen space to display each function of the graphical programming software, ensures that a user is easier to use, improves the programming efficiency of the user, and improves the use experience of the user.
Drawings
FIG. 1 is a flow chart of a graphical programming interface display method according to a first embodiment of the invention;
FIG. 2 is a prior art graphical programming software interface schematic;
FIG. 3 is a graphical programming software interface diagram in accordance with a first embodiment of the present invention;
FIG. 4 is a flow chart of a graphical programming interface display method according to a second embodiment of the invention;
FIG. 5 is a block diagram of a graphical programming interface display according to a third embodiment of the present invention;
FIG. 6 is a schematic diagram of a graphical programming interface display device according to a fourth embodiment of the present invention.
Detailed Description
The invention is described in further detail below with reference to the drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting thereof. It should be further noted that, for convenience of description, only some, but not all of the structures related to the present invention are shown in the drawings.
Example 1
Fig. 1 is a flow chart of a graphical programming interface display method according to an embodiment of the present invention, where the embodiment is applicable to a graphical programming software for performing interface display, and the method may be performed by a graphical programming interface display device. As shown in fig. 1, the method specifically includes the following steps:
step 110, determining a stacking sequence of the first area and the second area in response to a preset operation of the interface conversion control by a user.
The user uses graphical programming software to program, wherein the graphical programming software can comprise a building block tool area, a programming working area and a result display area. FIG. 2 is a schematic diagram of a graphical programming software interface of the prior art, wherein three regions are simultaneously present on the visual interface, dividing the visual interface. In this embodiment, different stacking orders are set for the building block tool area, the programming work area and the result display area, the default building block tool area is the uppermost layer, the programming work area is the second layer, and the result display area is the third layer. That is, the building block tool area is covered above the programming working area, the programming working area is covered above the result display area, and the area of the programming working area is consistent with the area of the result display area and is larger than that of the building block tool area. In this embodiment, the stacking order may refer to the z-axis coordinates of the three regions as layers on the visual interface. The x-axis and y-axis coordinates of the programming workspace may be set to be consistent with the size of the x-axis and y-axis coordinates of the results presentation area, such that the areas of the two areas are consistent. The x-axis coordinates of the brick tool area may be set to be less than the x-axis coordinates of the programming workspace and the brick tool area may be set to the left of the visual interface and the user may drag a brick in the brick tool area into the blank area of the right programming workspace. The programming working area is used for programming according to the building blocks, and the result display area is used for displaying the program running result of the programming working area. FIG. 3 is a graphical programming software interface diagram of the present embodiment. The programming workspace is located above the results presentation area when programming is performed and the results presentation area is located above the programming workspace when the program is run.
In performing programming of building blocks, it is desirable to determine that the programming workspace is above the result display area. The user performs preset operation on the interface conversion control, the interface conversion control can be any building block in the building block tool area, and the preset operation can be that the user presses the building block to drag. And the server responds to preset operation of the user on the interface conversion control to acquire the current z-axis coordinates of the first area and the second area. The first region may be a programming workspace and the second region may be a results presentation area. The z-axis coordinate may represent the upper and lower positions of the first region and the second region, and the greater the z-axis coordinate, the higher the region position.
In this embodiment, optionally, before determining the stacking order of the first area and the second area in response to a preset operation of the interface conversion control by the user, the method further includes: and determining the first transparency and the stacking sequence of the first area and the second transparency and the stacking sequence of the second area according to the preset candidate stacking sequence and the interface transparency.
Specifically, the candidate stacking order of the first region, the second region, and the third region may be preset, for example, the candidate stacking order may be candidate z-axis coordinates, and the actual z-axis coordinates of the first region, the second region, and the third region are all values in the candidate z-axis coordinates. For example, the candidate z-axis coordinates may include 0, 1, and 2, and then the z-axis coordinates of the three regions may be 0, 1, or 2, and when the third region is located at the uppermost layer and the second region is located at the minimum layer, the z-axis coordinates of the first, second, and third regions are 1, 0, and 2, respectively. The interface transparency of the three regions may also be preset, for example, the interface transparency of the third region and the second region may be set to be opaque, and the first region may be set to be translucent. The method has the beneficial effects that when the first area is positioned above the second area, the background interface in the second area can be seen through the first area, so that graphical programming is performed according to the background interface in the second area, the programmed graph meets the requirements of background pictures, the graphical programming efficiency and accuracy are improved, and the user experience is improved.
In this embodiment, optionally, in response to a preset operation of the interface conversion control by the user, determining a stacking order of the first area and the second area includes: responding to a building block dragging instruction sent by a user to the building blocks in the third area, and determining the stacking sequence of the first area and the second area; wherein the third region is a block tool area displaying blocks for programming.
Specifically, the user sends a building block dragging instruction to the building blocks in the third area according to a preset operation mode, the third area can be a building block tool area, each building block and other tools used for programming are displayed in the building block tool area, and the user drags the building blocks in the third area to the second area to perform graphical programming. When the user drags any building block in the third area, the server responds to a dragging instruction of the user to the building block, determines that the user needs to program, and at the moment, the first area is required to be positioned above the second area, and the z-axis coordinates of the first area and the second area are acquired. The beneficial effects of setting up like this lie in, do not need the user to look over the z-axis coordinate of first region and second region by hand, also do not need the user to send extra instruction, when the user needs the programming, the server can acquire the z-axis coordinate of first region and second region voluntarily, reduces user's operation, improves user's programming efficiency, promotes user's use experience.
In this embodiment, optionally, in response to a block dragging instruction sent by a user to a block in the third area, determining a stacking order of the first area and the second area includes: responding to the click operation of the user on the building block in the third area, and determining whether the click time of the user on the building block exceeds the preset click time; if the stacking order exceeds the predetermined stacking order, determining that the user sends out a building block dragging instruction, and acquiring the stacking order of the first area and the second area.
Specifically, the preset operation may be a click and drag operation of the building block by the user. In response to a click operation of the block by the user, a time for which the user clicks is determined, for example, the click time of the user may be a time for which the user clicks the block using a mouse and holds a mouse button stationary. The method comprises the steps of presetting a preset click time, determining the actual click time of a user on the building block, comparing the actual click time with the preset click time, and determining whether the click time of the user exceeds the preset click time. If the first area is not larger than the second area, the user is not required to drag the building blocks, and the first area is not required to be arranged above the second area; if the clicking time exceeds the preset clicking time, determining whether a user sends a dragging instruction to the building blocks, if yes, determining that the user drags the building blocks to program, and if the user needs to enable the first area to be located above the second area, therefore, acquiring z-axis coordinates of the first area and the second area. The method has the advantages that whether the z-axis coordinates of the first area and the second area need to be acquired is determined according to clicking and dragging operations of a user on the building blocks, coordinate acquisition is avoided when the z-axis coordinates are not needed, accuracy of graphical programming software interface display is improved, the interface display meets user requirements, and use experience of the user is improved.
Step 120, determining whether the first area is located above the second area according to the stacking sequence of the first area and the second area.
Wherein after the z-axis coordinates, which are the stacking order of the first region and the second region, are obtained, the z-axis coordinates of the first region and the second region are compared. Based on the magnitude of the z-axis coordinate, it may be determined whether the first region is above the second region. The region with small z-axis coordinates is on the lower layer, and the region with large z-axis coordinates is on the upper layer.
And 130, if not, exchanging the stacking sequence of the first area and the second area to finish interface conversion.
If the z-axis coordinate of the first area is greater than that of the second area, determining that the first area is above the second area, and exchanging the z-axis coordinates of the first area and the second area is not needed. If the z-axis coordinate of the first area is smaller than that of the second area, determining that the first area is located below the second area, exchanging the z-axis coordinate of the first area with that of the second area, enabling the first area to move to the upper portion of the second area, completing interface conversion of different areas on a visual interface, and enabling a user to drag building blocks to the first area for programming. For example, three candidate z-axis coordinates may be preset, namely 0, 1 and 2, where coordinate 2 may be the z-axis coordinate of the third area by default, and 0 and 1 may be the coordinates of the first area or the z-axis coordinate of the second area, and if the z-axis coordinate of the first area is obtained to be 0 and the z-axis coordinate of the second area is obtained to be 1, the z-axis coordinates of the first area and the z-axis coordinate of the second area are exchanged, so as to implement conversion of different areas on the interface, and enable the interface of the first area to be displayed on the visual interface.
And a preset control can be set, and a user clicks the preset control, so that the first area and the second area can be converted in the z-axis coordinate no matter what the upper layer relationship between the first area and the second area is on the interface.
In this embodiment, optionally, the method further includes: and responding to the third area hiding instruction, and displaying the third area at a preset position of the visual interface by using a preset identification sign.
Specifically, the building block tool area can be displayed above the first area and the second area as the third area, and the building block tool area can be hidden. A third area hiding control can be preset, the user can click on the third area hiding control, the server responds to the third area hiding instruction, the third area is reduced to a preset identification symbol, and the identification symbol is displayed at a preset position on the interface. For example, a preset identification symbol may be displayed in the upper right corner of the interface. The user may click on the preset identifier to convert the third region from the preset identifier to an interface of the complete building block tool area. The beneficial effects that set up like this lie in, the user can hide the third region at any time, avoids the third region to shelter from the area of first region or second region, influences user's programming efficiency and correctness, promotes user's use experience.
According to the technical scheme, different stacking sequences are set for the first area and the second area, the upper-lower layer relation between the first area and the second area is determined, and if the first area is located below, the position of the first area is automatically exchanged with the position of the second area, so that the second area is hidden by the visual interface. The method solves the problem that the first area and the second area must be simultaneously present on the visual interface in the prior art, avoids crowded distribution of the first area and the second area, enlarges the working area of each area, more reasonably utilizes the screen space to display each function of the graphical programming software, ensures that a user is easier to use, improves the programming efficiency of the user, and improves the use experience of the user.
Example two
Fig. 4 is a flow chart of a graphical programming interface display method according to a second embodiment of the present invention, which is further optimized based on the above embodiment, and the method may be performed by a graphical programming interface display device. As shown in fig. 4, the method specifically comprises the following steps:
step 410, determining a stacking sequence of the first area and the second area in response to a preset operation of the interface conversion control by the user.
Step 420, determining whether the first area is located above the second area according to the stacking order of the first area and the second area.
Step 430, if not, exchanging the stacking sequence of the first area and the second area to complete interface conversion.
Step 440, responding to the graphical programming operation instruction sent by the user, and covering the second area on the upper layer of the first area for the second area to display the programming result.
The user drags the building blocks in the third area to the first area to carry out graphic programming, after programming is finished, the program is operated to obtain a programming result, and the programming result is displayed on the result display area. After the user programming is finished, the z-axis coordinate of the first area is larger than that of the second area, namely the stacking sequence of the first area and the second area is that the first area is covered on the second area. In order for the second region to exhibit the programming results, it is necessary to overlay the second region over the first region. After programming is finished, the user clicks the operation control on the interface, the server responds to the graphical programming operation instruction sent by the user to determine whether the second area is positioned above the first area, if not, the second area is covered on the first area, and the second area displays the programming result. If yes, directly running the program, and displaying the running result.
In this embodiment, optionally, in response to a graphical programming operation instruction sent by a user, the second area is covered on an upper layer of the first area, so that the second area displays a programming result, including: responding to a graphical programming operation instruction sent by a user, and determining the stacking sequence of the first area and the second area; judging whether the second area is positioned above the first area according to the stacking sequence of the first area and the second area; if not, exchanging the stacking sequence of the first area and the second area for displaying the graphical programming result of the second area.
Specifically, the server responds to the graphical programming operation instruction sent by the user to acquire the current stacking sequence of the first area and the second area, for example, the current z-axis coordinates of the first area and the second area can be acquired. And judging whether the second area is covered on the first area according to the z-axis coordinates of the first area and the second area. The magnitudes of the z-axis coordinates of the first region and the second region may be compared, and the z-axis coordinates may be large, indicating that the corresponding region is at the upper layer. If the z-axis coordinate of the second area is larger than that of the first area, determining that the second area is located above the first area, and directly displaying the running result of the program on the second area without converting the area in the interface. If the z-axis coordinate of the second region is smaller than that of the first region, determining that the second region is located below the first region, and exchanging the z-axis coordinate of the first region and that of the second region is needed to enable the second region to cover the upper portion of the first region so as to display a graphical programming result of the second region. For example, when the z-axis coordinate of the first region is 1 and the z-axis coordinate of the second region is 0, the z-axis coordinate of the first region is converted to 0, and the z-axis coordinate of the second region is converted to 1. The method has the advantages that when the program is operated, the area on the interface is automatically converted, manual adjustment by a user is not needed, the operation process of the user is reduced, compared with the prior art, the use area of the second area is enlarged, the programming result is better embodied, the graphical programming interface display is more visual and clear, the interface display effect is improved, and the use experience of the user on the graphical programming software is improved.
According to the embodiment of the invention, different stacking sequences are set for the first area and the second area, the upper-lower layer relation between the first area and the second area is determined, and if the first area is located below, the position of the first area is automatically exchanged with the position of the second area, so that the second area is hidden by the visual interface. When the programming result is displayed, the first area can be automatically hidden, so that the result display is clearer. The method solves the problem that the first area and the second area must be simultaneously present on the visual interface in the prior art, avoids crowded distribution of the first area and the second area, enlarges the working area of each area, more reasonably utilizes the screen space to display each function of the graphical programming software, ensures that a user is easier to use, improves the programming efficiency of the user, and improves the use experience of the user.
Example III
Fig. 5 is a block diagram of a graphical programming interface display device according to a third embodiment of the present invention, which can execute the graphical programming interface display method according to any embodiment of the present invention, and has functional modules and beneficial effects corresponding to the execution method. As shown in fig. 5, the apparatus specifically includes:
the sequence determining module 501 is configured to determine z-axis coordinates of the first area and the second area in response to a preset operation of the interface conversion control by a user;
an interface judging module 502, configured to judge whether the first area is located above the second area according to the stacking order of the first area and the second area;
and the interface conversion module 503 is configured to, if not, exchange the stacking order of the first area and the second area to complete interface conversion.
Optionally, the sequence determining module 501 includes:
the building block dragging unit is used for responding to a building block dragging instruction sent by a user to the building blocks in the third area and determining the stacking sequence of the first area and the second area; wherein the third region is a block tool region displaying blocks for programming.
Optionally, the building block drags the unit, specifically is used for:
responding to the click operation of the user on the building blocks in the third area, and determining whether the click time of the user on the building blocks exceeds the preset click time;
if yes, determining that a user sends out a building block dragging instruction, and acquiring the stacking sequence of the first area and the second area.
Optionally, the apparatus further comprises:
and the programming operation module is used for covering the second area on the upper layer of the first area in response to a graphical programming operation instruction sent by a user so as to display a programming result in the second area.
Optionally, the programming operation module is specifically configured to:
responding to a graphical programming operation instruction sent by a user, and determining the stacking sequence of the first area and the second area;
judging whether the second area is positioned above the first area according to the stacking sequence of the first area and the second area;
if not, exchanging the stacking sequence of the first area and the second area for displaying the graphical programming result of the second area.
Optionally, the apparatus further comprises:
and the third region hiding module is used for responding to a third region hiding instruction and displaying the third region at a preset position of the visual interface by a preset identification sign.
Optionally, the apparatus further comprises:
the transparency determining module is used for determining the first transparency and the stacking sequence of the first area and the second transparency and the stacking sequence of the second area according to the preset candidate stacking sequence and the interface transparency before determining the stacking sequence of the first area and the second area in response to the preset operation of the interface conversion control by the user.
According to the embodiment of the invention, different stacking sequences are set for the first area and the second area, the upper-lower layer relation between the first area and the second area is determined, and if the first area is located below, the position of the first area is automatically exchanged with the position of the second area, so that the second area is hidden by the visual interface. The method solves the problem that the first area and the second area must be simultaneously present on the visual interface in the prior art, avoids crowded distribution of the first area and the second area, enlarges the working area of each area, more reasonably utilizes the screen space to display each function of the graphical programming software, ensures that a user is easier to use, improves the programming efficiency of the user, and improves the use experience of the user.
Example IV
Fig. 6 is a schematic structural diagram of a graphical programming interface display device according to a fourth embodiment of the present invention. The graphically programmed interface presentation apparatus may be a computer apparatus, and fig. 6 illustrates a block diagram of an exemplary computer apparatus 600 suitable for use in implementing embodiments of the present invention. The computer device 600 shown in fig. 6 is merely an example, and should not be construed as limiting the functionality and scope of use of embodiments of the present invention.
As shown in FIG. 6, computer device 600 is in the form of a general purpose computing device. Components of computer device 600 may include, but are not limited to: one or more processors or processing units 601, a system memory 602, and a bus 603 that connects the different system components (including the system memory 602 and the processing units 601).
Bus 603 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor, and a local bus using any of a variety of bus architectures. By way of example, and not limitation, such architectures include Industry Standard Architecture (ISA) bus, micro channel architecture (MAC) bus, enhanced ISA bus, video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.
Computer device 600 typically includes a variety of computer system readable media. Such media can be any available media that is accessible by computer device 600 and includes both volatile and nonvolatile media, removable and non-removable media.
The system memory 602 may include computer system readable media in the form of volatile memory such as Random Access Memory (RAM) 604 and/or cache memory 605. The computer device 600 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 606 may be used to read from and write to non-removable, nonvolatile magnetic media (not shown in FIG. 6, commonly referred to as a "hard disk drive"). Although not shown in fig. 6, a magnetic disk drive for reading from and writing to a removable non-volatile magnetic disk (e.g., a "floppy disk"), and an optical disk drive for reading from or writing to a removable non-volatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In such cases, each drive may be coupled to bus 603 through one or more data medium interfaces. Memory 602 may include at least one program product having a set (e.g., at least one) of program modules configured to carry out the functions of embodiments of the invention.
A program/utility 608 having a set (at least one) of program modules 607 may be stored in, for example, memory 602, such program modules 607 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each or some combination of which may include an implementation of a network environment. Program modules 607 generally perform the functions and/or methods of the described embodiments of the invention.
The computer device 600 may also communicate with one or more external devices 609 (e.g., keyboard, pointing device, display 610, etc.), one or more devices that enable a user to interact with the computer device 600, and/or any devices (e.g., network card, modem, etc.) that enable the computer device 600 to communicate with one or more other computing devices. Such communication may occur through an input/output (I/O) interface 611. Moreover, the computer device 600 may also communicate with one or more networks such as a Local Area Network (LAN), a Wide Area Network (WAN) and/or a public network, such as the Internet, through a network adapter 612. As shown in fig. 6, the network adapter 612 communicates with other modules of the computer device 600 over the bus 603. It should be appreciated that although not shown in fig. 6, other hardware and/or software modules may be used in connection with computer device 600, including, but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, data backup storage systems, and the like.
The processing unit 601 executes a program stored in the system memory 602 to perform various functional applications and data processing, for example, to implement a graphically programmed interface presentation method according to an embodiment of the present invention, including:
responding to the preset operation of the user on the interface conversion control, and determining the stacking sequence of the first area and the second area;
judging whether the first area is positioned above the second area according to the stacking sequence of the first area and the second area;
if not, exchanging the stacking sequence of the first area and the second area to finish interface conversion.
Example five
The fifth embodiment of the present invention further provides a storage medium containing computer executable instructions, where a computer program is stored, and when the program is executed by a processor, the method for displaying an interface of graphical programming provided by the embodiment of the present invention includes:
responding to the preset operation of the user on the interface conversion control, and determining the stacking sequence of the first area and the second area;
judging whether the first area is positioned above the second area according to the stacking sequence of the first area and the second area;
if not, exchanging the stacking sequence of the first area and the second area to finish interface conversion.
The computer storage media of embodiments of the invention may take the form of any combination of one or more computer-readable media. The computer readable medium may be a computer readable signal medium or a computer readable storage medium. The computer readable storage medium may be, for example, but not limited to: an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples (a non-exhaustive list) of the computer-readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Computer program code for carrying out operations of the present invention may be written in one or more programming languages, including an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).
Note that the above is only a preferred embodiment of the present invention and the technical principle applied. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, while the invention has been described in connection with the above embodiments, the invention is not limited to the embodiments, but may be embodied in many other equivalent forms without departing from the spirit or scope of the invention, which is set forth in the following claims.
Claims (6)
1. A graphical programming interface presentation method, comprising:
responding to the preset operation of the user on the interface conversion control, and determining the stacking sequence of the first area and the second area; wherein the first area is a programming workspace and the second area is a results display area;
judging whether the first area is positioned above the second area according to the stacking sequence of the first area and the second area;
if not, exchanging the stacking sequence of the first area and the second area to finish interface conversion;
the determining the stacking sequence of the first area and the second area in response to the preset operation of the interface conversion control by the user comprises the following steps: responding to click operation of a user on the building block in the third area, and determining whether the click time of the user on the building block exceeds the preset click time; if yes, determining that a user sends out a building block dragging instruction, and acquiring the stacking sequence of the first area and the second area; wherein the third area is a building block tool area for displaying building blocks for programming;
after the stacking sequence of the first area and the second area is exchanged, the method further comprises: responding to a graphical programming operation instruction sent by a user, and determining the stacking sequence of the first area and the second area; judging whether the second area is positioned above the first area according to the stacking sequence of the first area and the second area; if not, exchanging the stacking sequence of the first area and the second area for displaying the graphical programming result of the second area.
2. The method according to claim 1, wherein the method further comprises:
and responding to a third region hiding instruction, and displaying the third region at a preset position of a visual interface by using a preset identification sign.
3. The method of claim 1, further comprising, prior to determining the order of stacking the first region and the second region in response to a preset operation of the interface conversion control by the user:
and determining the first transparency and the stacking sequence of the first area and the second transparency and the stacking sequence of the second area according to the preset candidate stacking sequence and the interface transparency.
4. A graphical programming interface display comprising:
the sequence determining module is used for determining the stacking sequence of the first area and the second area in response to the preset operation of the interface conversion control by the user; wherein the first area is a programming workspace and the second area is a results display area;
the interface judging module is used for judging whether the first area is positioned above the second area according to the stacking sequence of the first area and the second area;
the interface conversion module is used for exchanging the stacking sequence of the first area and the second area if not so as to finish interface conversion;
the programming operation module is specifically used for responding to a graphical programming operation instruction sent by a user and determining the stacking sequence of the first area and the second area; judging whether the second area is positioned above the first area according to the stacking sequence of the first area and the second area; if not, exchanging the stacking sequence of the first area and the second area for displaying the graphical programming result of the second area;
wherein, the order determining module comprises:
the building block dragging unit is specifically used for responding to the clicking operation of a user on the building block in the third area and determining whether the clicking time of the user on the building block exceeds the preset clicking time; if yes, determining that a user sends out a building block dragging instruction, and acquiring the stacking sequence of the first area and the second area; wherein the third region is a block tool region displaying blocks for programming.
5. A graphically programmed interface presentation apparatus comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the graphically programmed interface presentation method of any one of claims 1-3 when the program is executed by the processor.
6. A storage medium containing computer executable instructions which, when executed by a computer processor, are for performing the graphically programmed interface presentation method of any one of claims 1-3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011448281.9A CN112416332B (en) | 2020-12-09 | 2020-12-09 | Graphical programming interface display method, device, equipment and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011448281.9A CN112416332B (en) | 2020-12-09 | 2020-12-09 | Graphical programming interface display method, device, equipment and medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112416332A CN112416332A (en) | 2021-02-26 |
| CN112416332B true CN112416332B (en) | 2023-10-10 |
Family
ID=74775448
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011448281.9A Active CN112416332B (en) | 2020-12-09 | 2020-12-09 | Graphical programming interface display method, device, equipment and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112416332B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113778417A (en) * | 2021-11-11 | 2021-12-10 | 深圳市越疆科技有限公司 | Welding script generation method and device based on graphical programming |
| CN114461213B (en) * | 2022-01-27 | 2023-06-30 | 北京思明启创科技有限公司 | Program interface display control method and device, electronic equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106325876A (en) * | 2016-08-29 | 2017-01-11 | 中山市天启智能科技有限公司 | Method and system for graphically programming and controlling embedded equipment on line |
| CN109614090A (en) * | 2017-09-30 | 2019-04-12 | 南京维汀拉沃网络科技有限公司 | A kind of graphic programming system |
| CN109634592A (en) * | 2018-12-29 | 2019-04-16 | 深圳点猫科技有限公司 | Graphical Python programming exchange method, system and electronic equipment |
| CN110497412A (en) * | 2019-08-26 | 2019-11-26 | 中科新松有限公司 | Robot graphic programming interactive system based on webpage and mobile terminal |
| CN111240673A (en) * | 2020-01-08 | 2020-06-05 | 腾讯科技（深圳）有限公司 | Interactive graphic work generation method, device, terminal and storage medium |
-
2020
- 2020-12-09 CN CN202011448281.9A patent/CN112416332B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106325876A (en) * | 2016-08-29 | 2017-01-11 | 中山市天启智能科技有限公司 | Method and system for graphically programming and controlling embedded equipment on line |
| CN109614090A (en) * | 2017-09-30 | 2019-04-12 | 南京维汀拉沃网络科技有限公司 | A kind of graphic programming system |
| CN109634592A (en) * | 2018-12-29 | 2019-04-16 | 深圳点猫科技有限公司 | Graphical Python programming exchange method, system and electronic equipment |
| CN110497412A (en) * | 2019-08-26 | 2019-11-26 | 中科新松有限公司 | Robot graphic programming interactive system based on webpage and mobile terminal |
| CN111240673A (en) * | 2020-01-08 | 2020-06-05 | 腾讯科技（深圳）有限公司 | Interactive graphic work generation method, device, terminal and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112416332A (en) | 2021-02-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8823744B2 (en) | Method for indicating annotations associated with a particular display view of a three-dimensional model independent of any display view | |
| TWI531953B (en) | Temporary formatting and charting of selected data | |
| CN112416332B (en) | Graphical programming interface display method, device, equipment and medium | |
| JP2000305688A (en) | Method for controlling application, graphical user interface and recording medium | |
| US20030142143A1 (en) | Varying heights of application images to convey application status | |
| CN108553894B (en) | Display control method and device, electronic equipment and storage medium | |
| US20120110483A1 (en) | Multi-desktop management | |
| JP2014522534A (en) | Zoom-in and zoom-out techniques using dynamic content | |
| CN112307408B (en) | Method and device for determining element information in page, electronic equipment and storage medium | |
| Klinger | CrysTBox-crystallographic toolbox | |
| CN110969687B (en) | Collision detection method, device, equipment and medium | |
| CN110075519B (en) | Information processing method and device in virtual reality, storage medium and electronic equipment | |
| CN102043571A (en) | Operation device and method for displaying graphs on financial product quotation screens of mobile devices | |
| CN107885437A (en) | Multielement exchange method, device, equipment and storage medium | |
| CN108008876B (en) | Display method, device and equipment of floating window and storage medium | |
| US20230015892A1 (en) | Computer System and Methods for Optimizing Distance Calculation | |
| CN114895891A (en) | Graphic software processing method and device, electronic equipment and storage medium | |
| CN112631474B (en) | Method and device for moving elements in page, medium and equipment | |
| CN114022604A (en) | Model drawing method and device, electronic equipment and storage medium | |
| WO2022144648A1 (en) | Graphics authoring application user interface control | |
| WO2022144649A1 (en) | Time lapse video generation by re-executing user instructions in a graphics vector application | |
| US20100079465A1 (en) | Intuitively connecting graphical shapes | |
| US20130249810A1 (en) | Text entry mode selection | |
| US20220358258A1 (en) | Computer-aided design methods and systems | |
| CN111054072B (en) | Method, device, equipment and storage medium for role model tailing |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |