CN111506308B - 人机交互界面可视化编程方法、系统及存储介质 - Google Patents

Abstract

本发明涉及一种人机交互界面可视化编程方法，包括在设计区中确定当前需进行逻辑编程的控件对象或全局函数功能块；确定需进行逻辑编程的控件对象的触发事件和函数功能块；根据控件对象的控制需求确定启用简单逻辑或复杂逻辑；若启用复杂逻辑，则根据控件对象的控制需求编辑当前控件对象需要执行的复杂逻辑参数；若启用简单逻辑，则根据控件对象的控制需求编辑当前控件对象需要执行的简单逻辑参数；对所有编辑完成的控件对象和全局函数功能块进行汇总展示且控件对象和全局函数功能块处于可再编辑状态。本发明将软件界面设计的后台逻辑设计进行了可视化处理，无需编写代码就能实现界面设计的逻辑，降低了界面设计的开发难度。

Description

人机交互界面可视化编程方法、系统及存储介质

技术领域

本发明涉及操作界面设计方法的技术领域，尤其是涉及一种人机交互界面可视化编程方法、系统及存储介质。

背景技术

目前，人机交互界面是指人和机器在信息交换和功能上接触或互相影响的领域或界面。

现有的，在对人机交互界面进行设计时，一般会用到高级编程语言，设计者将界面拖动到工作区，制作较为炫酷的控件，然后在后台通过高级语言，如C/C++/C#/Java/Js等进行界面后台逻辑设计，从而实现控件之间的逻辑控制；或者采用组态软件进行配置，组态软件通过设置属性和信号进行界面交互；亦或采用类似Axure Arp 的软件，通过一个窗口编辑界面事件；也有采用类似LabView的软件，采用拉线条的方式进行界面交互的设计。

上述中的现有技术方案存在以下缺陷：采用高级编程语言，要求高，要做到酷炫比较难，而且可复制性不强，逻辑设计复杂，不符合国际标准；采用组态设计方式，难以做到绚丽的效果；labview的方式，界面连线，线条复杂，且不标准，不够直观；Axure Arp 通过一个窗口编辑界面事件，当界面很多，事件交互复杂的时候难以处理；采用上述几种方式，均存在对设计者要求较高或者操作较为不便等问题，使得界面设计难度较高。

发明内容

针对现有技术存在的不足，本发明的目的一是提供一种人机交互界面可视化编程方法，其具有降低界面设计难度的效果。

本发明的上述发明目的是通过以下技术方案得以实现的：一种人机交互界面可视化编程方法，包括：

在设计区中确定当前需进行逻辑编程的控件对象或全局函数功能块；

确定需进行逻辑编程的控件对象的触发事件和函数功能块；

根据控件对象的控制需求确定启用简单逻辑或复杂逻辑；

若启用复杂逻辑，则根据控件对象的控制需求编辑当前控件对象需要执行的复杂逻辑参数；

若启用简单逻辑，则根据控件对象的控制需求编辑当前控件对象需要执行的简单逻辑参数；

对所有编辑完成的控件对象和全局函数功能块进行汇总展示且控件对象和全局函数功能块处于可再编辑状态。

通过采用上述技术方案，先对设计区中的某个需进行逻辑编程的控件对象或全局函数功能块进行指定，若选择的是控件对象，则对控件对象的触发事件和函数功能块进行确定，之后根据控件对象的控制需求确定启用简单逻辑还是复杂逻辑，若启用简单逻辑，则按照控制需求编辑简单逻辑参数；若启用复杂逻辑，则按照控制需求编辑复杂逻辑参数；若选择的是全局函数功能块，则直接对全局函数功能块的逻辑进行编辑，编辑方式同样是先确定启用简单逻辑还是复杂逻辑，之后再对简单逻辑参数或复杂逻辑参数进行编辑；编程者可根据自己想要的人机交互界面的显示方式来确定确定启用简单逻辑还是复杂逻辑，从而既可以实现简单的人机交互界面显示，也可以实现复杂的人机交互界面显示，编程者通过对简单逻辑参数和复杂逻辑参数中的所有数据进行编辑，从而人机交互界面的显示逻辑发生改变，整个编程过程中，编程者只需要对数据进行修改而无需掌握某种编程语言，同时数据并不是预设的，而是可以进行自主修改了，使得界面设计更加多样化，从而在降低界面设计难度的同时使得人机交互界面更加的多样化，而且在编程完成之后，由于对控件对象进行了汇总展示且空间对象处于可再编辑状态，从而可以对编程内容进行检查修改，方便编程者较为直观的了解程序逻辑，使得编程的修改简单方便，从而降低对编程者编程能力的要求。

