CN113515273B - 可视化编程软件的图形折叠方法、装置、设备及存储介质 - Google Patents

可视化编程软件的图形折叠方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN113515273B
CN113515273B CN202110442668.1A CN202110442668A CN113515273B CN 113515273 B CN113515273 B CN 113515273B CN 202110442668 A CN202110442668 A CN 202110442668A CN 113515273 B CN113515273 B CN 113515273B
Authority
CN
China
Prior art keywords
area
network
folding
graphic
hidden
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
Application number
CN202110442668.1A
Other languages
English (en)
Other versions
CN113515273A (zh
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.)
Dongguan Jingchi Software Co ltd
Original Assignee
Dongguan Jingchi Software Co ltd
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 Dongguan Jingchi Software Co ltd filed Critical Dongguan Jingchi Software Co ltd
Priority to CN202110442668.1A priority Critical patent/CN113515273B/zh
Publication of CN113515273A publication Critical patent/CN113515273A/zh
Application granted granted Critical
Publication of CN113515273B publication Critical patent/CN113515273B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及可视化编程软件的图形折叠方法、装置、设备及存储介质,其包括如下步骤:在人机交互画面上显示多个网络区以及图形编辑区,图形编辑区用于显示图形元素,图形元素包括连线、块以及注释;在网络区与图形元素的显示区域内显示折叠功能区;当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域,并隐藏其对应的图形编辑区内的图形元素;当获取到任一图形元素对应的折叠功能区的触发信号时,缩小或隐藏该图形元素的显示区域,并隐藏其对应的元素内容。本发明具有方便用户管理网络、连线、块和注释等内容以提升编写效率的效果。

Description

