CN109582304A - 一种基于人机交互系统的ui控件生成方法及装置 - Google Patents

Abstract

本发明涉及一种基于人机交互系统的UI控件生成方法及装置，包括UI控件调取器、UI控件属性编辑器、UI工程模拟预览器、UI控件文件生成器以及UI工程GUI驱动器；首先，利用UI控件调取器调取预设UI控件模板，其次，对UI控件进行属性编辑，并对已编辑的个性化UI工程进行预览，再者，生成UI控件文件，最后通过GUI驱动及显示。本发明提供一种简单、快速的UI控件生方法和装置，提升UI开发效率。

Description

一种基于人机交互系统的UI控件生成方法及装置

技术领域

本发明涉及计算机显示技术领域,具体涉及基于人机交互系统的UI控件生成方法和装置。

背景技术

人机交互是指人与计算机或自动化设备之间以人可以理解的语言或者行为进行信息交互，同时计算机或者自动化设备可以完全识别或接收人的语言或者行为所表达或表述的内容的含义。目前人机交互设备已经广泛应用在人们的日常行为生活当中，尤其以带界面的人机交互系统更为突出。

UI(User Interface),即用户界面，是人机交互系统当中计算机或者自动化设备信息显示以及交互的可视化界面，无论其显示形式是否为数码管形式或者TFT彩色液晶屏。

传统的UI界面往往包含着文本、图片、图标、曲线、触控形式的按钮、旋钮、滑块等；即显示内容以及行为交互。随着人们对计算机以及自动化设备的人机交互体验越来越高，传统的数码管显示以及按键操作已经不能满足人们的体验需求，要求计算机或者自动化设备要具有人性化地、简单地人机交互操控。但由于传统的人机交互都是通过大量的无论是汇编还是C或者其他语言通过代码编写的形式来完成的，面对目前的需求往往无能为力或者是工程量极大，因而造成人机交互极致体验的需求和开发成本和时间不成比例，这个问题亟待解决。

发明内容

本发明所要解决的技术问题是一种基于人机交互系统的UI控件生成方法及装置，可以根据此方法和装置快速地使用UI控件把复杂的、个性化的UI开发完毕，提升开发效率，提升产品的人机交互体验。

本发明解决上述技术问题的技术方案如下：基于人机交互系统的UI控件生成装置，包括UI控件调取器、UI控件属性编辑器、UI工程模拟预览器、UI控件文件生成器以及UI工程GUI驱动器。

所述UI控件调取器，用于开发过程中用户根据自己的个性化需求调取和选择的UI控件类型，用户根据所调取和选择的UI控件排列组合出个性化人机交系统的交互逻辑，即人机交互的互动步骤；

所述UI控件属性编辑器，是用户在调取UI控件后根据实际需求编辑控件的属性，通过编辑UI控件的属性来限定用户自己开发所用的控件限定条件，根据UI控件的属性编辑来制作出符合当前UI控件的使用模式，即赋予UI控件的自主属性；

所述UI工程模拟预览器，是用户在开发个性化UI系统的时候可以用来预览和模拟UI实际使用效果；通过UI工程模拟预览器模拟出来的效果来反馈用户制作的UI工程，所做即所见，使开发者不必在完全开发好后才能得知自己所设计的UI效果，避免因UI设计不合理需从头修改一次，实现边设计边修改，保证UI设计效果，节省开发时间；

所述UI控件文件生成器，是一种保存用户制作的UI工程的一种文件存档格式，通过UI控件文件生成器把用户当前制作好的成品或半成品UI工程保存起来；以文件格式的方式存储UI控件文件工程，即用户可随时通过UI控件文件生成器还原之前所制作的UI控件文件工程；

所述UI工程GUI驱动器，是基于人机交互系统设计出来的一种图像显示系统，通过UI工程GUI驱动器，可以把人机交互系统的人机UI工程显示出来；是整个人机交互系统对人的角度的最终实现终端；UI工程GUI驱动器可以驱动彩屏或数码管；