本发明在一较佳示例中可以进一步配置为：所述简单逻辑参数的编辑方法包括：

选定可编辑对象；

确定与可编程对象关联的执行命令数据并添加至逻辑编辑区域内；

所述简单逻辑参数中包含多个按步骤排列的与可编辑对象关联的执行命令数据，所述执行命令数据包括操作参数和操作信息，所述操作参数和操作信息互相对应，所述操作信息处于可修改状态。

通过采用上述技术方案，在进行简单逻辑参数的编辑时，编程者只需按逻辑步骤顺序将多个可编辑对象关联的执行命令数据进行排列即可，使得逻辑顺序较为直观，操作参数与操作信息以相互对应的关系进行呈现，编程者可以根据操作参数来对操作信息进行修改，从而使得操作信息的修改较为直观和便捷，操作信息修改后即可完成对执行命令数据的修改，进而完成可编辑对象逻辑的修改，从而完成编程操作，整个编程过程直观而且便捷。

本发明在一较佳示例中可以进一步配置为：所述复杂逻辑参数的编辑方法包括：

在逻辑编辑区域内建立起始编辑区块；

选定可编辑对象；

确定与可编程对象关联的执行命令数据并添加至起始编辑区块内；

在逻辑编辑区域内建立条件判定连线并确定该条件判定连线的条件信息；

在逻辑编辑区域内建立后续编辑区块并将后续编辑区块与条件判定连线关联；

选定可编辑对象；

确定与可编程对象关联的执行命令数据并添加至后续编辑区块内；

所述起始编辑区块和后续编辑区块内均包含多个按步骤排列的与可编辑对象关联的执行命令数据，所述执行命令数据包括操作参数和操作信息，所述操作参数和操作信息互相对应，所述操作信息处于可修改状态。

通过采用上述技术方案，编程者在起始编辑区块和多个后续编辑区块中进行执行命令数据的编辑，按逻辑步骤顺序将多个可编辑对象关联的执行命令数据进行排列，起始编辑区块和后续编辑区块之间通过条件判定连线进行关联，从而使得起始编辑区块与后续编辑区块中的执行命令数据的编辑与起始编辑区块与后续编辑区块之间的逻辑关系进行分离，方便编程者的程序编辑和后续逻辑的检查。

本发明在一较佳示例中可以进一步配置为：所述确定可编程对象的执行命令数据的具体方法包括：

在根据选定的可编辑对象，在操作信息增加区域内列出与可编辑对象关联的操作参数；

选定需要进行添加的操作参数并确定对应的操作信息；

与可编辑对象关联的操作信息处于可修改状态。

通过采用上述技术方案，在进行执行命令数据的确定时，先在操作信息增加区域内列出的与可编辑对象关联的操作参数中选定操作参数，然后对操作参数对应的操作信息进行编辑，编辑完成后，将对应的操作参数和操作信息添加至逻辑编辑区域内，此时逻辑编辑区域内显示与可编辑对象关联的操作参数和操作信息，操作信息处于可编辑状态，编程者可以直接在逻辑编辑区域内进行操作信息的修改，整个编程过程中，编程的对象和编程的参数编程者均可以直观的看到，从而使得编程较为方便。

本发明在一较佳示例中可以进一步配置为：根据与可编辑对象关联的操作参数和操作信息生成可编辑对象预览，所述可编辑对象预览随着操作参数和操作信息发生变化。

通过采用上述技术方案，在进行操作参数和操作信息的配置时，编程者可以通过可编辑对象预览较为直观的观察到由于操作参数和操作信息的改变对可编辑对象造成的影响，编程者可以根据可编辑对象预览来对操作参数和操作信息进行修改，从而实现编程者的最终需求，使得整个编程较为直观便捷。

本发明在一较佳示例中可以进一步配置为：所述起始编辑区块或后续编辑区块在检测到对自身的展开指令时，将自身进行展开，并显示当前区域内包含的可编辑对象以及可编辑对象内包含的多个执行命令数据；所述起始编辑区块或后续编辑区块在检测到对自身的折叠指令时，将自身进行折叠，简化显示当前区域内包含的可编程对象以及可编程对象内包含的多个执行命令数据。

