CN112416332A - Graphical programming interface display method, device, equipment and medium - Google Patents

Graphical programming interface display method, device, equipment and medium Download PDF

Info

Publication number
CN112416332A
CN112416332A CN202011448281.9A CN202011448281A CN112416332A CN 112416332 A CN112416332 A CN 112416332A CN 202011448281 A CN202011448281 A CN 202011448281A CN 112416332 A CN112416332 A CN 112416332A
Authority
CN
China
Prior art keywords
area
user
interface
region
stacking sequence
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.)
Granted
Application number
CN202011448281.9A
Other languages
Chinese (zh)
Other versions
CN112416332B (en
Inventor
秦冰华
王轶丹
崔宁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ubtech Robotics Corp
Original Assignee
Ubtech Robotics Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Ubtech Robotics Corp filed Critical Ubtech Robotics Corp
Priority to CN202011448281.9A priority Critical patent/CN112416332B/en
Publication of CN112416332A publication Critical patent/CN112416332A/en
Application granted granted Critical
Publication of CN112416332B publication Critical patent/CN112416332B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

The embodiment of the invention discloses a graphical programming interface display method, a graphical programming interface display device, graphical programming equipment and a graphical programming interface display medium. Wherein, the method comprises the following steps: determining the stacking sequence of the first area and the second area in response to the preset operation of a user on the interface conversion control; judging whether the first area is positioned above the second area or not 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 first area is arranged above the second area by judging the stacking sequence of the upper part and the lower part of the first area and the second area, so that the screen using area of the first area is increased, the first area and the second area are prevented from being displayed on an interface at the same time to cause crowding, and the use experience of a user on graphical programming is improved.

Description

Graphical programming interface display method, device, equipment and medium
Technical Field
The embodiment of the invention relates to 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 animations, is very high in popularization degree when programming is learned, and is mostly used for learning by children and beginners.
The interface of the existing graphical programming software generally adopts a mesh tiling layout, a building block tool area, a programming working area and a result display area are displayed on a visual interface together, all parts are distributed compactly, and especially, the display areas of the programming working area and the result display area are too small and inconvenient to operate, so that the programming efficiency and the use experience of a user are influenced.
Disclosure of Invention
The embodiment of the invention provides a graphical programming interface display method, a graphical programming interface display device, graphical programming equipment and a graphical programming interface display medium, which are used for improving 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:
determining the stacking sequence of the first area and the second area in response to the preset operation of a user on the interface conversion control;
judging whether the first area is positioned above the second area or not 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 an interface display apparatus for graphical programming, where the apparatus includes:
the sequence determining module is used for 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;
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 the first area and the second area are not the same, so as to finish interface conversion.
In a third aspect, an embodiment of the present invention further provides a graphical programming interface display device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, where the processor implements the graphical programming interface display method according to any embodiment of the present invention when executing the program.
In a fourth aspect, embodiments of the present invention further provide a storage medium containing computer-executable instructions, which when executed by a computer processor, are configured to perform the graphical programming interface presentation method according to any of the embodiments 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 of the first area and the second area is determined, and if the first area is positioned below the second area, the position of the first area is automatically exchanged with the position of the second area, so that the second area is hidden in the visual interface. The problem that the first area and the second area must be simultaneously displayed on a visual interface in the prior art is solved, the first area and the second area are prevented from being distributed crowdedly, the working area of each area is enlarged, each function of graphical programming software is displayed more reasonably by using a screen space, a user can use the graphical programming software more easily, the programming efficiency of the user is improved, and the use experience of the user is improved.
Drawings
Fig. 1 is a schematic flowchart of an interface displaying method for graphical programming according to a first embodiment of the present invention;
FIG. 2 is a graphical programming software interface schematic of the prior art;
FIG. 3 is a schematic diagram of a graphical programming software interface according to one embodiment of the present invention;
FIG. 4 is a flowchart illustrating a graphical programming interface displaying method according to a second embodiment of the present invention;
FIG. 5 is a block diagram of a graphical programming interface display device according to a third embodiment of the present invention;
fig. 6 is a schematic structural diagram of an interface display device for graphical programming according to a fourth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures.
Example one
Fig. 1 is a flowchart illustrating a graphical programming interface display method according to an embodiment of the present invention, where the method is applicable to interface display performed by graphical programming software, and the method can be executed by a graphical programming interface display apparatus. As shown in fig. 1, the method specifically includes the following steps:
and step 110, 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.
The user uses graphical programming software to program, and 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 in the prior art, in which three regions appear on a visual interface at the same time to divide 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 top layer, the programming work area is the second layer, and the result display area is the third layer. 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 that 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 three regions as z-axis coordinates of the layers on the visual interface. The x-axis and y-axis coordinates of the programming work area may be set to be the same as the x-axis and y-axis coordinates of the result display area, so that the areas of the two areas are the same. The x-axis coordinate of the building block tool area can be set to be smaller than the x-axis coordinate of the programming working area, the building block tool area is arranged on the left side of the visual interface, and a user can drag the building blocks in the building block tool area to a blank area of the right programming working area. The programming working area is used for programming according to the building blocks, and the result display area is used for displaying the program operation result of the programming working area. Fig. 3 is a schematic diagram of a graphical programming software interface in the present embodiment. When programming, the programming working area is positioned above the result display area, and when the program is operated, the result display area is positioned above the programming working area.
When programming a building block, the programming working area needs to be determined to be positioned above the result display area. The user carries out preset operation on the interface conversion control, the interface conversion control can be any building block in a 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 a user on the interface conversion control to acquire the current z-axis coordinates of the first area and the second area. The first area may be a programming workspace and the second area may be a results presentation area. The z-axis coordinate may represent the up-down position of the first and second regions, and the larger the z-axis coordinate, the higher the region position.
In this embodiment, optionally, before determining the stacking order of the first region and the second region in response to a preset operation of the user on the interface conversion control, the method further includes: and determining a first transparency and a stacking sequence of the first region and a second transparency and a stacking sequence of the second region according to the preset candidate stacking sequence and the interface transparency.
Specifically, candidate stacking orders of the first region, the second region, and the third region may be preset, for example, the candidate stacking orders may be candidate z-axis coordinates, and actual z-axis coordinates of the first region, the second region, and the third region are all numerical values in the candidate z-axis coordinates. For example, the candidate z-axis coordinates may include 0, 1, and 2, and 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 smallest layer, the z-axis coordinates of the first region, the second region, and the third region 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 beneficial effect who sets up like this lies in, when first region is located the second area top, can see through the background interface in the first region and see the second region to carry out graphical programming according to the background interface in the second region, make the figure of programming more accord with the requirement of background picture, improve graphical programming's efficiency and precision, promote user experience.
In this embodiment, optionally, determining the stacking order of the first region and the second region in response to a preset operation of the user on the interface conversion control includes: in response to a building block dragging instruction sent by a user to a building block in a third area, determining 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.
Specifically, a user sends a building block dragging instruction to a building block in a third area according to a preset operation mode, the third area can be a building block tool area, each building block and other tools for programming are displayed in the building block tool area, and the user drags the building block in the third area to the second area to perform graphical programming. When a 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, needs to enable the first area to be located above the second area at the moment, and obtains the z-axis coordinates of the first area and the second area. The beneficial effect that sets up like this lies in, does not need the user to look over the z axle coordinate in first region and second region manually, also need not the user to send extra instruction, and when the user need program, the server can obtain the z axle coordinate in first region and second region automatically, reduces user operation, improves user's programming efficiency, promotes user and uses experience.
In this embodiment, optionally, determining the stacking order of the first area and the second area in response to a building block dragging instruction issued by a user to a building block in the third area includes: 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 the stacking sequence of the first area and the second area is not the same as the stacking sequence of the first area, determining that the user sends a building block dragging instruction, and acquiring the stacking sequence 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 a building block by a user, determining the time for which the user clicks, for example, the click time of the user can be the time for the user to click the building block by using a mouse and hold a mouse button for immobilization. A preset click time can be preset, the actual click time of a building block by a user is determined, the actual click time is compared with the preset click time, and whether the click time of the user exceeds the preset click time or not is determined. If the number of the first area is not more than the number of the second area, the user does not need to drag the building block, and the first area does not need to be arranged above the second area; and if the click time exceeds the preset click time, determining whether a user sends a dragging instruction to the building block, if so, determining that the user drags the building block for programming, and needing to enable the first area to be positioned above the second area, so that the z-axis coordinates of the first area and the second area are obtained. The beneficial effect who sets up like this lies in, according to the click and the drag operation of user to the cordwood block, confirms whether need acquire the z axle coordinate in first region and second area, avoids carrying out the acquireing of coordinate when not needing, improves the accuracy nature that graphical programming software interface demonstrates, makes the interface show satisfy user's demand, promotes user's use and experiences.
And 120, judging whether the first area is positioned above the second area or not according to the stacking sequence of the first area and the second area.
Wherein after obtaining the stacking order of the first area and the second area, i.e., the z-axis coordinate, the z-axis coordinates of the first area and the second area are compared. According to the size of the z-axis coordinate, whether the first area is above the second area can be judged. The area with small z-axis coordinate is at the lower layer, and the area with large z-axis coordinate is at the upper layer.
And step 130, if not, exchanging the stacking sequence of the first area and the second area to complete interface conversion.
If the z-axis coordinate of the first area is larger than that of the second area, the first area is determined to be above the second area, and the first area and the second area do not need to be exchanged in terms of the z-axis coordinate. If the z-axis coordinate of the first area is smaller than that of the second area, the first area is determined to be located below the second area, the z-axis coordinate of the first area and the z-axis coordinate of the second area are exchanged, the first area is moved to be above the second area, interface conversion of different areas on a visual interface is completed, and a user can drag a building block to the first area to program. For example, three candidate z-axis coordinates may be preset, which are 0, 1, and 2, the coordinate 2 may be defaulted to a z-axis coordinate of the third region, and 0 and 1 may be coordinates of the first region, or may be a z-axis coordinate of the second region, and if the acquired z-axis coordinate of the first region is 0 and the acquired z-axis coordinate of the second region is 1, the z-axis coordinates of the first region and the second region are exchanged, so that conversion of different regions on the interface is realized, and the interface of the first region is displayed on the visualization interface.
And a preset control can be set, and a user can click the preset control to convert the z-axis coordinate of the first area and the second area no matter how the upper-layer relation and the lower-layer relation of the first area and the second area are 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 symbol.
Specifically, the building block tool area as the third area can be displayed above the first area and the second area, and the building block tool area can also be hidden. The third area hiding control can be preset, a user can click the third area hiding control, the server responds to a 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, the preset identification symbol may be displayed in the upper right corner of the interface. The user can click the preset identification symbol, and the third area is converted into a complete interface of the building block tool area from the preset identification symbol. The beneficial effect who sets up like this lies in, and the user can hide the third region at any time, avoids the third region to shelter from the area in first region or second region, influences user's programming efficiency and exactness, promotes user's use and experiences.
According to the technical scheme of the embodiment, different stacking orders are set for the first area and the second area, the upper-lower layer relation of the first area and the second area is determined, and if the first area is located below the second area, the position of the first area is automatically exchanged with the position of the second area, so that the second area is hidden in the visual interface. The problem that the first area and the second area must be simultaneously displayed on a visual interface in the prior art is solved, the first area and the second area are prevented from being distributed crowdedly, the working area of each area is enlarged, each function of graphical programming software is displayed more reasonably by using a screen space, a user can use the graphical programming software more easily, the programming efficiency of the user is improved, and the use experience of the user is improved.
Example two
Fig. 4 is a flowchart illustrating a graphical programming interface display method according to a second embodiment of the present invention, which is further optimized based on the second embodiment of the present invention. As shown in fig. 4, the method specifically includes the following steps:
step 410, in response to a preset operation of the user on the interface conversion control, determining a stacking sequence of the first area and the second area.
Step 420, determining whether the first area is located above the second area according to the stacking sequence of the first area and the second area.
And step 430, if not, exchanging the stacking sequence of the first area and the second area to complete interface conversion.
Step 440, responding to a graphical programming operation instruction sent by a user, covering the second area on the upper layer of the first area, and displaying a programming result in the second area.
And after the programming is finished, running the program to obtain a programming result, and displaying the programming result 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 area to show the programming result, it is necessary to overlay the second area on the first area. And after the programming is finished, the user clicks the operation control on the interface, the server responds to a graphical programming operation instruction sent by the user, whether the second area is positioned above the first area or not is determined, if not, the second area is covered on the first area, and the second area is used for displaying a programming result. If yes, directly operating the program and displaying the operation result.
In this embodiment, optionally, in response to a graphical programming execution instruction issued by a user, overlaying the second area on an upper layer of the first area, so that the second area displays a programming result, including: in response to a graphical programming operation instruction sent by a user, determining the stacking sequence of the first area and the second area; judging whether the second area is positioned above the first area or not according to the stacking sequence of the first area and the second area; if not, the stacking sequence of the first area and the second area is exchanged for the second area to display the graphical programming result.
Specifically, the server obtains the current stacking sequence of the first area and the second area in response to a graphical programming execution instruction issued by the user, for example, the current z-axis coordinate of the first area and the current z-axis coordinate of the second area may be obtained. And judging whether the second area is covered on the first area or not according to the z-axis coordinates of the first area and the second area. The size of the z-axis coordinate of the first region and the second region may be compared, with the z-axis coordinate being large, indicating that the corresponding region is on top. And if the z-axis coordinate of the second area is larger than that of the first area, determining that the second area is positioned 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 area is smaller than the z-axis coordinate of the first area, it is determined that the second area is located below the first area, and the z-axis coordinate of the first area needs to be exchanged with the z-axis coordinate of the second area, so that the second area covers the first area, and graphical programming results of the second area are displayed. For example, if 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 into 0 and the z-axis coordinate of the second region is converted into 1. The method has the advantages that when the program is operated, the area on the interface is automatically changed, manual adjustment of 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 reflected, the graphical programming interface is displayed more visually and clearly, the interface display effect is improved, and the use experience of the user on 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 of the first area and the second area is determined, and if the first area is positioned below the second area, the position of the first area is automatically exchanged with the position of the second area, so that the second area is hidden in the visual interface. When the programming result is displayed, the first area can be automatically hidden, so that the result display is clearer. The problem that the first area and the second area must be simultaneously displayed on a visual interface in the prior art is solved, the first area and the second area are prevented from being distributed crowdedly, the working area of each area is enlarged, each function of graphical programming software is displayed more reasonably by using a screen space, a user can use the graphical programming software more easily, the programming efficiency of the user is improved, and the use experience of the user is improved.
EXAMPLE III
Fig. 5 is a block diagram of a graphical programming interface display apparatus according to a third embodiment of the present invention, which is capable of executing a graphical programming interface display method according to any embodiment of the present invention, and has corresponding functional modules and beneficial effects of 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 region and the second region in response to a preset operation of a user on the interface conversion control;
an interface determining module 502, configured to determine whether the first area is located above the second area according to a stacking order of the first area and the second area;
and if not, exchanging the stacking sequence of the first area and the second area to complete interface conversion.
Optionally, the order determining module 501 includes:
the building block dragging unit is used for responding to a building block dragging instruction sent by a user to a building block in a third area, and determining the stacking sequence of the first area and the second area; wherein the third region is a building block tool area displaying building blocks for programming.
Optionally, the building block dragging unit is specifically configured to:
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;
and if so, determining that the user sends 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 that the second area can display a programming result.
Optionally, the programming operation module is specifically configured to:
in response to a graphical programming execution instruction sent by a user, determining the stacking sequence of the first area and the second area;
judging whether the second area is positioned above the first area or not according to the stacking sequence of the first area and the second area;
if not, the stacking sequence of the first area and the second area is exchanged, so that the second area can display the graphical programming result.
Optionally, the apparatus further comprises:
and the third area hiding module is used for responding to a third area hiding instruction and displaying the third area at a preset position of the visual interface by using a preset identification symbol.
Optionally, the apparatus further comprises:
and the transparency determining module is used for determining the first transparency and the stacking sequence of the first region and the second transparency and the stacking sequence of the second region according to a preset candidate stacking sequence and interface transparency before determining the stacking sequence of the first region and the second region in response to the preset operation of the user on the interface conversion control.
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 of the first area and the second area is determined, and if the first area is positioned below the second area, the position of the first area is automatically exchanged with the position of the second area, so that the second area is hidden in the visual interface. The problem that the first area and the second area must be simultaneously displayed on a visual interface in the prior art is solved, the first area and the second area are prevented from being distributed crowdedly, the working area of each area is enlarged, each function of graphical programming software is displayed more reasonably by using a screen space, a user can use the graphical programming software more easily, the programming efficiency of the user is improved, and the use experience of the user is improved.
Example four
Fig. 6 is a schematic structural diagram of an interface display device for graphical programming according to a fourth embodiment of the present invention. The graphically programmed interface presentation device may be a computer device, and FIG. 6 illustrates a block diagram of an exemplary computer device 600 suitable for use in implementing embodiments of the present invention. The computer device 600 shown in fig. 6 is only an example and should not bring any limitations to the function and scope of use of the embodiments of the present invention.
As shown in fig. 6, computer device 600 is in the form of a general purpose computing device. The 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 couples various system components including the system memory 602 and the processing unit 601.
Bus 603 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, and a processor or local bus using any of a variety of bus architectures. By way of example, such architectures include, but are not limited to, 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 drive"). Although not shown in FIG. 6, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to the bus 603 by one or more data media interfaces. Memory 602 may include at least one program product having a set (e.g., at least one) of program modules that are 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, for example, in 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 of which examples or some combination thereof may comprise an implementation of a network environment. The 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.), with one or more devices that enable a user to interact with the computer device 600, and/or with 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 via an input/output (I/O) interface 611. Moreover, the computer device 600 may also communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN) and/or a public network, such as the Internet) via the network adapter 612. As shown in FIG. 6, the network adapter 612 communicates with the other modules of the computer device 600 via the bus 603. It should be appreciated that although not shown in FIG. 6, other hardware and/or software modules may be used in conjunction with the computer device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
The processing unit 601 executes various functional applications and data processing by running the program stored in the system memory 602, for example, implementing a graphical programming interface display method provided by the embodiment of the present invention, including:
determining the stacking sequence of the first area and the second area in response to the preset operation of a user on the interface conversion control;
judging whether the first area is positioned above the second area or not 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 on the storage medium, and when the computer program is executed by a processor, the method for displaying an interface of a graphical program according to the fifth embodiment of the present invention is implemented, where the method includes:
determining the stacking sequence of the first area and the second area in response to the preset operation of a user on the interface conversion control;
judging whether the first area is positioned above the second area or not 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.
Computer storage media for embodiments of the invention may employ 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 is not limited to: an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. 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 the context of 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.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. 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 for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + + or the like 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 type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. 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, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.

Claims (10)

1. A graphical programming interface display method is characterized by comprising the following steps:
determining the stacking sequence of the first area and the second area in response to the preset operation of a user on the interface conversion control;
judging whether the first area is positioned above the second area or not 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.
2. The method of claim 1, wherein determining the stacking order of the first region and the second region in response to a preset operation of the interface conversion control by a user comprises:
in response to a building block dragging instruction sent by a user to a building block in a third area, determining the stacking sequence of the first area and the second area; wherein the third region is a building block tool area for displaying building blocks for programming.
3. The method of claim 2, wherein determining the stacking order of the first and second regions in response to a block drag instruction issued by a user to a block in a third region comprises:
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;
and if so, determining that the user sends a building block dragging instruction, and acquiring the stacking sequence of the first area and the second area.
4. The method according to claim 1, further comprising, after reversing the stacking order of the first region and the second region:
and responding to a graphical programming running instruction sent by a user, covering the second area on the upper layer of the first area, and displaying a programming result by the second area.
5. The method of claim 4, wherein overlaying the second area on top of the first area in response to a graphical programming execution instruction issued by a user for the second area to show a programming result comprises:
in response to a graphical programming execution instruction sent by a user, determining the stacking sequence of the first area and the second area;
judging whether the second area is positioned above the first area or not according to the stacking sequence of the first area and the second area;
if not, the stacking sequence of the first area and the second area is exchanged, so that the second area can display the graphical programming result.
6. The method of claim 2, further comprising:
and responding to a third area hiding instruction, and displaying the third area at a preset position of the visual interface by using a preset identification symbol.
7. The method of claim 1, further comprising, prior to determining the stacking order of the first region and the second region in response to a user's preset operation of the interface transition control:
and determining a first transparency and a stacking sequence of the first region and a second transparency and a stacking sequence of the second region according to a preset candidate stacking sequence and an interface transparency.
8. A graphical programming interface presentation device, comprising:
the sequence determining module is used for 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;
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 the first area and the second area are not the same, so as to finish interface conversion.
9. A graphical programmed interface presentation device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the graphical programmed interface presentation method as claimed in any one of claims 1 to 7 when executing the program.
10. A storage medium containing computer-executable instructions for performing the graphical programmed interface presentation method of any one of claims 1-7 when executed by a computer processor.
CN202011448281.9A 2020-12-09 2020-12-09 Graphical programming interface display method, device, equipment and medium Active CN112416332B (en)

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 true CN112416332A (en) 2021-02-26
CN112416332B 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)