可视化编程软件的图形折叠方法、装置、设备及存储介质
技术领域
本发明涉及可视化编程软件的技术领域,尤其是涉及可视化编程软件的图形折叠方法、装置、设备及存储介质。
背景技术
目前工业自动化领域常用的逻辑编程软件有TwiCAT(倍福)、FPWIN GR7(松下)、Fanuc(法兰克)、STEP7(西门子)、Codesys等,其编程语言一般选用图形类语言(梯形图、SFC和FBD)。
上述软件的编辑界面上主要包含网络、连线、程序块、注释等部分,其中,网络即软件自动分配的程序段落,网络按照功能及步骤进行分段,以此便于检索及纠错。而连线用于连接各元件,连线上设有子连线,连线、子连线均可以与元件、块连接,以此形成完整的逻辑,从而方便进行梳理。程序块内包含能实现不同功能的程序,以此方便用户进行调用与编辑。注释用于对逻辑进行详细的阐述,从而方便查看与理解。
上述软件在逻辑编辑区编写逻辑时网络、连线、块和注释等内容均保持展开状态,当编写简单的逻辑时可以直观得查看到网络、连线和注释等内容,从而方便查看、梳理与修改。
上述中的现有技术方案存在以下缺陷:如果在有限的逻辑编辑空间内,比如使用笔记本编写复杂的逻辑时,显示画面较小,当编辑完一个较为复杂的逻辑部分时该逻辑部分会占用较多的显示画面,用户在拖动软件页面时较为费时费力,不利于用户对多个网络进行查找与管理,致使编写的效率低下。
发明内容
针对现有技术存在的不足,本发明第一目的是提供可视化编程软件的图形折叠方法,能方便用户管理网络、连线、块和注释等内容,提升编写效率。
本发明的上述发明目的是通过以下技术方案得以实现的:可视化编程软件的图形折叠方法,包括如下步骤:
在人机交互画面上显示多个网络区以及与网络区一一对应的图形编辑区,网络区用于显示网络序号,图形编辑区用于显示图形元素,图形元素包括连线、块以及注释;
在网络区与图形元素的显示区域内显示折叠功能区,当获取到对应折叠功能区的触发信号时执行折叠操作;
当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域,并隐藏其对应的图形编辑区内的图形元素;
当获取到任一图形元素对应的折叠功能区的触发信号时,缩小或隐藏该图形元素的显示区域,并隐藏其对应的元素内容,元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容。
通过采用上述技术方案,通过触发折叠功能区以执行折叠操作,当触发的是网络区内的折叠功能区时,对网络区及其对应的图形编辑区进行缩小或隐藏,并对图形元素进行隐藏,而当触发的是图形元素对应的折叠功能区时,对图形元素的显示区域进行缩小或隐藏,并对对应的元素内容进行隐藏,以此大幅减小已完成的逻辑部分对显示画面的占用,方便用户管理网络、连线、块和注释等内容,提升编写效率。
本发明在一较佳示例中可以进一步配置为:所述折叠功能区包括标准图标以及简化图标,当任一网络区及其对应的图形编辑区缩小或隐藏时,或任一图形元素的显示区域缩小或隐藏时该网络区或图形元素对应的折叠功能区隐藏标准图标并在原标准图标处显示简化图标,且当获取到对应简化图标的触发信号时隐藏该简化图标并在该简化图标处显示标准图标。
通过采用上述技术方案,通过标准图标表示网络区及其对应的图形编辑区以及图形元素处于标准状态,即放大或显示状态,且可以被触发并转变成简化状态,即缩小或隐藏状态,以此方便用户辨识两种状态,提升网络与图形元素的管理效率。
本发明在一较佳示例中可以进一步配置为:当获取到对应简化图标的触发信号时放大或显示对应该简化图标的网络区及其图形编辑区或图形元素的显示区域并显示对应的元素内容,且放大后的网络区及其图形编辑区的显示区域与缩小前的显示区域一致。
通过采用上述技术方案,通过触发简化图标对折叠操作后的网络区及其图形编辑区或图形元素的显示区域进行还原放大,使得放大后的网络区及其图形编辑区的显示区域与缩小前的显示区域一致,以此方便进行再次修改,提升适用性。
本发明在一较佳示例中可以进一步配置为:在人机交互画面上位于网络区的一侧单独显示有多网络折叠区,多网络折叠区包括序号选定区及折叠指令触发区;
获取需要折叠的网络区所对应的网络序号范围并在序号选定区显示选定的网络序号范围;
当获取到对应折叠指令触发区的触发信号时,对序号选定区内显示的网络序号范围内的所有网络序号对应的网络区及其图形编辑区执行折叠操作。
通过采用上述技术方案,通过多网络折叠区的序号选定区对多个网络序号进行选中,然后通过触发折叠指令触发区对选中的多个网络序号对应的网络区及其图形编辑区进行同步折叠操作,以此提升折叠效率。
本发明在一较佳示例中可以进一步配置为:当获取到对应连线任一位置的指示信号时运算该位置的坐标并在该位置显示标准图标;
当获取到对应连线上的标准图标的触发信号时,隐藏位于该标准图标一侧的连线、连线上的图形、与连线连接的子连线、与子连线连接的图形,图形包括元件、块及注释,同时单独保存隐藏的部分;
当获取到对应连线上的简化图标的触发信号时,读取已保存的隐藏部分并显示隐藏部分。
通过采用上述技术方案,通过获取鼠标箭头悬停在连线任一位置等指示信号的方式开启连线的折叠功能,并对连线上任一位置一侧的图形元素与元素内容进行隐藏,以此选择性地隐藏需要的部分,方便逻辑的编写。
本发明在一较佳示例中可以进一步配置为:当获取到对应块的显示区域内的标准图标的触发信号时,缩小或隐藏块的显示区域,隐藏块的内容并单独保存块的内容;
同时重新计算图形编辑区的连线尺寸以使连线重新与缩小后的块的显示区域连接或与块对应的简化图标连接;
当获取到对应块的显示区域内的简化图标的触发信号时,放大或显示块的显示区域,读取已保存的块的内容并在块的显示区域显示块的内容。
通过采用上述技术方案,通过缩小或隐藏块的显示区域以及隐藏块的内容减少块对人机交互画面的占用,方便用户梳理逻辑,提升编写的效率;且在执行折叠操作后重新计算图形编辑区的连线尺寸,以此保留连线与块的连接关系,避免影响逻辑的编写。
本发明在一较佳示例中可以进一步配置为:当获取到对应注释的显示区域内的标准图标的触发信号时,缩小或隐藏注释的显示区域,隐藏注释的内容,并单独保存注释的内容;
当获取到对应注释的显示区域内的简化图标的触发信号时,放大或显示注释的显示区域,读取已保存的注释的内容并在注释的显示区域显示注释的内容。
通过采用上述技术方案,通过缩小或隐藏注释的显示区域以及隐藏注释的内容,减少已完成的注释对人机交互画面的占用,方便用户梳理逻辑,提升编写的效率。
本发明的第二目的是提供一种可视化编程软件的图形折叠装置,能方便用户管理网络、连线和注释等内容,提升编写效率。
本发明的上述发明目的是通过以下技术方案得以实现的:
一种可视化编程软件的图形折叠装置,包括,
显示模块,用于在人机交互画面上显示多个网络区以及与网络区一一对应的图形编辑区,网络区用于显示网络序号,图形编辑区用于显示图形元素,图形元素包括连线、块以及注释;
折叠模块,用于在网络区与图形元素的显示区域内显示折叠功能区,当获取到对应折叠功能区的触发信号时执行折叠操作;
当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域,并隐藏其对应的图形编辑区内的图形元素;
当获取到任一图形元素对应的折叠功能区的触发信号时,缩小或隐藏该图形元素的显示区域,并隐藏其对应的元素内容,元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容。
本发明的第三目的是提供一种智能终端,具有便于实现管理网络、连线和注释等内容以提升编写效率的特点。
本发明的上述发明目的是通过以下技术方案得以实现的:
一种智能终端,包括存储器和处理器,所述存储器上存储有能够被处理器加载并执行上述可视化编程软件的图形折叠方法的计算机程序。
本发明第四目的是提供一种计算机存储介质,能够存储相应的程序,具有便于实现管理网络、连线和注释等内容以提升编写效率的特点。
本发明的上述发明目的是通过以下技术方案得以实现的:
一种计算机可读存储介质,存储有能够被处理器加载并执行上述可视化编程软件的图形折叠方法的计算机程序。
综上所述,本发明包括以下至少一种有益技术效果:
1.通过触发折叠功能区可以对网络区及其对应的图形编辑区进行缩小或隐藏,并对图形元素进行隐藏,或对图形元素的显示区域进行缩小或隐藏,并对对应的元素内容进行隐藏,以此大幅减小已完成的逻辑部分对显示画面的占用,方便用户管理网络、连线、块和注释等内容,提升编写效率;
2.通过标准图标表示网络区及其对应的图形编辑区以及图形元素处于标准状态,即放大或显示状态,且可以被触发并转变成简化状态,即缩小或隐藏状态,以此方便用户辨识两种状态,提升网络与图形元素的管理效率;
3.通过获取鼠标箭头悬停在连线任一位置等指示信号的方式开启连线的折叠功能,并对连线上任一位置一侧的图形元素与元素内容进行隐藏,以此选择性地隐藏需要的部分,方便逻辑的编写。
附图说明
图1是本发明实施例一的整体原理框图;
图2是本发明实施例一的部分原理示意图,主要展示网络的折叠;
图3是本发明实施例一的网络的折叠的流程示意图;
图4是本发明实施例一的部分原理示意图,主要展示连线的折叠;
图5是本发明实施例一的连线的折叠的流程示意图;
图6是本发明实施例一的部分原理示意图,主要展示块的折叠;
图7是本发明实施例一的块的折叠的流程示意图;
图8是本发明实施例一的部分原理示意图,主要展示注释的折叠;
图9是本发明实施例一的注释的折叠的流程示意图。
具体实施方式
以下结合附图对本发明作进一步详细说明。
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
另外,本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,如无特殊说明,一般表示前后关联对象是一种“或”的关系。
下面结合说明书附图对本发明实施例作进一步详细描述。
实施例一:图1为本发明提供的可视化编程软件的图形折叠方法,包括但不限于网络的折叠、连线的折叠、块的折叠以及注释折叠四类,通过部分或全部隐藏所编写逻辑的网络、连线、块以及注释的内容的方式减少对人机交互界面的占用,方便用户查找、梳理与编写所需的逻辑部分,以此方便管理网络、连线、块和注释等内容,提升编写效率。
参照图1、图2,在人机交互界面上显示有网络区及图形编辑区,网络区与图形编辑区均竖直排列分布且两者一一对应,相对应的网络区与图形编辑区位于同一行上,网络区用于显示网络序号,网络有多个且各网络区对应不同的序号,如“网络1”、“网络2”,图形编辑区用于显示图形元素,图形元素包括但不限于连线、块以及注释等,以此实现逻辑的编辑。在网络区与图形元素的显示区域内显示折叠功能区,当获取到对应折叠功能区的触发信号时执行折叠操作。本实施例中折叠功能区包括标准图标以及简化图标,标准图标采用“-”符号的图像表示,而简化图标采用“+”符号的图像表示,同一时段“+”符号以及“-”符号仅显示其一,用于区分与表示折叠状态。
参照图2、图3,其中,折叠操作包括以下两种情况,当获取到任一网络区内的标准图标的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域,并隐藏其对应的图形编辑区内的图形元素;当获取到任一图形元素对应的标准图标的触发信号时,缩小或隐藏该图形元素的显示区域,并隐藏其对应的元素内容,元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容,其具体情况如下。
网络的折叠包括两种类型,其一即单个网络的折叠,具体为:折叠功能区显示于网络区的左上角或右上角,当获取到任一网络区的对应折叠功能区的触发信号时执行折叠操作,折叠操作为:放大或缩小该折叠标识所对应的网络区及其图形编辑区的显示区域,包括但不限于行高、行宽,本实施例中,触发信号可以采用虚拟按键,如手指点击虚拟按键等,或采用机械按键,如鼠标单击、双击等。
当点击简化图标,即“+”符号时,放大网络区及其图形编辑区的行高至设定值,增大网络区及其图形编辑区的显示面积,并将网络序号显示于网络区,将图形元素,即连线、块与注释等显示于图形编辑区,同时隐藏“+”符号,在原“+”符号处显示“-”符号。当点击标准图标,即“-”符号时,缩小网络区及其图形编辑区的行高至设定值,减小网络区及其图形编辑区的显示面积,并隐藏网络区内的网络序号以及图形编辑区内的连线、块与注释等内容,同时隐藏“-”符号,在原“-”符号处显示“+”符号。
其二即多网络的折叠,具体为:在人机交互画面的顶部位于网络区的上方单独显示有多网络折叠区,多网络折叠区包括序号选定区及折叠指令触发区。应用时,先获取需要折叠的网络区所对应的网络序号范围并在序号选定区显示选定的网络序号范围,本实施例中选定序号的方式优选为采用“网络1-网络3”的形式,即在序号选定区分别输入起始网络序号“网络1”以及终止网络序号“网络3”,以此表示选定“网络1”、“网络2”、“网络3”。当获取到对应折叠指令触发区的触发信号时,对选定的一个或多个序号所对应的网络区及其图形编辑区执行折叠操作,当选定“网络1”-“网络3”时,缩小所选定的“网络1”、“网络2”、“网络3”所对应的网络区及其图形编辑区的显示面积,同时“网络1”、“网络2”、“网络3”所对应的网络区的“-”符号隐藏、“+”符号显示。
参照图4、图5,连线的折叠:在图形编辑区内显示有连线以及与连线连接的子连线,连线与子连线上均连接有元件以及块,元件与块上标有注释,当获取到对应连线任一位置的指示信号时显示标准图标,本实施例中该指示信号的输入采用鼠标箭头悬停在连线上的方式。当鼠标箭头悬停在连线上的任一位置时运算并记录该位置,同时在该位置显示标准图标,即“-”符号,当获取到所显示的标准图标的触发信号时,该处的触发信号的输入方式优选为鼠标点击的方式,当鼠标箭头点击“-”符号时隐藏位于该折叠图标一侧的连线、连线上的图形、与连线连接的子连线、与子连线连接的图形,其中图形包括但不限于元件、块及注释,且隐藏的部分进行单独保存,以便取用。
当鼠标箭头点击“-”符号时隐藏“-”符号并在该处显示“+”符号,当鼠标箭头点击“+”符号时读取已保存的隐藏部分并显示对应该折叠图标的连线、连线上的图形、与连线连接的子连线、与子连线连接的图形等,同时隐藏“+”符号并在原处显示“-”符号,当鼠标箭头脱离“-”符号时,隐藏该“-”符号。
参照图6、图7,块的折叠:块,即功能块,包括但不限于程序块、数据块等,在图形编辑区内设有块的显示区域,而折叠功能区显示于块的显示区域边角处。当获取到对应标准图标,即“-”符号的触发信号时,即鼠标箭头点击“-”符号时缩小块的显示区域,本实施例中采用同时等比缩小块的显示区域各边长度至设定值的形式,在缩小块的显示区域面积的同时,隐藏块的内容,将块的内容进行单独保存。且在块的显示区域缩小或放大时重新计算图形编辑区的连线尺寸以使连线重新与缩小或放大后的块的显示区域连接或与块对应的简化图标连接,例如采用延长或缩短连线的方式以使连线与块的显示区域重新连接。
当鼠标箭头点击“-”符号时隐藏该“-”符号并在原“-”符号处显示“+”符号,当鼠标箭头点击“+”符号时同步等比放大块的显示区域各边的长度至缩小前的尺寸,放大其显示面积,同时读取已保存的块内容并在块的显示区域内显示块的内容,同时隐藏“+”符号并在原处显示“-”符号。
参照图8、图9,注释的折叠:注释的内容包括对块、元件以及逻辑的解释,在图形编辑区内显示有注释视图,注释视图内显示有注释的内容,折叠功能区显示于注释视图内的左上角或右上角上。当鼠标箭头点击标准图标,即“-”符号时隐藏该“-”符号并在原“-”符号处显示“+”符号,可以在“+”符号的一侧显示省略号标记,以方便辨识。与此同时,缩小或直接隐藏注释视图的显示区域,其中缩小注释视图可以采用等比缩小注释视图的各变长的形式,同时,隐藏注释视图内显示的注释的内容并对注释的内容进行单独保存。
当鼠标箭头点击简化图标,即“+”符号时隐藏该“+”符号并在原“+”符号处显示“-”符号,同时放大或直接显示注释视图,读取已保存的注释的内容并将之显示于注释视图内,以此实现注释的折叠功能。
上述网络的折叠、连线的折叠、块的折叠以及注释的折叠可以采用单一或任意组合的形式应用于STEP7、Fanuc、Codesys等的软件系统中,当上述折叠方法同时应用于同一软件系统时,网络的折叠优先级大于连线的折叠优先级,连线的折叠优先级大于块的折叠与注释的折叠两者的优先级,即任一网络进行折叠处理时显示或隐藏其图形编辑区的连线、块及注释的折叠功能区,而任一连线进行折叠处理时显示或隐藏其连线一侧对应的块与注释的折叠功能区。
本实施例中,当文件需要保存时,处理器获取保存文件的触发信号并增加折叠信息,折叠信息包括网络、连线、块、注释的折叠状态,即各网络区及其图形编辑区的缩放状态、各连线的隐藏显示状态、各块的缩放状态以及注释的缩放或显示隐藏状态,折叠信息还包括连线的折叠功能区的位置,以此方便在重启软件系统后读取折叠信息并显示与保存时一致的人机交互画面。
本实施例的实施原理:通过触发折叠功能区以执行折叠操作,以此对网络区及其对应的图形编辑区以及图形元素的显示区域进行缩小或隐藏,并对对应的元素内容进行隐藏,以此大幅减小已完成的逻辑部分对显示画面的占用,方便用户管理网络、连线、块和注释等内容,提升编写效率。
实施例二:一种可视化编程软件的图形折叠装置,包括显示模块以及折叠模块,其中,显示模块用于在人机交互画面上显示多个网络区以及与网络区一一对应的图形编辑区,而网络区用于显示网络序号,图形编辑区用于显示图形元素,图形元素包括但不限于连线、块以及注释等。折叠模块用于在网络区与图形元素的显示区域内显示折叠功能区,当获取到对应折叠功能区的触发信号时执行折叠操作。折叠操作包括以下两种情况:当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域,并隐藏其对应的图形编辑区内的图形元素。当获取到任一图形元素对应的折叠功能区的触发信号时,缩小或隐藏该图形元素的显示区域,并隐藏其对应的元素内容,元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容。
本实施例的实施原理:通过触发折叠功能区以执行折叠操作,以此对网络区及其对应的图形编辑区以及图形元素的显示区域进行缩小或隐藏,并对对应的元素内容进行隐藏,以此大幅减小已完成的逻辑部分对显示画面的占用,方便用户管理网络、连线、块和注释等内容,提升编写效率。
实施例三:一种智能终端,包括存储器和处理器,存储器上存储有能够被处理器加载并执行上述可视化编程软件的图形折叠方法的计算机程序。
本实施例的实施原理:通过存储器保存对应可视化编程软件的图形折叠方法的计算机程序并通过处理器对该程序进行加载,以此对网络区及其对应的图形编辑区以及图形元素的显示区域进行缩小或隐藏,并对对应的元素内容进行隐藏,以此大幅减小已完成的逻辑部分对显示画面的占用,方便用户管理网络、连线、块和注释等内容,提升编写效率。
实施例四:一种计算机可读存储介质,存储介质可以采用U盘、硬盘、光盘等,存储介质内存储有能够被处理器加载并执行上述可视化编程软件的图形折叠方法的计算机程序。
本实施例的实施原理:通过U盘、硬盘、光盘等存储介质对用于实现可视化编程软件的图形折叠方法的计算机程序进行保存,方便取用。

