QD Plus
QD Plus(Quodix) HMI软件工具
QD Plus(QuodiX) 是由上海驻利电子有限公司(www.shzldz.com)开发的一款高效、易用的HMI(Human-Machine Interface,人机界面)开发工具。自2011年推出以来,QD Plus 已在汽车、工业、医疗等多个行业成功应用,致力于为用户提供简洁高效的界面设计方案。其核心功能包括支持2D/3D 、图像导入、状态表、事件的触发、API 控制、按钮、动画设计和模拟测试等,显著加快了HMI 项目的开发进程双击此处添加文字
QD Plus(QuodiX) 界面设计非常直观,各个功能模块一目了然,用户可以快速找到所需的功能,UI 设计师只需导入设计好的图片(如PNG、JPG 等常见格式),通过拖拽和设置事件,即可快速完成界面的布局和动画效果。无需复杂的编程知识,即使是新手也可通过观看帮助视频后,1到2个小时内掌握基本的用法。在开发过程中节约2/3的开发时间,并且自动生成数据,用户只需要编写自己的应用逻辑,大大降低了人力成本,加快了产品上市时间,提高的产品的质量和客户满意度。
为了帮助用户快速掌握使用技巧,QD Plus 还配备了详细的教程、教学视频、“驻利”微信公众号(可以在线解答技术问题)和专业的技术支持人员。这些视频内容覆盖了从基础操作到高级功能的各个方面,用户只需跟随教程一步步操作,就能迅速掌握核心功能。看完这些视频,真正做到“看了视频什么都会”
QD Plus(QuoDix) 将复杂的设计过程简化为直观易操作的步骤,使得每位用户都能自信地创建出高质量的人机界面。无论是初学者还是经验丰富的开发者,都能在QD Plus中找到适合自己的工作方式,快速实现自己的设计想法。
(1)节约2/3的开发时间,大大降低了人力成本,加快了产品上市时间,提高的产品的质量和客户满意度。
(2)目前已成功用于多款工业控制、汽车的HUD、空调屏、扶手屏、汽车仪表和智能座舱人机界面。---已经过13年量产的验证。
(3)API采用标准C语言开发。代码的编写符合汽车级开发标准——MISRA-C-:2004。
(4)API开放源码,方便用户移植。
(5)具有运行效率高、速度快、占用内存小等特点。
下表为某公司的汽车仪表项目,所花费时间和程序错误统计表:
红色为没有使用工具,绿色为使用QD Plus
时间统计表
程序错误统计表
下表为某公司的汽车音响项目,所花费时间和程序错误统计表:
红色为没有使用工具,绿色为使用QD Plus
时间统计表
程序错误统计表
QD Plus(QuodiX)+先辑6880MCU 800*480分辨率 类梯形warping,适用于HUD_
1:非圆形表盘插件。展示follow motion插件。播放视频如下:
QD Plus(QuodiX),分辨率1920*720,让指针纵享丝滑。
2:2.5D插件和视频如下:
QD Plus(QuodiX)+先辑6880MCU 2.5D效果
3:3D模型插件和视频如下:
4:光滑曲线的视频如下:
5:带有自动收缩指针拖尾插件的视频。Demo中,还使用了空白插件,允许用户把自己的代码和空白插件中的提供的参数,有机的结合起来。方便用户自由的扩展功能。
汽车仪表。分辨率1920X720。使用QD Plus做图工具(www.shzldz.com)。
6:2.5D的导航罗盘视频
3d_800X480.mp4_免费高速下载|百度网盘-分享无限制 (baidu.com)
7:带有主题切换的Demo.
QD Plus(QuodiX),分辨率1920*720,多主体多语言
8: 先楫6880,1920X720,60帧丝滑无压力
QD Plus(QuodiX) 与先辑6880 MCU,分辨率1920*720
9:3D车模旋转加变色
#define HMI_MEMORY_LONG_TIME_RELEASE == HMI_YES
#define HMI_NOT_USED_THIS_TIME_RELEASE == HMI_NO
该宏表示:如果空闲内存小于指定的值后,释放一批进入内存且较长时间不被绘制的图片所占用的内存。
QD Plus(QuoDiX) 提供了多人协作开发的功能,允许多个开发人员同时参与一个项目的设计和开发。这极大提高了团队的工作效率,特别适用于大型项目和复杂UI设计的场景。
通过对项目的模块化管理,不同的开发人员可以同时对不同模块进行修改和优化,并在最后统一合并。QD Plus 的协作开发功能保证了项目的灵活性和高效性。
以下为多人协作开发的效果示例:
QD_Plus支持导出和插入功能,具体操作如下图:
(1)导出某一页面(其他元素亦是如此):
如上图例如导出名字为class_page页面,首先需要选择classic_page页面,再次点击菜单栏中的Tools,左后点击Output current element便会显示下图,依次点击红框选项,最后选择保存,便可在保存的路径中看到名为OutputElement.xml,这个文件便是导出的classic_page和它包含的元素。
(2)导入某一页面(其他元素亦是如此):
如上图首先点击页面根节点,再次点击菜单栏中的Tools点击Input element便会提示下图,选择导出xml项目后,点击打开。
QD Plus(QuoDiX) 提供了便捷的横竖屏转换功能,用户可以轻松切换界面的显示方向,以适应不同的设备需求。无论是手机、平板,还是车载系统,用户都可以通过QD Plus 的转换功能快速调整界面的方向。
如下图在QD_Plus工具中点击菜单栏中的Tools便可看到红框中的内容横屏转竖屏,竖屏转横屏,点击即可。
这一功能特别适用于需要适配多种设备的应用场景,能够帮助开发人员在不同分辨率和显示方向的设备上保持一致的用户体验。
对于需要高质量压缩处理的图片(例如高质量ETC1,ETC2压缩格式),QD Plus(QuoDiX) 支持GPU加速运算。这一功能可以显著减少图片压缩的时间,将运算速度提高到传统方法的30倍左右。
GPU加速不仅提升了图片压缩的效率,还减轻了CPU的运算负担,确保系统在处理大量图片时仍然能够保持流畅的界面响应。
QD Plus(QuoDiX) 提供“所见即所得”的动画设计功能,用户可以通过工具的可视化界面,直接设计和调整动画效果。通过简单的拖拽和配置,设计师可以创建复杂的动画序列,并通过实时预览来检查动画效果。
这种设计模式大大减少了开发人员在调试动画时所耗费的时间和精力,确保最终的呈现效果与设计一致。动画设计对于提升UI的动态体验至关重要,而QD Plus 的可视化设计工具为此提供了极大的便利。
QD Plus(QuoDiX) 支持多语言和多主题的快速切换,用户可以轻松添加或修改不同语言的文本,并能为不同市场和用户群体定制不同的主题样式。
无论是阿拉伯语、希伯来语、泰语等复杂字符,还是常见的多主题切换需求,QD Plus(QuoDiX) 都能够灵活应对。这对于面向全球市场发布的产品尤为重要,能够快速实现本地化。
QD Plus 支持丰富的触摸事件处理功能,用户可以设计复杂的交互场景,包括点击、双击、拖拽、缩放、滑动等多点触控操作。
通过触摸事件的设计,用户可以为界面增加更多的互动体验,提升应用的用户体验,特别是在触控设备如智能座舱、车载导航系统等场景中非常实用。
QD Plus(QuoDiX) 支持矢量字库的使用,确保在不同分辨率下的文字显示清晰无锯齿。矢量字库不仅能够减少存储空间的占用,还能提高文本的可读性。
这一功能对于需要高分辨率显示的设备尤为重要,如车载仪表盘、导航系统等,能够确保在高分辨率屏幕上,字体依然清晰可见。
QD Plus(QuoDiX) 支持丰富的事件驱动功能,用户可以通过事件、定时器和状态表轻松管理复杂的界面交互。定时器允许用户在指定的时间段内自动触发某些操作,而状态表则可以管理不同的UI状态。
这些功能为开发人员提供了极大的灵活性,能够设计出复杂的交互逻辑,如界面切换、动画播放等高级操作。
(1):状态表中,设置状态变化时要出发的动作。如下图:
包含5种内建播放速率模式:Linear(匀速),Fast To Slow(先快后慢),Slow To Fast(先慢后快),Slow Fast Slow(先慢,再快,最后再慢),Fast Slow Fast(先快,再慢,最后再快)
QD Plus(QuoDiX) 提供了一键分辨率缩放功能,允许用户在不同的屏幕分辨率之间快速切换。这一功能能够根据设备的分辨率自动调整界面布局,重新调整元素的位置和大小。
对于需要在多个分辨率下运行的项目,QD Plus 的分辨率缩放功能可以节省大量的手动调整时间,并保证在不同设备上都能保持一致的视觉效果。
QD Plus(QuoDiX) 支持3D模型的导入与显示,并且提供了对灯光效果和阴影处理的支持。用户可以通过该功能创建更加真实的UI场景,提高用户界面的视觉效果。
无论是复杂的3D场景设计,还是简单的3D模型展示,QD Plus(QuoDiX) 都能够提供稳定、流畅的显示效果,并支持各种光影效果的渲染。
当我们为了节约带宽而是用RGB565,ARGB4444颜色格式时,在生成代码数据时QD Plus(QuoDix)会自动使用颜色抖动算法,从而极大降低了颜色的丢失。
教学视频下载链接:
(1)QD Plus培训教程
(2)QD Plus插件培训
帮助文档下载链接:
复制网站进行下载http://www.qd-plus.cn/wp-content/uploads/2024/05/QD-Plus-版详细介绍_2024_1_04.docx
http://www.qd-plus.cn/wp-content/uploads/2024/05/custom_lib_2024_0408.docx
观看QD Plus的显示效果视频:微信视频号搜索:QD做图工具