Cited By (2)

* Cited by examiner, † Cited by third party
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
CN114461213A (en) * 2022-01-27 2022-05-10 北京思明启创科技有限公司 Programming interface display control method and device, electronic equipment and storage medium

Citations (5)

* Cited by examiner, † Cited by third party
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

Patent Citations (5)

* Cited by examiner, † Cited by third party
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

Cited By (3)

* Cited by examiner, † Cited by third party
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
CN114461213A (en) * 2022-01-27 2022-05-10 北京思明启创科技有限公司 Programming interface display control method and device, electronic equipment and storage medium
CN114461213B (en) * 2022-01-27 2023-06-30 北京思明启创科技有限公司 Program interface display control method and device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN112416332B (en) 2023-10-10

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
US20130187948A1 (en) 2d line data cursor
US20140380178A1 (en) Displaying interactive charts on devices with limited resources
CN112416332A (en) Graphical programming interface display method, device, equipment and medium
CN110075519B (en) Information processing method and device in virtual reality, storage medium and electronic equipment
CN107885437A (en) Multielement exchange method, device, equipment and storage medium
CN114648615B (en) Method, device and equipment for controlling interactive reproduction of target object and storage medium
CN112748923A (en) Method and device for creating visual billboard, electronic equipment and storage medium
US20080109743A1 (en) System and method for providing a navigable grid to allow for accessible drag-drop in visual modeling tools
CN114022604A (en) Model drawing method and device, electronic equipment and storage medium
CN114895891A (en) Graphic software processing method and device, electronic equipment and storage medium
US7554544B2 (en) Just-in-time user interface layout
JP4902567B2 (en) Work procedure manual creation system and work procedure manual creation program
US8959444B2 (en) Presenting a navigation order of shapes
CN108920230B (en) Response method, device, equipment and storage medium for mouse suspension operation
CN113010582A (en) Data processing method and device, computer readable medium and electronic equipment
CN115794980A (en) Data display method, equipment, device and medium
CN111054072B (en) Method, device, equipment and storage medium for role model tailing
CN104081333A (en) Remote display area including input lenses each depicting a region of a graphical user interface
US20120330619A1 (en) Dynamic connection visualization in computer aided design package
CN113794604A (en) Network security situation display method, device, equipment and storage medium
CN113126866A (en) Object determination method and device, electronic equipment and storage medium
CN113360148A (en) Graph processing method and device and electronic equipment
JP3988604B2 (en) Graphic display control apparatus and program

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