Claims (5)

1.可视化编程软件的图形折叠方法,其特征在于,包括如下步骤:
在人机交互画面上显示多个网络区以及与网络区一一对应的图形编辑区,网络区用于显示网络序号,图形编辑区用于显示图形元素,图形元素包括连线、块以及注释;
在网络区与图形元素的显示区域内显示折叠功能区,当获取到对应折叠功能区的触发信号时执行折叠操作;
当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域,并隐藏其对应的图形编辑区内的图形元素;
当获取到任一图形元素对应的折叠功能区的触发信号时,缩小或隐藏该图形元素的显示区域,并隐藏其对应的元素内容,元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容;
所述折叠功能区包括标准图标以及简化图标,标准图标采用“-”符号的图像表示,而简化图标采用“+”符号的图像表示,同一时段“+”符号以及“-”符号仅显示其一,用于区分与表示折叠状态,当任一网络区及其对应的图形编辑区缩小或隐藏时,或任一图形元素的显示区域缩小或隐藏时该网络区或图形元素对应的折叠功能区隐藏标准图标并在原标准图标处显示简化图标,且当获取到对应简化图标的触发信号时隐藏该简化图标并在该简化图标处显示标准图标;
当获取到对应简化图标的触发信号时放大或显示对应该简化图标的网络区及其图形编辑区或图形元素的显示区域并显示对应的元素内容,且放大后的网络区及其图形编辑区的显示区域与缩小前的显示区域一致,其中当点击简化图标,即“+”符号时,放大网络区及其图形编辑区的行高至设定值,增大网络区及其图形编辑区的显示面积,并将网络序号显示于网络区,将图形元素,即连线、块与注释等显示于图形编辑区,同时隐藏“+”符号,在原“+”符号处显示“-”符号,在人机交互画面上位于网络区的一侧单独显示有多网络折叠区,多网络折叠区包括序号选定区及折叠指令触发区;
获取需要折叠的网络区所对应的网络序号范围并在序号选定区显示选定的网络序号范围;
当获取到对应折叠指令触发区的触发信号时,对序号选定区内显示的网络序号范围内的所有网络序号对应的网络区及其图形编辑区执行折叠操作,
当获取到对应连线任一位置的指示信号时运算该位置的坐标并在该位置显示标准图标;
当获取到对应连线上的标准图标的触发信号时,隐藏位于该标准图标一侧的连线、连线上的图形、与连线连接的子连线、与子连线连接的图形,图形包括元件、块及注释,同时单独保存隐藏的部分;
当获取到对应连线上的简化图标的触发信号时,读取已保存的隐藏部分并显示隐藏部分,
当获取到对应块的显示区域内的标准图标的触发信号时,缩小或隐藏块的显示区域,隐藏块的内容并单独保存块的内容;
同时重新计算图形编辑区的连线尺寸以使连线重新与缩小后的块的显示区域连接或与块对应的简化图标连接;
当获取到对应块的显示区域内的简化图标的触发信号时,放大或显示块的显示区域,读取已保存的块的内容并在块的显示区域显示块的内容,
网络的折叠优先级大于连线的折叠优先级,连线的折叠优先级大于块的折叠与注释的折叠两者的优先级,即任一网络进行折叠处理时显示或隐藏其图形编辑区的连线、块及注释的折叠功能区,而任一连线进行折叠处理时显示或隐藏其连线一侧对应的块与注释的折叠功能区。
2.根据权利要求1所述的可视化编程软件的图形折叠方法,其特征在于,当获取到对应注释的显示区域内的标准图标的触发信号时,缩小或隐藏注释的显示区域,隐藏注释的内容,并单独保存注释的内容;
当获取到对应注释的显示区域内的简化图标的触发信号时,放大或显示注释的显示区域,读取已保存的注释的内容并在注释的显示区域显示注释的内容。
3.一种可视化编程软件的图形折叠装置,其特征在于,包括:
显示模块,用于在人机交互画面上显示多个网络区以及与网络区一一对应的图形编辑区,网络区用于显示网络序号,图形编辑区用于显示图形元素,图形元素包括连线、块以及注释;
折叠模块,用于在网络区与图形元素的显示区域内显示折叠功能区,当获取到对应折叠功能区的触发信号时执行折叠操作;
当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域,并隐藏其对应的图形编辑区内的图形元素;
当获取到任一图形元素对应的折叠功能区的触发信号时,缩小或隐藏该图形元素的显示区域,并隐藏其对应的元素内容,元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容;
所述折叠功能区包括标准图标以及简化图标,标准图标采用“-”符号的图像表示,而简化图标采用“+”符号的图像表示,同一时段“+”符号以及“-”符号仅显示其一,用于区分与表示折叠状态,当任一网络区及其对应的图形编辑区缩小或隐藏时,或任一图形元素的显示区域缩小或隐藏时该网络区或图形元素对应的折叠功能区隐藏标准图标并在原标准图标处显示简化图标,且当获取到对应简化图标的触发信号时隐藏该简化图标并在该简化图标处显示标准图标;
当获取到对应简化图标的触发信号时放大或显示对应该简化图标的网络区及其图形编辑区或图形元素的显示区域并显示对应的元素内容,且放大后的网络区及其图形编辑区的显示区域与缩小前的显示区域一致,其中当点击简化图标,即“+”符号时,放大网络区及其图形编辑区的行高至设定值,增大网络区及其图形编辑区的显示面积,并将网络序号显示于网络区,将图形元素,即连线、块与注释等显示于图形编辑区,同时隐藏“+”符号,在原“+”符号处显示“-”符号,在人机交互画面上位于网络区的一侧单独显示有多网络折叠区,多网络折叠区包括序号选定区及折叠指令触发区;
获取需要折叠的网络区所对应的网络序号范围并在序号选定区显示选定的网络序号范围;
当获取到对应折叠指令触发区的触发信号时,对序号选定区内显示的网络序号范围内的所有网络序号对应的网络区及其图形编辑区执行折叠操作,
当获取到对应连线任一位置的指示信号时运算该位置的坐标并在该位置显示标准图标;
当获取到对应连线上的标准图标的触发信号时,隐藏位于该标准图标一侧的连线、连线上的图形、与连线连接的子连线、与子连线连接的图形,图形包括元件、块及注释,同时单独保存隐藏的部分;
当获取到对应连线上的简化图标的触发信号时,读取已保存的隐藏部分并显示隐藏部分,
当获取到对应块的显示区域内的标准图标的触发信号时,缩小或隐藏块的显示区域,隐藏块的内容并单独保存块的内容;
同时重新计算图形编辑区的连线尺寸以使连线重新与缩小后的块的显示区域连接或与块对应的简化图标连接;
当获取到对应块的显示区域内的简化图标的触发信号时,放大或显示块的显示区域,读取已保存的块的内容并在块的显示区域显示块的内容,
网络的折叠优先级大于连线的折叠优先级,连线的折叠优先级大于块的折叠与注释的折叠两者的优先级,即任一网络进行折叠处理时显示或隐藏其图形编辑区的连线、块及注释的折叠功能区,而任一连线进行折叠处理时显示或隐藏其连线一侧对应的块与注释的折叠功能区。
4.一种智能终端,其特征在于,包括存储器和处理器,所述存储器上存储有能够被处理器加载并执行如权利要求1至2中任一种方法的计算机程序。
5.一种计算机可读存储介质,其特征在于,存储有能够被处理器加载并执行如权利要求1至2中任一种方法的计算机程序。
CN202110442668.1A 2021-04-23 2021-04-23 可视化编程软件的图形折叠方法、装置、设备及存储介质 Active CN113515273B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110442668.1A CN113515273B (zh) 2021-04-23 2021-04-23 可视化编程软件的图形折叠方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110442668.1A CN113515273B (zh) 2021-04-23 2021-04-23 可视化编程软件的图形折叠方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
CN113515273A CN113515273A (zh) 2021-10-19
CN113515273B true CN113515273B (zh) 2024-05-24

