一种hmi界面的控制方法
【技术领域】
[0001]本发明涉及一种HMI的菜单设置、按钮设计及页面切换的控制方法。
【背景技术】
[0002]HMI (人机交互)页面切换的制作方法有两种。一种是静态切换，即一个按键指向一个页面。此方法常用在简易的HMI控制上，这种切换方式不能使同一个按键指向不同的页面，且后期增加页面较为繁琐、易出错。另一种是动态切换，是通过程序控制页面的切换。这种方法常用在复杂的HMI页面控制上。传统的动态切换虽然是通过程序控制，但可扩展性差，如果增加了新的页面，需要重新编写新的程序进行链接控制。
[0003]当我们开发一套复杂的HMI页面系统的时候，可能会制作不少于十个页面或者多达几十、上百个页面。通过编写程序，使如此多的页面一一对应如此多的按键，程序比较繁琐。
【发明内容】
[0004]本发明针对以上问题，提供了一种菜单设置及按钮设计简单且操作流畅，不需要重复的编写页面切换程序，方便扩展的HMI界面的控制方法。
[0005]本发明的技术方案是:包括以下步骤:
51=HMI界面的设置；设置由一级、二级、…、N级依次控制组成的菜单层级，一级菜单使用一组按钮，二级、…、N级菜单共用另一组按钮，菜单为各按钮的选项列表，按钮在不同的层级状态下依次设置控制相应的页面；
52:定义每级菜单按钮的属性；每级菜单赋予相应组的按钮不同的属性，其中，按钮的属性为当前按钮上显示的菜单选项的编号；
对每级菜单选项进行编号，设任一级菜单中的一菜单选项编号为P，则其下一级菜单的按钮属性依次改变为10p、10p+l、10p+2、…、10p+q，其中p、q为大于O的整数;
一级、二级、…、N级的菜单层级的菜单编号依次按10"进行递增编号，n ^ 1，η递增且取整数；
53:定义页面的属性；其中，页面的属性为对应菜单选项打开的页面的编号；任一级菜单编号为P对应相同编号为P的页面、编号为1p的下一级页面或保持当前显示的页面；
54:菜单选择、页面切换；通过菜单上的具有相应属性的按钮进行逐级选择，出现相应的页面；
55:页面控制；对当前选择的页面进行控制操作。
[0006]还包括页面扩充步骤，仅制作相应的页面，将按钮属性和页面属性分别按照步骤S2、S3中的编号顺序依次添加，实现扩充。
[0007]步骤S3中，任一级菜单编号P首先对应相同编号为P的页面；若无相同编号为P的页面，对应编号为1p的下一级页面；若既无相同编号为P的页面，也无编号为1p的下一级页面，则保持当前显示的页面。
[0008]当前打开的页面编号为P，对应编号为P的按钮高亮显示；若无对应编号为P的按钮，不触发高亮。
[0009]当I彡p〈10时，编号为P的按钮高亮；当1m彡p〈10m+l时，编号为p/10m取整的一层菜单对应的按钮高亮，其中m ^ I，取整数。
[0010]步骤SI中，二级、…、N级菜单共用另一组按钮，按钮上设有变化的文字，按钮上的变化文字分别对应二级、…、N级菜单中任一菜单层级，即不同的菜单层级具有不同的按钮文字，按钮和文字分离设计，便于区分、辨别和操作。
[0011]本发明首先通过对整个界面设置菜单层级、按钮和页面，对菜单按钮设置单独的图层；然后，通过分别定义每级菜单对应按钮的属性和页面的属性，实现对按钮菜单选项的编号和页面的编号，按钮属性的分配方式形成树形规律分布，方便编排和定位寻找，同时预留了空间，便于后续的页面及菜单扩展；页面的属性以与之相对应的菜单编号进行编号，根据页面的设计需要(省去不需要的页面，或增添页面)，页面与菜单按钮可对应显示，也可跳级显示，切换简单、有效，指向性明确。
[0012]使用两个图层，设置两组按钮。其中，一级菜单使用一组按钮(即主按钮)，二级、…、N级菜单共用另一组按钮(即子按钮)，应用中，实现菜单层级不同，子按钮的属性跟随变化，实际按钮图形未变化，只是属性变了，切换速度快，使用更灵敏。
[0013]本发明中的页面的增添具有任意性，能够在步骤S2和S3的基础上，进行顺序编号，通过动态链接，实现简单扩充，节约了设计与调试的时间，提高了工作效率。
[0014]本发明中按钮和页面的属性命名、菜单层级的分配规律，页面的智能切换，具有实用性强的特点。
【附图说明】
[0015]图1是本发明的流程框图，
图2是本发明中HMI界面的布局示意图，
图3是本发明中步骤S2中菜单选项编号的树形图。
【具体实施方式】
[0016]本发明如图1-3，本发明中的方法包括以下步骤:
51=HMI界面的设置；设置由一级、二级、…、N级依次控制组成的菜单层级，一级菜单使用一组按钮，二级、…、N级菜单共用另一组按钮，菜单为各按钮的选项列表，按钮在不同的层级状态下依次设置控制相应的页面；
52:定义每级菜单按钮的属性；每级菜单赋予相应组的按钮不同的属性，其中，按钮的属性为当前按钮上显示的菜单选项的编号；
对每级菜单选项进行编号，设任一级菜单中的一菜单选项编号为P，则其下一级菜单的按钮属性依次改变为10p、10p+l、10p+2、…、10p+q，其中p、q为大于O的整数;
一级、二级、…、N级的菜单层级的菜单编号依次按10"进行递增编号，n ^ 1，η递增且取整数；
53:定义页面的属性；其中，页面的属性为对应菜单选项打开的页面的编号；任一级菜单编号为P对应相同编号为P的页面、编号为1p的下一级页面或保持当前显示的页面； 54:菜单选择、页面切换；通过菜单上的具有相应属性的按钮进行逐级选择，出现相应的页面；
55:页面控制；对当前选择的页面进行控制操作。
[0017]还包括页面扩充步骤，仅制作相应的页面，将按钮属性和页面属性分别按照步骤S2、S3中的编号顺序依次添加，实现扩充。
[0018]应用中，由于本发明中特有的属性分配方式，只需要编写固定的程序，这样就给编程人员节约大量的编程时间、且出错率低。后续仅需制作页面，确定对应的按钮，通过属性分配(在现有基础上可继续编号)，实现页面的扩充，自动产生菜单及动态链接，无需反复修改程序，节省了工作时间。
[0019]步骤S3中，任一级菜单编号P首先对应相同编号为P的页面；若无相同编号为P的页面，对应编号为1p的下一级页面；若既无相同编号为P的页面，也无编号为1p的下一级页面，则保持当前显示的页面。
[0020]通过设置对应的页面实现智能切换，应用中，对于机床行业操作而言，页面设置必须有效，提高效率。如页面对于实际应用不起作用，可省略，节约空间，节省编程的时间。
[0021]当前打开的页面编号为P，对应编号为P的按钮高亮显示；若无对应编号为P的按钮，不触发高亮。
[0022]当I彡p〈10时，编号为P的按钮高亮；当1m彡p〈10m+l时，编号为p/10m取整的一层菜单对应的按钮高亮，编号为P的下一层菜单对应的按钮高亮，其中m3 I，取整数。按钮高亮显示，能够对应相应的页面，起到有效地提示作用，便于操作人员直观地观察，提高操作效率，避免误操作。
[0023]步骤SI中，二级、…、N级菜单共用另一组按钮，按钮上设有变化的文字，按钮上的变化文字分别对应二级、…、N级菜单中任一菜单层级，即不同的菜单层级具有不同的按钮文字，按钮和文字分离设计，便于区分、辨别和操作。
[0024]本发明中涉及菜单、层级、按钮属性和页面属性的含义分别为:
菜单:HMI屏幕上的各按钮上显示的选项列表；
层级:菜单分一级菜单、二级菜单、三级菜单等等，其中一、二、三指层级；
按钮的属性:是指当前按钮上显示的菜单选项的编号；
页面的属性:对应菜单选项打开的页面的编号。
[0025]如图2-3所示，本发明结合具体界面的布局示意图进行说明:
图层规则:各显示区域分层处理。主按钮使用一个图层，子按钮使用一个图层，页面内容也单独使用一个图层。
[0026]命名规则:
如图2所示，触摸屏右侧布置5个主按钮，主按钮