通过采用上述技术方案，当需要对起始编辑区块或后续编辑区块的简单逻辑参数或复杂逻辑参数进行修改时，在起始编辑区块或后续编辑区块输出展开指令，此时起始编辑区块或后续编辑区块对自身进行展开，对起始编辑区块或后续编辑区块内包含的可编辑对象和可编辑对象内包含的多个执行命令数据进行显示，此时编程者可对执行命令数据进行修改，便于编程操作；当修改完成后，在起始编辑区块或后续编辑区块输出折叠指令，此时起始编辑区块或后续编辑区块对自身进行折叠，简化显示当前区域内包含的可编程对象以及可编程对象内包含的多个执行命令数据，方便查看编程逻辑。

本发明在一较佳示例中可以进一步配置为：所述对所有编辑完成的控件对象和全局函数功能块进行汇总展示的具体方法包括：

对与控件对象关联的触发事件折叠标签页、函数功能块折叠标签页和全局函数功能块的折叠标签页进行展示；

当触发事件折叠标签页检测到展示命令时，对当前触发事件对应的编程逻辑预览图进行展示。

通过采用上述技术方案，对与控件对象关联的触发事件折叠标签页和函数功能块折叠标签页进行展示，在触发事件折叠标签页检测到展示命令时，将触发事件对应的逻辑预览图进行展示，从而较为快速且直观的获取到当前控件对象的逻辑内容，较为直观的进行逻辑检查。

本发明在一较佳示例中可以进一步配置为：包括建立设计区画面预览，可根据设计区画面预览寻找需要进行再编辑的控件对象。

通过采用上述技术方案，当需要对设计区其他控件对象进行在再编辑时，可通过设计区画面预览寻找对应的控件对象，从而对控件对象实现较为快速的定位，使得编程较为便捷直观。

本发明的目的二是提供一种人机交互界面可视化编程系统，其具有降低界面设计难度的效果。

本发明的上述发明目的是通过以下技术方案得以实现的：一种人机交互界面可视化编程系统，包括：

对象确定单元，用于在设计区中确定当前需进行逻辑编程的控件对象或全局函数功能块；

对象定义单元，用于确定需进行逻辑编程的控件对象的触发事件和函数功能块；

逻辑判定单元，用于根据控件对象的控制需求确定启用简单逻辑或复杂逻辑；

简单逻辑参数编辑单元，用于根据控件对象的控制需求编辑当前控件对象需要执行的简单逻辑参数；

复杂逻辑参数编辑单元，用于根据控件对象的控制需求编辑当前控件对象需要执行的复杂逻辑参数；

汇总展现单元，用于对所有编辑完成的控件对象和全局函数功能块进行汇总展示且控件对象和全局函数功能块处于可再编辑状态。

通过采用上述技术方案，对象确定单元先将需要编程的控件对象或全局函数功能块进行确定，之后对象定义单元确定控件对象的触发事件和函数功能块，若逻辑判定单元确定启用简单逻辑，则通过简单逻辑参数编辑单元进行内部数据的编辑，若逻辑判定单元确定启用复杂逻辑，则通过复杂逻辑参数编辑单元进行内部数据的编辑，编程人员只需通过简单逻辑参数编辑单元和复杂逻辑参数编辑单元进行编程操作，从而便于编程人员的编程操作，降低了编程的难度，在编辑完成后，通过汇总展现单元对所有编辑完成的控件对象和全局函数功能块进行汇总展示，方便编程逻辑的梳理，且在编程逻辑出现错误时，可通过汇总展现单元进行控件对象和全局函数功能块的再编辑。

本发明的目的三是提供一种计算机可读存储介质，其具有降低界面设计难度的效果。

本发明的上述发明目的是通过以下技术方案得以实现的：一种计算机可读存储介质，包括能够被处理器加载执行时实现上述人机交互界面可视化编程方法的程序。