上述UI工程GUI驱动器还附带着人机交互系统的触控或按键识别；通过触控或按键操控以达到UI工程关于交互系统的信息录入和交互信息的识别。

本发明的有益效果是：通过UI控件调取器把适合用户个性化的UI工程控件调取出来，再通过UI控件编辑器把UI控件的属性编辑好后通过UI工程模拟预览器查看用户所制作的UI工程，再通过UI控件文件生成器保存用户制作的UI工程，最后通过UI工程GUI驱动器把用户开发好的UI人机交互系统实现出来。

在上述技术方案的基础上，本发明还可以做如下改进：

进一步，上述UI控件调取器可分类为变量控件、图标图形控件、触控按键控件；

进一步，所述变量控件可分为显示变量控件和文本变量控件；

上述显示变量控件即为数字式的变量，可以作为数据的变量显示；

上述文本变量控件即为文字式的变量，可作为文本数据的变量显示；

进一步，所述图标图形控件可分为图标变量控件和图形变量控件；

上述图标变量控件即为UI工程中的小图标变量控件，可作为小图标的变量显示；

上述图形变量显示控件即为UI工程中的图形变量控件，可作为各种几何图形的变量显示；

进一步，所述控件按键控件可分为触控控件和按键控件；

上述触控控件即为电阻式触摸和电容式触摸，可作为人机交互的触摸形式的选择；

上述按键控件即为物理实体按键的触控，可作为人机交互的物理实体按键形式的选择；

采用上述进一步方案的有益效果是：把UI控件分门别类，使用户可以分解人机交互的需求为具体的控件类别，分别调取对应的控件进行开发。

进一步，所述UI控件编辑器，可分类为UI控件固有属性编辑器和UI控件个性化属性编辑器；

上述UI控件固有属性编辑器即为UI控件的必须属性编辑，是对于UI控件的限定，通过UI控件的固有属性编辑器编辑用户调取的UI控件的标准属性，例如长度、宽度等；

上述UI控件个性化属性编辑器即为UI控件的可选属性编辑器，是对于UI控件的个性化设计需求而设计的，通过UI控件个性化属性编辑器编辑用户调取的UI控件的特殊属性，例如显示模式、颜色设置等；

采用上述进一步方案的有益效果是：通过UI控件固有属性编辑器和UI控件个性化属性编辑器可以在固有的UI控件属性编辑上做特殊处理UI控件，使UI控件具有鲜明的个性化属性，避免了UI控件的单调导致产品个性化和特点不鲜明的问题出现。

进一步，所述UI工程模拟预览器，可以事先通过通用型计算机的显示屏和鼠标模拟出用户所制作的UI工程中的UI显示和人机交互行为；

采用上述进一步方案的有益效果是：通过通用型的计算机系统可以低成本、方便地把用户制作的UI工程实时仿真出来，避免后续从头找错误，提升了开发效率和开发体验。

进一步，所述UI控件文件生成器，是通过计算机系统的通用BIN格式文件来命名的，不以特殊文件格式存储；

采用上述进一步方案的有益效果是：这样做是为了避免存储格式的不通用，不可编辑的问题，采用计算机的通用BIN二进制文件系统不仅可以通过软件来编辑UI控件文件，还可以直接用BIN文件编辑器打开并修改文件，这样设计大大提升了系统的通用性和普遍性，更简单化了开发难度和成本。

进一步，所述UI工程GUI驱动器，是根据用户所选择的GUI输出类型而选择不同的GUI驱动输出类型，当用户选择数码管式人机交互则UI工程驱动器则选择成数码管式驱动器输出；当用户选择IFT彩色液晶屏作为人机交互系统的终端显示和触控输入则UI工程驱动器则输出TFT彩色液晶屏驱动模式，并根据用户选择的TFT彩色液晶屏的尺寸和分辨率来适当调节驱动输出信号。