Family

ID=78061188

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110442668.1A Active CN113515273B (zh) 2021-04-23 2021-04-23 可视化编程软件的图形折叠方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN113515273B (zh)

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101438278A (zh) * 2006-05-04 2009-05-20 微软公司 内容编辑受保护视图
CN102460323A (zh) * 2009-06-03 2012-05-16 西门子工业公司 用于可编程逻辑控制器的自由形式注释的系统和方法
CN104380249A (zh) * 2012-06-22 2015-02-25 微软公司 开发环境中的折叠视图
CN106529334A (zh) * 2016-10-24 2017-03-22 深圳市金立通信设备有限公司 一种隐藏图标的方法及终端
CN109032568A (zh) * 2018-07-13 2018-12-18 孟智平 程序逻辑的生成方法、终端设备及存储介质
CN109542422A (zh) * 2018-11-21 2019-03-29 成都聚维合科技有限公司 一种实现可视图形化编程的方法
CN109960504A (zh) * 2019-04-05 2019-07-02 腾讯科技(深圳)有限公司 基于可视化编程的对象切换方法、界面展示方法及装置
CN111506308A (zh) * 2020-04-24 2020-08-07 东莞市精驰软件有限公司 人机交互界面可视化编程方法、系统及存储介质

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050251380A1 (en) * 2004-05-10 2005-11-10 Simon Calvert Designer regions and Interactive control designers
EP3243607B1 (en) * 2016-05-09 2021-01-27 OpiFlex Automation AB A system and a method for programming an industrial robot

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101438278A (zh) * 2006-05-04 2009-05-20 微软公司 内容编辑受保护视图
CN102460323A (zh) * 2009-06-03 2012-05-16 西门子工业公司 用于可编程逻辑控制器的自由形式注释的系统和方法
CN104380249A (zh) * 2012-06-22 2015-02-25 微软公司 开发环境中的折叠视图
CN106529334A (zh) * 2016-10-24 2017-03-22 深圳市金立通信设备有限公司 一种隐藏图标的方法及终端
CN109032568A (zh) * 2018-07-13 2018-12-18 孟智平 程序逻辑的生成方法、终端设备及存储介质
CN109542422A (zh) * 2018-11-21 2019-03-29 成都聚维合科技有限公司 一种实现可视图形化编程的方法
CN109960504A (zh) * 2019-04-05 2019-07-02 腾讯科技(深圳)有限公司 基于可视化编程的对象切换方法、界面展示方法及装置
CN111506308A (zh) * 2020-04-24 2020-08-07 东莞市精驰软件有限公司 人机交互界面可视化编程方法、系统及存储介质

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
移动机器人的可视化编程及仿真系统研究与实现;魏兰;《中国优秀硕士学位论文全文数据库》;20070515(第2007年05期);I140-283 *
面向机器人应用的可视化开发平台的设计与实现;张梅;《中国优秀硕士学位论文全文数据库》(第2016年03期);I138-2632 *