通过采用上述技术方案，先对设计区中的某个需进行逻辑编程的控件对象或全局函数功能块进行指定，若选择的是控件对象，则对控件对象的触发事件和函数功能块进行确定，之后根据控件对象的控制需求确定启用简单逻辑还是复杂逻辑，若启用简单逻辑，则按照控制需求编辑简单逻辑参数；若启用复杂逻辑，则按照控制需求编辑复杂逻辑参数；若选择的是全局函数功能块，则直接对全局函数功能块的逻辑进行编辑，编辑方式同样是先确定启用简单逻辑还是复杂逻辑，之后再对简单逻辑参数或复杂逻辑参数进行编辑；编程者可根据自己想要的人机交互界面的显示方式来确定确定启用简单逻辑还是复杂逻辑，从而既可以实现简单的人机交互界面显示，也可以实现复杂的人机交互界面显示，编程者通过对简单逻辑参数和复杂逻辑参数中的所有数据进行编辑，从而人机交互界面的显示逻辑发生改变，整个编程过程中，编程者只需要对数据进行修改而无需掌握某种编程语言，同时数据并不是预设的，而是可以进行自主修改了，使得界面设计更加多样化，从而在降低界面设计难度的同时使得人机交互界面更加的多样化，而且在编程完成之后，由于对控件对象进行了汇总展示且空间对象处于可再编辑状态，从而可以对编程内容进行检查修改，方便编程者较为直观的了解程序逻辑，使得编程的修改简单方便，从而降低对编程者编程能力的要求。

综上所述，本发明包括以下至少一种有益技术效果：

1.通过对简单逻辑参数和复杂逻辑参数中的数据进行编辑，从而较为方便的实现编程操作，且通过确定启用简单逻辑或复杂逻辑，使得整个程序的逻辑可以实现较为复杂操作，使得程序能够呈现较为多样的效果；

2.执行命令数据采用执行操作名称与操作信息相互对应的关系呈现，从而可以使编程者对应的进行修改，从而较快的完成编程设定；

3.复杂逻辑参数中形成了起始编辑区块和后续编辑区块，起始编辑区块和后续编辑区块之间通过条件判定连线进行对应关联，使得起始编辑区块和后续编辑区块的程序设计、起始编辑区块与后续编辑区块之间的逻辑关联进行区分，从而方便编程者的程序编辑设计；

4.起始编辑区块和后续编辑区块可以在检测到展开指令后对自身进行展开，在检测到折叠指令后对自身进行折叠并简化包含的执行命令数据，从而使得程序的查看和调整较为便捷。

附图说明

图1是本发明的方法流程图。

图2是对象选定的示意图。

图3是简单逻辑参数编辑的示意图。

图4是复杂逻辑参数编辑的示意图。

图5是本发明的系统框图。

具体实施方式

以下结合附图对本发明作进一步详细说明。

参照图1和图2，为本发明公开的一种人机交互界面可视化编程方法，包括：

先在设计区中，选定一个需要进行编程的控件对象或全局函数功能块，该控件对象位于设计区中的任意一个后期交互需要进行的交互区域，上述设计区是指最终显示在使用者面前的人机交互界面，其可以由多个按钮和/或多个显示窗口组成。该全局函数功能块为内部存储有函数的功能区域，在后期人机交互界面中不显示，全局函数功能块可被所有的控件对象调用，由于全局函数功能块与控件对象在编辑上处于并列关系，即两者的编辑方式相同，下面只对控件对象的编辑进行描述。

之后对当前控件对象的触发事件和函数功能块进行确定，触发事件包括但不限于鼠标单击事件、鼠标双击事件和载入时，一个控件对象可以拥有多个触发事件，函数功能块为内部存储有函数的功能区域，在后期人机交互界面中不显示，函数功能块可被当前控件对象调用。由于函数功能块与触发事件在编辑上处于并列关系，即两者的编辑方式相同，下面只对触发事件确定后的编辑进行描述。

触发事件和函数功能块确定后，根据控件对象的控制需求确定启用简单逻辑或复杂逻辑，确定启用简单逻辑或复杂逻辑的方式包括但不限于勾选和按下按钮，在某一种简单逻辑或复杂逻辑的确定方式中，在不勾选启用复杂逻辑时，则默认为简单逻辑，在勾选启用复杂逻辑时，则变为复杂逻辑。