采用上述进一步方案的有益效果是：通过选择不同类型的GUI输出类型而自动调节驱动输出以达到最佳的显示效果和人机交互操作。

基于人机交互系统的UI控件生成方法，包括以下步骤：

步骤1，调取预设UI控件模板；

步骤2，对UI控件进行属性编辑；

步骤3，对个性化UI工程进行预览；

步骤4，生成UI控件文件；

步骤5，GUI驱动及显示。

本发明的有益效果是：通过UI控件的调取、属性编辑、工程预览、工程文件生成以及GUI驱动及显示的全套步骤的处理，即可制作出符合用户预期的人机交互系统，避免了用户预期效果和实际开发效果不相符的情况发生，同时也提升了开发者的效率并也能激发开发者更具个性化开发产品的热情。

在上述技术方案的基础上，本发明还可以做如下改进：

进一步，当所述步骤1调取预设UI控件模板时，可以一次性调取N多个符合用于预期开发的控件；

采用上述进一步方案的有益效果是：能有效避免重复动作做N次导致的效率开发地下。

进一步，当所述步骤2对UI控件进行属性编辑时，可以同时对不同界面同一属性的控件的属性进行复制和粘贴，这样可以一次解决相同的控件属性问题；

进一步，所述步骤2对于UI控件进行属性编辑当处于相同界面的不同功能UI控件也可批量修改某一属性；

进一步，所述步骤3对个性化UI工程进行预览时，可以把不同的UI控件进行分屏同步或异步显示出来，这样可以通过分屏显示来对比出不同的UI控件属的差别，以便挑选出适合自己的UI控件属性；

进一步，所述步骤3对个性化UI工程进行预览时，也可把不同界面的UI控件预览连贯在一起。

采用上述进一步方案的有益效果是：这样可以通过UI工程的起始位置一直预览到UI工程的终止位置，加深了开发的连贯性。

进一步，所述步骤4生成UI控件文件时，可以脱机对于UI控件文件的编辑，在修改好后可以跳跃到步骤3直接进行UI工程的预览或者跳跃到步骤5直接下发到GUI驱动及显示；

采用上述进一步方案的有益效果是：即以标准UI控件文件即可直接进行UI控件的预览或者直接进行GUI的输出驱动及显示，二者任开发者可选，增加了开发类型的选择。

进一步，所述UI工程GUI驱动器可以选择型号为T5的单片机作为GUI驱动器的核心芯片；

采用上述进一步方案的有益效果是：T5核心CPU相应速度快，GUI处理能力强。

附图说明

图1为本发明中一种基于人机交互系统的UI控件生成方法的流程图；

图2为本发明中一种基于人机交互系统的UI控件生成装置的结构示意图；

附图中，各标号所代表的部件列表如下：

201、变量控件，202、显示变量控件，203、文本变量控件，301、图标图形变量控件，302、图标变量控件，303、图形变量控件，401、触控按键控件、402、触控控件，403、按键控件，501、UI控件调取器，601、UI控件属性编辑器，602、UI控件固有属性编辑，603、UI控件个性化属性编辑，701、UI工程模拟预览器，801、UI控件文件生成器，901、UI工程GUI驱动器。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

如图2所示，基于人机交互系统的UI控件生成装置，包括UI控件调取器501、UI控件属性编辑器601、UI工程模拟预览器701、UI控件文件生成器801以及UI工程GUI驱动器901。

如图2中局部图所示，用户根据显示变量控件202和文本变量控件203完成UI系统中关于变量控件201的设计；根据图表变量控件302和图形变量303来完成对于图表图形变量控件301的设计；根据触控控件402和按键控件403来完成对于触控按键控件401的设计；

用于开发过程中用户根据自己的个性化需求调取和选择的UI控件类型，用户根据所调取和选择的UI控件排列组合出自己的人机交系统的交互逻辑，即人机交互的互动的步骤。