Also Published As

Publication number Publication date
CN113515273A (zh) 2021-10-19

Similar Documents

Publication Publication Date Title
CN106776514B (zh) 一种批注方法及装置
JP5792287B2 (ja) オプションを選択するためのスピンコントロールユーザインターフェース
TWI531953B (zh) 所選資料的暫時格式化及製圖
JPS61275795A (ja) 文書処理装置
JP2000259841A (ja) 有向グラフの論理的ズーム方法および装置
WO2021218511A1 (zh) 拼接屏的视频显示方法、视频显示装置、计算机设备和介质
JP5041817B2 (ja) 空間/表データ表示のシステム及び方法
CN113515273B (zh) 可视化编程软件的图形折叠方法、装置、设备及存储介质
US20080104528A1 (en) Capturing a GUI Display Environment
CN111026393A (zh) 一种基于qt的scada系统hmi开发方法
JPS62239396A (ja) アイコン表示制御方式
CN116610880B (zh) 数据可视化的实现方法、装置、电子设备和存储介质
JP2001291112A (ja) 図形編集装置、および図形編集方法、並びにそのためのプログラムを格納した記録媒体
JPH07191974A (ja) 表示装置
CN116301798A (zh) 核心组件库的可视化开发方法、装置、设备及存储介质
JP2010026925A (ja) 情報処理装置、画面制御方法、およびプログラム
JP2001042990A (ja) 表示制御装置、ウィンドウ画面表示方法及び記憶媒体
CN116702912A (zh) 一种量子线路编辑方法、装置、设备及介质
CN113626901A (zh) 一种轨道交通基于Bootstrap的自定义工作流流程设计器
CN114816948A (zh) 工作区任务进度的查看方法和装置、记录方法和装置
CN115048029A (zh) 白板元素的显示方法、创建书写页面的方法、装置
CN113886664A (zh) 一种基于数据标签式图表插件的数据可视化方法及系统
JPH02214964A (ja) 計算機システム
CN110515530A (zh) 一种文字操作的处理方法、装置、设备和存储介质
KR20190115401A (ko) 링크 뷰 방법, 링크 뷰 장치 및 링크 뷰 프로그램

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