参照图1和图3，若确定启用简单逻辑，即程序编辑中无需进行判定，程序是按照顺序逻辑进行的。在进行简单逻辑参数的编辑时，先进行可编辑对象的选定，可编辑对象为可以进行编程定义的区块，该区块可以在人机交互界面展现时所显示，也可以不进行显示，可编辑对象包括但不限于变量、函数功能块、控件和事件；之后进行执行命令数据的添加，执行命令数据的添加方式为先在操作信息增加区域内列出的操作参数中选定操作参数，并确定对应的操作信息，然后将与可编辑对象关联的操作参数和操作信息添加至逻辑编辑区域内，从而完成执行命令数据的添加，位于逻辑编辑区域内的可编辑对象的操作信息可被修改。多个按步骤排列的与可编辑对象关联的操作参数和操作信息即形成简单逻辑参数，与可编辑对象关联的操作参数和操作信息可以被上下拖动以调节位置，也可以被删除，操作参数的修改方式包括但不限于双击和按钮点击。

参照图1和图4，若确定启用复杂逻辑，即程序编辑中需要进行判定，程序是按照判定条件进行的。在进行复杂逻辑参数的编辑时，先在逻辑编辑区域内建立起始编辑区块，然后在起始编辑区块内进行程序编辑，程序编辑的方式与进行简单逻辑参数的编辑相同，之后在逻辑编辑区域内建立条件判定连线并确定该条件判定连线的条件信息，条件判定连线从起始编辑区块引出，条件判定连线的条件信息可以再编辑，再编辑方式包括但不限于双击条件判定连线上的编辑块。之后在逻辑编辑区域内建立与条件判定连线在判定逻辑上关联的后续编辑块，然后在后续编辑区块内进行程序编辑，程序编辑的方式与进行简单逻辑参数的编辑相同，若之后还需要实现条件判定，则在后续编辑区块上继续建立条件判定联系，重复上述操作。

起始编辑区块与后续编辑区块内的数据若超出起始编辑区块或后续编辑区块的显示区域时，则对超出显示范围的数据进行隐藏，隐藏的数据通过显示范围调节指令进行显示。

上述超出存在三种方式：

方式一：由于程序参数的行数量而超出范围；

方式二：由于程序参数的自身长度而超出范围；

方式三：由于方式一和方式二共同存在而超出范围。

上述显示范围调节指令存在三种类型：

类型一：移动纵向拖动块；

类型二：移动横向拖动块；

类型三：缩放指令。

当处于方式一时，通过移动纵向拖动块指令，起始编辑区块或后续编辑区块中数据的显示随纵向拖动块的移动改变；

当处于方式二时，通过移动横向拖动块指令，起始编辑区块或后续编辑区块中数据的显示随横向拖动块的移动改变；

当处于方式三时，通过移动纵向拖动块和移动横向拖动块，起始编辑区块或后续编辑区块中数据的显示随纵向拖动块和横向拖动块的移动改变。

上述三种方式均可采用缩放指令进行隐藏的数据的显示。上述的超出方式和显示范围调节指令的类型均为示例说明，显示范围调节指令包括但不限于上述示例包括的类型。

在进行起始编辑区块和后续编辑区块的再编辑时，起始编辑区块和后续编辑区块检测对自身的展开指令，展开指令包括但不限于点击展开按钮、双击起始编辑区块或后续编辑区块和单击起始编辑区块或后续编辑区块，起始编辑区块和后续编辑区块展开后，显示起始编辑区块和后续编辑区块内的数据，程序参数包括可编辑对象、操作参数和操作信息。

在再编辑完成时，起始编辑区块和后续编辑区块检测对自身的折叠指令，折叠指令包括但不限于点击折叠按钮、双击起始编辑区块或后续编辑区块和单击起始编辑区块或后续编辑区块，起始编辑区块和后续编辑区块折叠后，简化起始编辑区块和后续编辑区块内显示的数据，数据包括可编辑对象、操作名称和操作信息。

所有控件对象和全局函数功能块编辑完成后，对所有控件对象和全局函数功能块进行汇总展示，汇总展示的方法为对与控件对象关联的触发事件折叠标签页、函数功能块折叠标签页和全局函数功能块的折叠标签页进行展示，在触发事件折叠标签页检测到展示命令时，对当前触发事件对应的编程逻辑预览图进行展示。每个折叠标签页处于可再编辑状态，可再编辑状态是指，可编辑对象可以上下拖动或删除，通过双击或点击编辑按钮可以进入到控件对象内进行编辑，对执行命令数据中的执行操作参数与操作信息进行修改。

本实施例的实施原理为：以控件对象的编辑为例，先在设计区中选定一个需要进行编程的控件对象，然后确定该控件对象的触发事件，之后根据功能需求确定启用简单逻辑或复杂逻辑。

