先楫HPM6800之HMI软件工具(一) : QD Plus (QuodiX)和Kanzi的对比

前 言

QD Plus (QuodiX) 是由上海驻利电子有限公司开发的一款高效、易用的HMI（Human-Machine Interface，人机界面）开发工具。自2011年推出以来，QD Plus 已在汽车、工业、医疗等多个行业成功应用，致力于为用户提供简洁高效的界面设计方案。其核心功能包括支持2D/3D 、图像导入、状态表、事件的触发、API 控制、按钮、动画设计和模拟测试等，显著加快了HMI 项目的开发进程。

1

HMI 设计专用工具

Kanzi 和 QD Plus 都是用于仪表盘人机界面（HMI）设计的专业工具。对于一个完整的仪表盘项目，它包括两个部分：一部分是通过 Kanzi Studio 创建的 UI 项目，另一部分是软件逻辑控制，决定何时显示以及显示内容。

1. 软件控制模块可以在不同的操作系统中使用。

QD Plus：提供API源码 ，源码是C语言 ，移植简单 ，方便适配各种OS。

 

2. Kanzi Studio 可以导入二维、三维和动画素材，并为它们赋予各种控制属性。

QD Plus：可以导入3d模型和2d图像 ，提供控制属性还提供控制关系 ，但不支持导入flash动画文件（QD自带动画工具）。

 

3. 创建一些可用于屏幕切换控制的触发器。

QD Plus：event功能可以设计好动画 ，软件工程师通过API接口触发event即可。

 

2

为UI设计工程师提供的工作

1. UI 设计工程师需要创建大量的 UI 素材，这一步与基于传统 HMI 工具所需的操作相同。

 

2. 根据客户的需求，UI 设计工程师需要构建显示场景，包括 UI 布局和显示屏幕切换。因此，UI 设计工程师需要相应地设置参数和触发器。例如，警告图标有一个开/关参数，菜单切换需要一个由事件或某些条件触发的触发器。

QD Plus：只需UI布局，不需要设置参数，使用更简单。 比如icon的on、  off ， QD Plus可以使用imagelist ，切换imagelist的index（ 0,1,2...)值就能实现，更加灵活。

 

3. 将最终的项目文件和 UI 路径布局数据导出给软件工程师。

QD Plus：生成C代码 ，方便移植 ，生成代码中包括了每个元素的ID ，方便API   控制每个元素（不需要输入元素路径） 。QD Plus的API接口也仅有两个， 方便软件工程师使用。

参数列表可以创建多个位置、颜色、显示/隐藏和触发器。QD Plus工具属性窗口可以轻松设置每个元素的位置， 颜色等信息。

所有的 UI 素材都可以通过路径被软件找到。QD Plus 工具的路径选择弹窗可 以轻松的找到UI图片。

 

3

为软件工程师提供的工作

1.  首先，软件工程师需要使用 Kanzi 公司提供的一些特殊方法导入 .kzb 格式的 Kanzi 项目。

QDPlus：生成的C文件 ，可以直接生成到工程目录 ，编译简单方便。

 

2.   当软件工程师想要控制某些 UI 素材时，例如一个警告图标，首先需要找到该图标的路径，通常应为“root/warning/icon_XXX”，该路径应在 UI 布局数据中定义，由 UI 设计工程师准备。接下来，软件工程师需要控制图标的显示和消失，找到控制参数后，将其设置为“1”以显示图标，设置为“0”以关闭显示。

QD Plus(QuodiX)中，每个元素都有一个身份ID（根本不在需要用户记录元素路径 ，甚至通过QD工具的快捷键shift + i,就会把要操作的ID和API函数复制到粘贴板中） ，软件工程师可以轻松使用CTRL+V, 就可以动态修改或者获取到元素状态、关系、触发动画。

 

3.  尽管这个示例非常简单，但它展示了软件控制方法与传统 HMI 工具有很大不同。它使软件设计工作变得简单快捷。同时，在某些情况下，我们可以修改 UI 设计而无需对软件进行任何修改。

一些简单的布局调整 ， QD Plus(QuodiX)可以在工具中调整,重新生成代码编译即可（最后烧写生成的BIN文件） ，应用软件不需要修改代 码。QD Plus在生成代码时会根据使用的情况 ，生成一些宏定义 ，这些宏定义在编译时 ，能让API代码更加省空间。

 

4

优 势

1.  基于操作系统的兼容性，UI 设计工程师可以通过 Windows 操作系统向客户展示一些 UI 设计概念。这在需求讨论环节非常有帮助，能够快速促使 UI 设计工程师和客户达成共识。

在项目初期 ，没有开发板的情况或者跟客户讨论需求的情况下 ，可以使用QD Plus的opengl windows版本 设计布局（可以在PC上编码、运行最终效果） ，设计好的项目可以转换到对应的芯片中使用。

 

2. 在开发阶段，UI 设计工程师和软件工程师可以基于相同的 UI 设计布局和逻辑并行工作。这能够减少开发时间。

QDPlus需要先设计好UI ，再做逻辑控制。

 

3. 此外，有时当 UI 设计需要修改时，例如位置需要微调，软件工程师不需要做任何操作。

简单的UI布局调整 ， QD Plus只需要工具修改 ，不需要修改逻辑。

 

4. 由于 Kanzi Studio 内置了许多 UI 显示场景，软件工程师不需要使用源代码来构建它们。这种方法可以减少软件开发时间和复杂性

QD Plus有多种自定义插件（方便客户扩展功能） ，可以实现常见的动画场景。

 

5

注意事项

如上所示，UI 设计工程师需要在 UI 项目中进行一些逻辑触发，因此，UI 设计工程师需要具备一定的软件开发知识，否则将影响 UI 显示的稳定性和效率。

QD Plus在设计中已经把和GPU ， CPU相关的部分 ，放到API宏定义里面。这样就降低了开发人员的门槛。 使用QD Plus工具的软件工程师 ，一般懂C语言的应届生大专生即可胜任。QD Plus在设计中甚至考虑到软 件工程师和美工的沟通的常见问题（一般双方的问题 ，就是相互不能太理解） ，也体现在QD Plus工具设计中。