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

1.本发明涉及可视化编程软件的技术领域，尤其是涉及可视化编程软件的图形折叠方法、装置、设备及存储介质。


背景技术：

2.目前工业自动化领域常用的逻辑编程软件有twicat（倍福）、fpwin gr7（松下）、fanuc（法兰克）、step7（西门子）、codesys等，其编程语言一般选用图形类语言（梯形图、sfc和fbd）。
3.上述软件的编辑界面上主要包含网络、连线、程序块、注释等部分，其中，网络即软件自动分配的程序段落，网络按照功能及步骤进行分段,以此便于检索及纠错。而连线用于连接各元件，连线上设有子连线，连线、子连线均可以与元件、块连接，以此形成完整的逻辑，从而方便进行梳理。程序块内包含能实现不同功能的程序，以此方便用户进行调用与编辑。注释用于对逻辑进行详细的阐述，从而方便查看与理解。
4.上述软件在逻辑编辑区编写逻辑时网络、连线、块和注释等内容均保持展开状态，当编写简单的逻辑时可以直观得查看到网络、连线和注释等内容，从而方便查看、梳理与修改。
5.上述中的现有技术方案存在以下缺陷：如果在有限的逻辑编辑空间内，比如使用笔记本编写复杂的逻辑时，显示画面较小，当编辑完一个较为复杂的逻辑部分时该逻辑部分会占用较多的显示画面，用户在拖动软件页面时较为费时费力，不利于用户对多个网络进行查找与管理，致使编写的效率低下。


技术实现要素：