如图2中局部图所示，用户根据变量控件201、图表图形变量控件301以及触控按键控件401的整体设计后，形成UI控件调取器501的设计。

如图2中局部图所示，UI控件调取器501设计完毕后可进行UI控件属性编辑601的操作；

所述UI控件属性编辑器601，是用户在调取UI控件后根据实际需求编辑控件的属性，通过编辑UI控件的属性来限定用户自己开发所用的控件限定条件，根据UI控件的属性编辑601来制作出符合当前UI控件的使用模式，即限制UI控件的一种手段；

UI控件属性编辑601对用户选定的控件进行固有属性和个性化属性编辑后，可直接通过UI工程模拟预览器701把之前编辑好的控件属性进行模拟预览，通过预览可以查看UI控件属性编辑器601制作的UI控件效果；

所述UI工程模拟预览器701，是用户在开发个性化UI系统的时候可以通过UI工程模拟预览器来模拟一遍被模拟的UI实际使用效果；通过UI工程模拟预览器模拟出来的效果来反馈用户制作的UI工程，即所做即所见，使开发者不必在完全开发好后才能得知自己所设计的UI效果，把边设计UI边看到效果成为了现实。

如图2中局部图所示，UI工程模拟预览器701在预览结束后可以通过UI控件文件生成器801生成UI控件工程文件，生成的UI控件工程文件即保存用户通过UI控件调取器501所调取的UI控件信息以及通过UI控件属性编辑器601所对上述UI控件调取器501所调取的控件的属性信息；

所述UI控件文件生成器801，是一种保存用户制作的UI工程的一种文件存档格式，通过UI控件文件生成器把用户当前制作好的成品或半成品UI工程保存起来；以文件格式的方式存储UI控件文件工程，即用户可随时通过UI控件文件生成器还原之前所制作的UI控件文件工程。

如图2中局部图所示，所述UI工程GUI驱动器901，是在UI控件文件生成器801生成UI控件文件后读取该文件，通过该文件读取出UI工程信息并通过GUI驱动显示出来；

如图2中局部图所示，UI工程GUI驱动器901还附带着人机交互系统的触控或按键识别；通过触控或按键操控以达到UI工程关于交互系统的信息录入和交互信息的识别。

如图1所示，基于人机交互系统的UI控件生成方法，包括以下步骤：

步骤1，调取预设UI控件模板101，即通过UI控件调取器501调取预设的UI控件，通过UI控件调取器501调取变量控件201、图标图形变量301以及触控按键控件401里面所包含的控件；

步骤2，对UI控件进行属性编辑102，即通过UI控件属性编辑器601编辑UI控件固有属性602和UI控件个性化属性编辑603所包含的UI控件对应所拥有的属性；

步骤3，对个性化UI工程进行预览103，即通过UI工程模拟预览器701通过通用型计算机的显示屏和鼠标预览通过UI控件调取器501所调取的控件以及UI控件属性编辑器601所对UI控件调取器501所产生的控件属性编辑后的控件效果进行预览；

步骤4，生成UI控件文件104，即通过UI控件文件生成器801对UI工程模拟预览器701所产生的预览效果进行文件封装和保存；

步骤5，GUI驱动及显示105，即通过UI控件文件生成器801所生成的UI控件文件进行解析和显示处理。

当调取预设UI控件模板调取完用户所需的UI控件101后，在没有进行对UI控件进行属性编辑102以及对个性化UI工程进行预览103步骤时也是可以直接进行生成UI控件文件104；

上述在未经过对UI控件进行属性编辑102以及对个性化UI工程进行预览103的情况下所生成UI控件文件104是按照默认属性所保存的，是可以再进行UI控件属性编辑和UI工程预览的。