若启用简单逻辑，则先进行可编辑对象的选定,选定完成后,根据编程的需求，在操作信息增加区域内列出的若干个操作参数中进行选定需要的操作参数，并确定对应的操作信息，然后将关联的操作参数和操作信息添加至逻辑编辑区域内，从而完成可编辑对象的执行命令数据确定。多个按步骤排列的与可编辑对象关联的操作参数和操作信息即形成简单逻辑参数。

若启用复杂逻辑，先在逻辑编辑区域内建立起始编辑区块，然后在起始编辑区块内进行程序编辑，程序编辑的方式与进行简单逻辑参数的编辑相同，之后在逻辑编辑区域内建立条件判定连线，通过双击条件判定连线上的编辑块进入到条件信息录入状态，然后进行条件信息的录入每条条件判定连线上可录入多个条件信息，条件判定连线的条件信息可以再编辑。之后在逻辑编辑区域内建立与条件判定连线在判定逻辑上关联的后续编辑块，然后在后续编辑区块内进行程序编辑，程序编辑的方式与进行简单逻辑参数的编辑相同，若之后还需要实现条件判定，则在后续编辑区块上继续建立条件判定联系，重复上述操作。

参照图5，为本发明公开的一种人机交互界面可视化编程系统，包括对象确定单元、对象定义单元、逻辑判定单元、简单逻辑参数编辑单元、复杂逻辑参数编辑单元和汇总展现单元。对象确定单元进行编程对象的选定，编程对象选定后，对象定义单元确定触发事件，触发事件确定完成后，逻辑判定单元确定启用简单逻辑或复杂逻辑，若启用复杂逻辑，则通过复杂逻辑参数编辑单元进行程序的编辑，若启用简单逻辑，则通过简单逻辑参数编辑单元进行程序的编辑，在编辑完成后，通过汇总展示单元进行控件对象和全局函数功能块的汇总展示。

