生成车机图形界面组件工具包的方法、装置和存储介质与流程

本发明的实施方式总体上涉及车机系统开发，更具体地，涉及一种用于生成车机图形界面组件工具包的方法、装置和存储介质。

背景技术：

1、当前车机系统图形开发需要面向多种显示分辨率需求，需要多方协同合作，图形定义文件的输出和理解全靠人工处理，需要花费许多时间；项目后期，如果遇到修改，由于同一组件用于多个界面，会进行大量重复劳动；因此，迫切需要一种减少人工处理和沟通误差的方法，以提高开发效率。

2、专利文献cn112506500a公开了提供一种可视化控件创建方法及装置，该方法包括：基于tdgui-engine图形系统和图形界面开发工具，将控件封装为对象，通过函数注册实现自定义控件的外观风格显示和事件响应，通过注册关键字设置和显示控件属性，并设置控件的布局风格和注册控件的回调事件，包含控件的元素如何在工具中展示和已经显示的控件如何保存为配置文件，让将要实现的控件按照用户自定义的方法在图形界面开发工具中呈现出来，图形界面开发工具加载自定义的控件动态链接库，自动加载控件的图标，创建和编辑该控件后，并按照通过函数注册的规则将界面中的自定义控件保存到配置文件对应的节点。通过该方案提高控件代码的复用性，方便用户界面程序开发。但本方案之下，仍需大量的人工处理动作，且无法实现减少设计端与开发端的沟通误差。

技术实现思路

1、为了解决现有技术中的上述问题，在第一方面，本发明的实施方式提供了一种用于生成车机图形界面组件工具包的方法，所述方法包括：在车机系统交互流程文件中遍历系统中的控件，生成控件清单，其中，所述控件清单包括系统中每个控件的不同控件状态以及不同控件状态下的显示参数；根据所述控件清单中不同控件状态与不同控件状态下的显示参数之间的对应关系，生成视觉规范；在系统图形界面元素包括的图形素材中确定所述控件清单中的每个控件的不同控件状态分别对应的图形素材；根据所述视觉规范和不同控件状态分别对应的图形素材，构建所述控件清单中的控件的不同控件状态的视觉组件，生成视觉组件库；确定所述控件清单中的控件的不同控件状态的交互规范；生成所述控件清单中的控件的不同控件状态的交互规范对应的交互逻辑代码，将所述交互逻辑代码与所述交互规范相关联地存储至代码库；根据所述视觉组件库和所述代码库，将所述控件清单中的控件的不同控件状态的视觉组件与该控件状态的交互规范对应的交互逻辑代码进行融合，生成所述车机图形界面组件工具包。

2、在一些实施方式中，在生成视觉组件库之后，所述方法还包括：根据所述视觉规范，对所述视觉组件库中的视觉组件进行准确性测试。

3、在一些实施方式中，将所述控件清单中的控件的不同控件状态的视觉组件与该控件状态的交互规范对应的交互逻辑代码进行融合包括：通过编码映射将视觉组件与交互逻辑代码进行融合。

4、在一些实施方式中，所述显示参数包括颜色、尺寸、透明度中的一种或多种。

5、在一些实施方式中，所述交互规范包括在不同控件状态下各个控件的位置及各个控件之间的相对位置关系。

6、在一些实施方式中，构建所述控件清单中的控件的不同控件状态的视觉组件包括：根据所述视觉规范，为每个控件的不同控件状态分别对应的图形素材定义属性代码；将所述属性代码嵌入到所述视觉组件中。

7、在一些实施方式中，构建所述控件清单中的控件的不同控件状态的视觉组件包括：根据所述视觉规范中不同控件状态下的显示参数，生成所述图形素材在不同状态下的显示图形；将所述显示图形组合成为所述视觉组件。

8、在第二方面，本发明的实施方式提出了一种用于生成车机图形界面组件工具包的装置，所述装置包括：控件清单生成模块，配置用于在车机系统交互流程文件中遍历系统中的控件，生成控件清单，其中，所述控件清单包括系统中每个控件的不同控件状态以及不同控件状态下的显示参数；视觉规范生成模块，配置用于根据所述控件清单中不同控件状态与不同控件状态下的显示参数之间的对应关系，生成视觉规范；图形素材确定模块，配置用于在系统图形界面元素包括的图形素材中确定所述控件清单中的每个控件的不同控件状态分别对应的图形素材；视觉组件库生成模块，配置用于根据所述视觉规范和不同控件状态分别对应的图形素材，构建所述控件清单中的控件的不同控件状态的视觉组件，生成视觉组件库；交互规范确定模块，配置用于确定所述控件清单中的控件的不同控件状态的交互规范；代码生成模块，配置用于生成所述控件清单中的控件的不同控件状态的交互规范对应的交互逻辑代码，将所述交互逻辑代码与所述交互规范相关联地存储至代码库；融合模块，配置用于根据所述视觉组件库和所述代码库，将所述控件清单中的控件的不同控件状态的视觉组件与该控件状态的交互规范对应的交互逻辑代码进行融合，生成所述车机图形界面组件工具包。