当未经过生成UI控件文件104的时候在即使进行了调取预设UI控件模板101以及对UI控件进行属性编辑102的情况下是不能直接进行GUI驱动及显示105的。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种基于人机交互系统的UI控件生成装置，其特征在于：包括UI控件调取器、UI控件属性编辑器、UI工程模拟预览器、UI控件文件生成器以及UI工程GUI驱动器。

2.根据权利要求1所述的一种基于人机交互系统的UI控件生成装置，其特征在于：

所述UI控件调取器，用于开发过程中用户根据自己的个性化需求调取和选择的UI控件类型，用户根据所调取和选择的UI控件排列组合出个性化人机交系统的交互逻辑，即人机交互的互动步骤；

所述UI控件属性编辑器，是用户在调取UI控件后根据实际需求编辑控件的属性；

所述UI工程模拟预览器，是用户在开发个性化UI系统的时候可以用来预览和模拟UI实际使用效果；

所述UI控件文件生成器，是用于保存用户制作的UI工程文件；

所述UI工程GUI驱动器，是基于人机交互系统设计出来的一种图像显示系统，通过UI工程GUI驱动器，可以把人机交互系统的人机UI工程显示出来。

3.根据权利要求1所述的一种基于人机交互系统的UI控件生成装置，其特征在于：

所述UI控件调取器可分类为变量控件、图标图形控件、触控按键控件，所述变量控件可分为显示变量控件和文本变量控件，所述图标图形控件可分为图标变量控件和图形变量控件，所述触控按键控件可分为触控控件和按键控件；

所述UI控件编辑器，可分类为UI控件固有属性编辑器和UI控件个性化属性编辑器；

所述UI工程模拟预览器，可以事先通过通用型计算机的显示屏和鼠标模拟出用户所制作的UI工程中的UI显示和人机交互行为；

所述UI控件文件生成器，是通过计算机系统的通用BIN格式文件来命名存储；

所述UI工程GUI驱动器，是根据用户所选择的GUI输出类型而选择不同的GUI驱动输出类型，并根据用户选择的TFT彩色液晶屏的尺寸和分辨率来适当调节驱动输出信号。

4.根据权利要求1所述的一种基于人机交互系统的UI控件生成装置，其特征在于，所述UI工程GUI驱动器还附带着人机交互系统的触控或按键识别；通过触控或按键操控以达到UI工程关于交互系统的信息录入和交互信息的识别。

5.一种基于人机交互系统的UI控件生成方法，其特征在于：包括以下步骤，步骤1，调取预设UI控件模板；步骤2，对UI控件进行属性编辑；步骤3，对个性化UI工程进行预览；步骤4，生成UI控件文件；步骤5，GUI驱动及显示。

6.根据权利要求5所述的一种基于人机交互系统的UI控件生成方法，其特征在于：当所述步骤1调取预设UI控件模板时，可以一次性调取多个符合用于预期开发的控件。

7.根据权利要求5所述的一种基于人机交互系统的UI控件生成方法，其特征在于：当所述步骤2对UI控件进行属性编辑时，可以同时对不同界面同一属性的控件的属性进行复制和粘贴，对处于相同界面的不同功能UI控件也可批量修改某一属性。

8.根据权利要求5所述的一种基于人机交互系统的UI控件生成方法，其特征在于：所述步骤3对个性化UI工程进行预览时，可以把不同的UI控件进行分屏同步或异步显示出来，也可把不同界面的UI控件预览连贯在一起。

9.根据权利要求5所述的一种基于人机交互系统的UI控件生成方法，其特征在于：所述步骤4生成UI控件文件时，可以脱机对于UI控件文件的编辑，在修改好后可以跳跃到步骤3直接进行UI工程的预览或者跳跃到步骤5直接下发到GUI驱动及显示。

10.根据权利要求5所述的一种基于人机交互系统的UI控件生成方法，其特征在于：所述UI工程GUI驱动器可以选择型号为T5的单片机作为GUI驱动器的核心芯片。