本发明公开一种计算机可读存储介质，包括能够被处理器加载执行时实现如图1流程中的各个步骤。计算机可读存储介质例如包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(RandomAccessMemory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

本具体实施方式的实施例均为本发明的较佳实施例，并非依此限制本发明的保护范围，故：凡依本发明的结构、形状、原理所做的等效变化，均应涵盖于本发明的保护范围之内。

Claims (7)

1.一种人机交互界面可视化编程方法，其特征在于，包括：

在设计区中确定当前需进行逻辑编程的控件对象或全局函数功能块；

确定需进行逻辑编程的控件对象的触发事件和函数功能块；

根据控件对象的控制需求确定启用简单逻辑或复杂逻辑；

若启用复杂逻辑，则根据控件对象的控制需求编辑当前控件对象需要执行的复杂逻辑参数；

若启用简单逻辑，则根据控件对象的控制需求编辑当前控件对象需要执行的简单逻辑参数；

对所有编辑完成的控件对象和全局函数功能块进行汇总展示且控件对象和全局函数功能块处于可再编辑状态；

所述复杂逻辑参数的编辑方法包括：

在逻辑编辑区域内建立起始编辑区块；

选定可编辑对象；

确定与可编程对象关联的执行命令数据并添加至起始编辑区块内；

在逻辑编辑区域内建立条件判定连线并确定该条件判定连线的条件信息；

在逻辑编辑区域内建立后续编辑区块并将后续编辑区块与条件判定连线关联；

选定可编辑对象；

确定与可编程对象关联的执行命令数据并添加至后续编辑区块内；

所述起始编辑区块和后续编辑区块内均包含多个按步骤排列的与可编辑对象关联的执行命令数据，所述执行命令数据包括操作参数和操作信息，所述操作参数和操作信息互相对应，所述操作信息处于可修改状态；

所述起始编辑区块或后续编辑区块在检测到对自身的展开指令时，将自身进行展开，并显示当前区域内包含的可编辑对象以及可编辑对象内包含的多个执行命令数据；所述起始编辑区块或后续编辑区块在检测到对自身的折叠指令时，将自身进行折叠，简化显示当前区域内包含的可编程对象以及可编程对象内包含的多个执行命令数据；

所述对所有编辑完成的控件对象和全局函数功能块进行汇总展示的具体方法包括：

对与控件对象关联的触发事件折叠标签页、函数功能块折叠标签页和全局函数功能块的折叠标签页进行展示；

当触发事件折叠标签页检测到展示命令时，对当前触发事件对应的编程逻辑预览图进行展示。

2.根据权利要求1所述的人机交互界面可视化编程方法，其特征在于，所述简单逻辑参数的编辑方法包括：

选定可编辑对象；

确定与可编程对象关联的执行命令数据并添加至逻辑编辑区域内；

所述简单逻辑参数中包含多个按步骤排列的与可编辑对象关联的执行命令数据，所述执行命令数据包括操作参数和操作信息，所述操作参数和操作信息互相对应，所述操作信息处于可修改状态。

3.根据权利要求2所述的人机交互界面可视化编程方法，其特征在于，所述确定与可编程对象关联的执行命令数据的具体方法包括：

根据选定的可编辑对象，在操作信息增加区域内列出与可编辑对象关联的操作参数；

选定需要进行添加的操作参数并确定对应的操作信息；

与可编辑对象关联的操作信息处于可修改状态。

4.根据权利要求3所述的人机交互界面可视化编程方法，其特征在于：根据与可编辑对象关联的操作参数和操作信息生成可编辑对象预览，所述可编辑对象预览随着操作参数和操作信息发生变化。

5.根据权利要求1所述的人机交互界面可视化编程方法，其特征在于，包括建立设计区画面预览，可根据设计区画面预览寻找需要进行再编辑的控件对象。

6.一种人机交互界面可视化编程系统，其特征在于，包括：对象确定单元，用于在设计区中确定当前需进行逻辑编程的控件对象或全局函数功能块；

对象定义单元，用于确定需进行逻辑编程的控件对象的触发事件和函数功能块；

逻辑判定单元，用于根据控件对象的控制需求确定启用简单逻辑或复杂逻辑；

简单逻辑参数编辑单元，用于根据控件对象的控制需求编辑当前控件对象需要执行的简单逻辑参数；

复杂逻辑参数编辑单元，用于根据控件对象的控制需求编辑当前控件对象需要执行的复杂逻辑参数；

汇总展现单元，用于对所有编辑完成的控件对象和全局函数功能块进行汇总展示且控件对象处于可再编辑状态；

对象确定单元，用于在设计区中确定当前需进行逻辑编程的控件对象或全局函数功能块；

对象定义单元，用于确定需进行逻辑编程的控件对象的触发事件和函数功能块；

逻辑判定单元，用于根据控件对象的控制需求确定启用简单逻辑或复杂逻辑；

简单逻辑参数编辑单元，用于根据控件对象的控制需求编辑当前控件对象需要执行的简单逻辑参数；

复杂逻辑参数编辑单元，用于根据控件对象的控制需求编辑当前控件对象需要执行的复杂逻辑参数；

汇总展现单元，用于对所有编辑完成的控件对象和全局函数功能块进行汇总展示且控件对象处于可再编辑状态；

其中，所述复杂逻辑参数的编辑方法包括：

在逻辑编辑区域内建立起始编辑区块；

选定可编辑对象；

确定与可编程对象关联的执行命令数据并添加至起始编辑区块内；

在逻辑编辑区域内建立条件判定连线并确定该条件判定连线的条件信息；

在逻辑编辑区域内建立后续编辑区块并将后续编辑区块与条件判定连线关联；

选定可编辑对象；

确定与可编程对象关联的执行命令数据并添加至后续编辑区块内；

所述起始编辑区块和后续编辑区块内均包含多个按步骤排列的与可编辑对象关联的执行命令数据，所述执行命令数据包括操作参数和操作信息，所述操作参数和操作信息互相对应，所述操作信息处于可修改状态；

所述起始编辑区块或后续编辑区块在检测到对自身的展开指令时，将自身进行展开，并显示当前区域内包含的可编辑对象以及可编辑对象内包含的多个执行命令数据；所述起始编辑区块或后续编辑区块在检测到对自身的折叠指令时，将自身进行折叠，简化显示当前区域内包含的可编程对象以及可编程对象内包含的多个执行命令数据；

所述对所有编辑完成的控件对象和全局函数功能块进行汇总展示的具体方法包括：对与控件对象关联的触发事件折叠标签页、函数功能块折叠标签页和全局函数功能块的折叠标签页进行展示；

当触发事件折叠标签页检测到展示命令时，对当前触发事件对应的编程逻辑预览图进行展示。

7.一种计算机可读存储介质，其特征在于：包括能够被处理器加载执行时实现如权利要求1至5中任一项所述的人机交互界面可视化编程方法的程序。