9、在一些实施方式中，所述装置还包括：视觉组件测试模块，配置用于在生成视觉组件库之后，根据所述视觉规范，对所述视觉组件库中的视觉组件进行准确性测试。

10、在一些实施方式中，所述融合模块进一步配置用于：通过编码映射将视觉组件与交互逻辑代码进行融合。

11、在一些实施方式中，所述显示参数包括颜色、尺寸、透明度中的一种或多种。

12、在一些实施方式中，所述交互规范包括在不同控件状态下各个控件的位置及各个控件之间的相对位置关系。

13、在一些实施方式中，所述视觉组件库生成模块进一步配置用于：根据所述视觉规范，为每个控件的不同控件状态分别对应的图形素材定义属性代码；将所述属性代码嵌入到所述视觉组件中。

14、在一些实施方式中，所述视觉组件库生成模块进一步配置用于：根据所述视觉规范中不同控件状态下的显示参数，生成所述图形素材在不同状态下的显示图形；将所述显示图形组合成为所述视觉组件。

15、在第三方面，本发明的实施方式提出了一种存储介质，存储有计算机可读程序代码，当所述程序代码由处理器运行时，执行根据上述任何实施方式所述的方法。

16、本发明的实施方式根据系统交互流程文件及图形界面元素，生成视觉组件库；确定各个控件不同状态对应的交互规范，生成各个控件不同状态对应的交互规范对应的逻辑代码，生成代码库；根据所述视觉组件库和所述代码库，通过编码映射及代码编写的方式形成最终的组件sdk(工具包)，用以在进行车机图形界面开发时，根据控件的不同状态调用不同的视觉组件以设置控件对应的颜色、尺寸、位置、透明度等参数，以及调用不同的代码库设置控件的位置及其与其他控件之间的相对位置关系，最终确定控件整体状态。

17、与现有技术相比，本发明的实施方式所生成的组件工具可代替口头沟通和手动复制粘贴，提高了图形界面开发效率。解决了现有技术中存在信息重复输入、使用大量口头沟通的问题。

18、本发明以原子化设计理论为基础，基于视觉规范，构建大量通用的组件，实现了一种基于原子化设计理论的车机图形界面开发方案。通过编码形成设计与实现的映射关系，有利于实现设计端和开发端的信息同步，并沉淀成组件规范库共同维护。

技术特征：

1.一种用于生成车机图形界面组件工具包的方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，在生成视觉组件库之后，所述方法还包括：

3.根据权利要求1所述的方法，其特征在于，将所述控件清单中的控件的不同控件状态的视觉组件与该控件状态的交互规范对应的交互逻辑代码进行融合包括：

4.根据权利要求1所述的方法，其特征在于，所述显示参数包括颜色、尺寸、透明度中的一种或多种。

5.根据权利要求1所述的方法，其特征在于，所述交互规范包括在不同控件状态下各个控件的位置及各个控件之间的相对位置关系。

6.根据权利要求1所述的方法，其特征在于，构建所述控件清单中的控件的不同控件状态的视觉组件包括：

7.根据权利要求1所述的方法，其特征在于，构建所述控件清单中的控件的不同控件状态的视觉组件包括：

8.一种用于生成车机图形界面组件工具包的装置，其特征在于，所述装置包括：

9.根据权利要求8所述的装置，其特征在于，所述装置还包括：

10.根据权利要求8所述的装置，其特征在于，所述融合模块进一步配置用于：通过编码映射将视觉组件与交互逻辑代码进行融合。

11.根据权利要求8所述的装置，其特征在于，所述显示参数包括颜色、尺寸、透明度中的一种或多种。

12.根据权利要求8所述的装置，其特征在于，所述交互规范包括在不同控件状态下各个控件的位置及各个控件之间的相对位置关系。

13.根据权利要求8所述的装置，其特征在于，所述视觉组件库生成模块进一步配置用于：

14.根据权利要求8所述的装置，其特征在于，所述视觉组件库生成模块进一步配置用于：

15.一种存储介质，存储有计算机可读程序代码，当所述程序代码由处理器运行时，执行根据权利要求1-7中任一项所述的方法。

技术总结本发明提供了一种用于生成车机图形界面组件工具包的方法、装置和存储介质。该方法包括：在车机系统交互流程文件中遍历系统中的控件，生成控件清单；根据不同控件状态与显示参数之间的对应关系，生成视觉规范；确定控件清单中的每个控件的不同控件状态分别对应的图形素材；根据视觉规范和控件状态对应的图形素材，构建视觉组件，生成视觉组件库；确定不同控件状态的交互规范；生成交互规范对应的交互逻辑代码；根据视觉组件库和代码库，将视觉组件与交互逻辑代码进行融合，生成车机图形界面组件工具包。本发明提高了图形界面开发效率。技术研发人员：武小雷,王琳,孙虹,张浩,刘东云,王亚男,关玉,何敏,张卉,陈文媛,刘健,秦伟晏受保护的技术使用者：一汽-大众汽车有限公司技术研发日：技术公布日：2024/10/10