先楫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工具设计中。