6.针对现有技术存在的不足，本发明第一目的是提供可视化编程软件的图形折叠方法，能方便用户管理网络、连线、块和注释等内容，提升编写效率。
7.本发明的上述发明目的是通过以下技术方案得以实现的：可视化编程软件的图形折叠方法，包括如下步骤：在人机交互画面上显示多个网络区以及与网络区一一对应的图形编辑区，网络区用于显示网络序号，图形编辑区用于显示图形元素，图形元素包括连线、块以及注释；在网络区与图形元素的显示区域内显示折叠功能区，当获取到对应折叠功能区的触发信号时执行折叠操作；当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域，并隐藏其对应的图形编辑区内的图形元素；当获取到任一图形元素对应的折叠功能区的触发信号时，缩小或隐藏该图形元素的显示区域，并隐藏其对应的元素内容，元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容。
8.通过采用上述技术方案，通过触发折叠功能区以执行折叠操作，当触发的是网络
区内的折叠功能区时，对网络区及其对应的图形编辑区进行缩小或隐藏，并对图形元素进行隐藏，而当触发的是图形元素对应的折叠功能区时，对图形元素的显示区域进行缩小或隐藏，并对对应的元素内容进行隐藏，以此大幅减小已完成的逻辑部分对显示画面的占用，方便用户管理网络、连线、块和注释等内容，提升编写效率。
9.本发明在一较佳示例中可以进一步配置为：所述折叠功能区包括标准图标以及简化图标，当任一网络区及其对应的图形编辑区缩小或隐藏时，或任一图形元素的显示区域缩小或隐藏时该网络区或图形元素对应的折叠功能区隐藏标准图标并在原标准图标处显示简化图标，且当获取到对应简化图标的触发信号时隐藏该简化图标并在该简化图标处显示标准图标。
10.通过采用上述技术方案，通过标准图标表示网络区及其对应的图形编辑区以及图形元素处于标准状态，即放大或显示状态，且可以被触发并转变成简化状态，即缩小或隐藏状态，以此方便用户辨识两种状态，提升网络与图形元素的管理效率。
11.本发明在一较佳示例中可以进一步配置为：当获取到对应简化图标的触发信号时放大或显示对应该简化图标的网络区及其图形编辑区或图形元素的显示区域并显示对应的元素内容，且放大后的网络区及其图形编辑区的显示区域与缩小前的显示区域一致。
12.通过采用上述技术方案，通过触发简化图标对折叠操作后的网络区及其图形编辑区或图形元素的显示区域进行还原放大，使得放大后的网络区及其图形编辑区的显示区域与缩小前的显示区域一致，以此方便进行再次修改，提升适用性。
13.本发明在一较佳示例中可以进一步配置为：在人机交互画面上位于网络区的一侧单独显示有多网络折叠区，多网络折叠区包括序号选定区及折叠指令触发区；获取需要折叠的网络区所对应的网络序号范围并在序号选定区显示选定的网络序号范围；当获取到对应折叠指令触发区的触发信号时，对序号选定区内显示的网络序号范围内的所有网络序号对应的网络区及其图形编辑区执行折叠操作。
14.通过采用上述技术方案，通过多网络折叠区的序号选定区对多个网络序号进行选中，然后通过触发折叠指令触发区对选中的多个网络序号对应的网络区及其图形编辑区进行同步折叠操作，以此提升折叠效率。
15.本发明在一较佳示例中可以进一步配置为：当获取到对应连线任一位置的指示信号时运算该位置的坐标并在该位置显示标准图标；当获取到对应连线上的标准图标的触发信号时，隐藏位于该标准图标一侧的连线、连线上的图形、与连线连接的子连线、与子连线连接的图形，图形包括元件、块及注释，同时单独保存隐藏的部分；当获取到对应连线上的简化图标的触发信号时，读取已保存的隐藏部分并显示隐藏部分。
16.通过采用上述技术方案，通过获取鼠标箭头悬停在连线任一位置等指示信号的方式开启连线的折叠功能，并对连线上任一位置一侧的图形元素与元素内容进行隐藏，以此选择性地隐藏需要的部分，方便逻辑的编写。
17.本发明在一较佳示例中可以进一步配置为：当获取到对应块的显示区域内的标准图标的触发信号时，缩小或隐藏块的显示区域，隐藏块的内容并单独保存块的内容；
同时重新计算图形编辑区的连线尺寸以使连线重新与缩小后的块的显示区域连接或与块对应的简化图标连接；当获取到对应块的显示区域内的简化图标的触发信号时，放大或显示块的显示区域，读取已保存的块的内容并在块的显示区域显示块的内容。
18.通过采用上述技术方案，通过缩小或隐藏块的显示区域以及隐藏块的内容减少块对人机交互画面的占用，方便用户梳理逻辑，提升编写的效率；且在执行折叠操作后重新计算图形编辑区的连线尺寸，以此保留连线与块的连接关系，避免影响逻辑的编写。
19.本发明在一较佳示例中可以进一步配置为：当获取到对应注释的显示区域内的标准图标的触发信号时，缩小或隐藏注释的显示区域，隐藏注释的内容，并单独保存注释的内容；当获取到对应注释的显示区域内的简化图标的触发信号时，放大或显示注释的显示区域，读取已保存的注释的内容并在注释的显示区域显示注释的内容。
20.通过采用上述技术方案，通过缩小或隐藏注释的显示区域以及隐藏注释的内容，减少已完成的注释对人机交互画面的占用，方便用户梳理逻辑，提升编写的效率。
21.本发明的第二目的是提供一种可视化编程软件的图形折叠装置，能方便用户管理网络、连线和注释等内容，提升编写效率。
22.本发明的上述发明目的是通过以下技术方案得以实现的：一种可视化编程软件的图形折叠装置，包括，显示模块，用于在人机交互画面上显示多个网络区以及与网络区一一对应的图形编辑区，网络区用于显示网络序号，图形编辑区用于显示图形元素，图形元素包括连线、块以及注释；折叠模块，用于在网络区与图形元素的显示区域内显示折叠功能区，当获取到对应折叠功能区的触发信号时执行折叠操作；当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域，并隐藏其对应的图形编辑区内的图形元素；当获取到任一图形元素对应的折叠功能区的触发信号时，缩小或隐藏该图形元素的显示区域，并隐藏其对应的元素内容，元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容。
23.本发明的第三目的是提供一种智能终端，具有便于实现管理网络、连线和注释等内容以提升编写效率的特点。
24.本发明的上述发明目的是通过以下技术方案得以实现的：一种智能终端，包括存储器和处理器，所述存储器上存储有能够被处理器加载并执行上述可视化编程软件的图形折叠方法的计算机程序。
25.本发明第四目的是提供一种计算机存储介质，能够存储相应的程序，具有便于实现管理网络、连线和注释等内容以提升编写效率的特点。
26.本发明的上述发明目的是通过以下技术方案得以实现的：一种计算机可读存储介质，存储有能够被处理器加载并执行上述可视化编程软件的图形折叠方法的计算机程序。
27.综上所述，本发明包括以下至少一种有益技术效果：
1.通过触发折叠功能区可以对网络区及其对应的图形编辑区进行缩小或隐藏，并对图形元素进行隐藏，或对图形元素的显示区域进行缩小或隐藏，并对对应的元素内容进行隐藏，以此大幅减小已完成的逻辑部分对显示画面的占用，方便用户管理网络、连线、块和注释等内容，提升编写效率；2.通过标准图标表示网络区及其对应的图形编辑区以及图形元素处于标准状态，即放大或显示状态，且可以被触发并转变成简化状态，即缩小或隐藏状态，以此方便用户辨识两种状态，提升网络与图形元素的管理效率；3.通过获取鼠标箭头悬停在连线任一位置等指示信号的方式开启连线的折叠功能，并对连线上任一位置一侧的图形元素与元素内容进行隐藏，以此选择性地隐藏需要的部分，方便逻辑的编写。
附图说明
28.图1是本发明实施例一的整体原理框图；图2是本发明实施例一的部分原理示意图，主要展示网络的折叠；图3是本发明实施例一的网络的折叠的流程示意图；图4是本发明实施例一的部分原理示意图，主要展示连线的折叠；图5是本发明实施例一的连线的折叠的流程示意图；图6是本发明实施例一的部分原理示意图，主要展示块的折叠；图7是本发明实施例一的块的折叠的流程示意图；图8是本发明实施例一的部分原理示意图，主要展示注释的折叠；图9是本发明实施例一的注释的折叠的流程示意图。
具体实施方式
29.以下结合附图对本发明作进一步详细说明。
30.为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
31.另外，本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。另外，本文中字符“/”，如无特殊说明，一般表示前后关联对象是一种“或”的关系。
32.下面结合说明书附图对本发明实施例作进一步详细描述。
33.实施例一：图1为本发明提供的可视化编程软件的图形折叠方法，包括但不限于网络的折叠、连线的折叠、块的折叠以及注释折叠四类，通过部分或全部隐藏所编写逻辑的网络、连线、块以及注释的内容的方式减少对人机交互界面的占用，方便用户查找、梳理与编写所需的逻辑部分，以此方便管理网络、连线、块和注释等内容，提升编写效率。
34.参照图1、图2，在人机交互界面上显示有网络区及图形编辑区，网络区与图形编辑区均竖直排列分布且两者一一对应，相对应的网络区与图形编辑区位于同一行上，网络区用于显示网络序号，网络有多个且各网络区对应不同的序号，如“网络1”、“网络2”，图形编
辑区用于显示图形元素，图形元素包括但不限于连线、块以及注释等，以此实现逻辑的编辑。在网络区与图形元素的显示区域内显示折叠功能区，当获取到对应折叠功能区的触发信号时执行折叠操作。本实施例中折叠功能区包括标准图标以及简化图标，标准图标采用
“‑”
符号的图像表示，而简化图标采用“ ”符号的图像表示，同一时段“ ”符号以及
“‑”
符号仅显示其一，用于区分与表示折叠状态。
35.参照图2、图3，其中，折叠操作包括以下两种情况，当获取到任一网络区内的标准图标的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域，并隐藏其对应的图形编辑区内的图形元素；当获取到任一图形元素对应的标准图标的触发信号时，缩小或隐藏该图形元素的显示区域，并隐藏其对应的元素内容，元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容，其具体情况如下。
36.网络的折叠包括两种类型，其一即单个网络的折叠，具体为：折叠功能区显示于网络区的左上角或右上角，当获取到任一网络区的对应折叠功能区的触发信号时执行折叠操作，折叠操作为：放大或缩小该折叠标识所对应的网络区及其图形编辑区的显示区域，包括但不限于行高、行宽，本实施例中，触发信号可以采用虚拟按键，如手指点击虚拟按键等，或采用机械按键，如鼠标单击、双击等。
37.当点击简化图标，即“ ”符号时，放大网络区及其图形编辑区的行高至设定值，增大网络区及其图形编辑区的显示面积，并将网络序号显示于网络区，将图形元素，即连线、块与注释等显示于图形编辑区，同时隐藏“ ”符号，在原“ ”符号处显示
“‑”
符号。当点击标准图标，即
“‑”
符号时，缩小网络区及其图形编辑区的行高至设定值，减小网络区及其图形编辑区的显示面积，并隐藏网络区内的网络序号以及图形编辑区内的连线、块与注释等内容，同时隐藏
“‑”
符号，在原
“‑”
符号处显示“ ”符号。
38.其二即多网络的折叠，具体为：在人机交互画面的顶部位于网络区的上方单独显示有多网络折叠区，多网络折叠区包括序号选定区及折叠指令触发区。应用时，先获取需要折叠的网络区所对应的网络序号范围并在序号选定区显示选定的网络序号范围，本实施例中选定序号的方式优选为采用“网络1
‑
网络3”的形式，即在序号选定区分别输入起始网络序号“网络1”以及终止网络序号“网络3”，以此表示选定“网络1”、“网络2”、“网络3”。当获取到对应折叠指令触发区的触发信号时，对选定的一个或多个序号所对应的网络区及其图形编辑区执行折叠操作，当选定“网络1
”‑“
网络3”时，缩小所选定的“网络1”、“网络2”、“网络3”所对应的网络区及其图形编辑区的显示面积，同时“网络1”、“网络2”、“网络3”所对应的网络区的
“‑”
符号隐藏、“ ”符号显示。
39.参照图4、图5，连线的折叠：在图形编辑区内显示有连线以及与连线连接的子连线，连线与子连线上均连接有元件以及块，元件与块上标有注释，当获取到对应连线任一位置的指示信号时显示标准图标，本实施例中该指示信号的输入采用鼠标箭头悬停在连线上的方式。当鼠标箭头悬停在连线上的任一位置时运算并记录该位置，同时在该位置显示标准图标，即
“‑”
符号，当获取到所显示的标准图标的触发信号时，该处的触发信号的输入方式优选为鼠标点击的方式，当鼠标箭头点击
“‑”
符号时隐藏位于该折叠图标一侧的连线、连线上的图形、与连线连接的子连线、与子连线连接的图形，其中图形包括但不限于元件、块及注释，且隐藏的部分进行单独保存，以便取用。
40.当鼠标箭头点击
“‑”
符号时隐藏
“‑”
符号并在该处显示“ ”符号，当鼠标箭头点击
“
”符号时读取已保存的隐藏部分并显示对应该折叠图标的连线、连线上的图形、与连线连接的子连线、与子连线连接的图形等，同时隐藏“ ”符号并在原处显示
“‑”
符号，当鼠标箭头脱离
“‑”
符号时，隐藏该
“‑”
符号。
41.参照图6、图7，块的折叠：块，即功能块，包括但不限于程序块、数据块等，在图形编辑区内设有块的显示区域，而折叠功能区显示于块的显示区域边角处。当获取到对应标准图标，即
“‑”
符号的触发信号时，即鼠标箭头点击
“‑”
符号时缩小块的显示区域，本实施例中采用同时等比缩小块的显示区域各边长度至设定值的形式，在缩小块的显示区域面积的同时，隐藏块的内容，将块的内容进行单独保存。且在块的显示区域缩小或放大时重新计算图形编辑区的连线尺寸以使连线重新与缩小或放大后的块的显示区域连接或与块对应的简化图标连接，例如采用延长或缩短连线的方式以使连线与块的显示区域重新连接。
42.当鼠标箭头点击
“‑”
符号时隐藏该
“‑”
符号并在原
“‑”
符号处显示“ ”符号，当鼠标箭头点击“ ”符号时同步等比放大块的显示区域各边的长度至缩小前的尺寸，放大其显示面积，同时读取已保存的块内容并在块的显示区域内显示块的内容，同时隐藏“ ”符号并在原处显示
“‑”
符号。
43.参照图8、图9，注释的折叠：注释的内容包括对块、元件以及逻辑的解释，在图形编辑区内显示有注释视图，注释视图内显示有注释的内容，折叠功能区显示于注释视图内的左上角或右上角上。当鼠标箭头点击标准图标，即
“‑”
符号时隐藏该
“‑”
符号并在原
“‑”
符号处显示“ ”符号，可以在“ ”符号的一侧显示省略号标记，以方便辨识。与此同时，缩小或直接隐藏注释视图的显示区域，其中缩小注释视图可以采用等比缩小注释视图的各变长的形式，同时，隐藏注释视图内显示的注释的内容并对注释的内容进行单独保存。
44.当鼠标箭头点击简化图标，即“ ”符号时隐藏该“ ”符号并在原“ ”符号处显示
“‑”
符号，同时放大或直接显示注释视图，读取已保存的注释的内容并将之显示于注释视图内，以此实现注释的折叠功能。
45.上述网络的折叠、连线的折叠、块的折叠以及注释的折叠可以采用单一或任意组合的形式应用于step7、fanuc、codesys等的软件系统中，当上述折叠方法同时应用于同一软件系统时，网络的折叠优先级大于连线的折叠优先级，连线的折叠优先级大于块的折叠与注释的折叠两者的优先级，即任一网络进行折叠处理时显示或隐藏其图形编辑区的连线、块及注释的折叠功能区，而任一连线进行折叠处理时显示或隐藏其连线一侧对应的块与注释的折叠功能区。
46.本实施例中，当文件需要保存时，处理器获取保存文件的触发信号并增加折叠信息，折叠信息包括网络、连线、块、注释的折叠状态，即各网络区及其图形编辑区的缩放状态、各连线的隐藏显示状态、各块的缩放状态以及注释的缩放或显示隐藏状态，折叠信息还包括连线的折叠功能区的位置，以此方便在重启软件系统后读取折叠信息并显示与保存时一致的人机交互画面。
47.本实施例的实施原理：通过触发折叠功能区以执行折叠操作，以此对网络区及其对应的图形编辑区以及图形元素的显示区域进行缩小或隐藏，并对对应的元素内容进行隐藏，以此大幅减小已完成的逻辑部分对显示画面的占用，方便用户管理网络、连线、块和注释等内容，提升编写效率。
48.实施例二：一种可视化编程软件的图形折叠装置，包括显示模块以及折叠模块，其
中，显示模块用于在人机交互画面上显示多个网络区以及与网络区一一对应的图形编辑区，而网络区用于显示网络序号，图形编辑区用于显示图形元素，图形元素包括但不限于连线、块以及注释等。折叠模块用于在网络区与图形元素的显示区域内显示折叠功能区，当获取到对应折叠功能区的触发信号时执行折叠操作。折叠操作包括以下两种情况：当获取到任一网络区内的折叠功能区的触发信号时缩小或隐藏该网络区及其对应的图形编辑区的显示区域，并隐藏其对应的图形编辑区内的图形元素。当获取到任一图形元素对应的折叠功能区的触发信号时，缩小或隐藏该图形元素的显示区域，并隐藏其对应的元素内容，元素内容包括部分或全部连线、子连线、元件、块的内容及注释的内容。
49.本实施例的实施原理：通过触发折叠功能区以执行折叠操作，以此对网络区及其对应的图形编辑区以及图形元素的显示区域进行缩小或隐藏，并对对应的元素内容进行隐藏，以此大幅减小已完成的逻辑部分对显示画面的占用，方便用户管理网络、连线、块和注释等内容，提升编写效率。
50.实施例三：一种智能终端，包括存储器和处理器，存储器上存储有能够被处理器加载并执行上述可视化编程软件的图形折叠方法的计算机程序。
51.本实施例的实施原理：通过存储器保存对应可视化编程软件的图形折叠方法的计算机程序并通过处理器对该程序进行加载，以此对网络区及其对应的图形编辑区以及图形元素的显示区域进行缩小或隐藏，并对对应的元素内容进行隐藏，以此大幅减小已完成的逻辑部分对显示画面的占用，方便用户管理网络、连线、块和注释等内容，提升编写效率。
52.实施例四：一种计算机可读存储介质，存储介质可以采用u盘、硬盘、光盘等，存储介质内存储有能够被处理器加载并执行上述可视化编程软件的图形折叠方法的计算机程序。
53.本实施例的实施原理：通过u盘、硬盘、光盘等存储介质对用于实现可视化编程软件的图形折叠方法的计算机程序进行保存，方便取用。