CN116204165A - Qt工程开发插件及基于其的工程图形化开发系统及方法 - Google Patents

Abstract

QT工程开发插件及基于其的工程图形化开发系统及方法,插件通过将OpenSDK中的自定义组件注册到QT Designer工具中实现，包括如下步骤：QT Designer工具继承QDesignerCustom WidgetInterface类，实现组件类定义；在组件类定义中实现组件功能；通过Initialize函数进行组件注册，将组件注册到QT Designer控件管理中；编译自定义组件代码，生成对应的库文件，将库文件加载到QT Designer工具中。本发明解决了OpenSDK中QT模块接口使用难度问题，降低OpendSDK的开发难度和开发人员学习成本，提高了开发效率。

Description

QT工程开发插件及基于其的工程图形化开发系统及方法

技术领域

本发明涉及工程代码开发技术领域，具体涉及QT工程开发插件及基于其的工程图形化开发系统及方法。

背景技术

作为基础软件，麒麟操作系统已经全面应用于金融、交通、通信、能源、教育等重点行业，服务千家万户，OpenKylin 自研开发者套件（以下简称 OpenSDK）是在 openKylin 社区操作系统上，为生态建设与软件开发提供安全、可靠、快捷、稳定的开发者接口。相比于社区中其他的开发者套件或框架，OpenSDK 更加聚焦于解决开放麒麟桌面操作系统的兼容、适配、移植、优化等方面的问题。而QT作为一个跨平台的图形化用户界面应用程序开发框架，其应用十分广泛，OpenSDK中的QT自研控件模块虽然为QT开发者提供了更加安全、可靠、快捷的接口，却不能像QT Designer一样进行快速拖拽开发，现有的QT开发工具也不支持基于OpenSDK接口的QT项目开发，这就增加了OpenSDK开发人员的学习成本，所有工作必须有开发人员手动完成。OpenSDK中QT自研控件使用具有一下缺点：1、部署方面需要根据所需功能安装对应的软件包；2、项目构建方面需要修改项目CMakeLists.txt、.pro等配置文件；3、接口使用方面，没有支持OpenSDK的QT开发工具，无法提供可视化的拖拽开发方法，需要开发人员对OpenSDK接口进行学习，增加开发人员学习成本和发开难度。

发明内容

为解决已有技术存在的不足，本发明提供了一种QT工程开发插件，通过将OpenSDK中的自定义组件注册到QT Designer工具中实现，以使OpenSDK中的QT模块能够通过可视化拖拽的方式提供给用户使用，其中，通过如下步骤将OpenSDK中的自定义组件注册到QTDesigner工具：

步骤S1：QT Designer工具继承QDesignerCustomWidgetInterface类，实现组件类定义；

其中，所实现的组件类定义包括：定义组件在QT Designer工具中的Widget Box面板中的分组，设置组件图标，设置组件的xml文件信息，设置组件类定义所引用的头文件；

步骤S2：在组件类定义中实现组件功能；

步骤S3：通过Initialize函数进行组件注册，将组件注册到QT Designer控件管理中；

步骤S4：编译自定义组件代码，生成对应的库文件，将库文件加载到QT Designer工具中。

其中，所述步骤S1中，组件的xml文件信息为用户使用组件开发时所生成的ui文件中，该组件在ui文件中的内容；

所述步骤S2中，通过使用OpenSDK中的QT模块所提供的接口在组件类定义中实现组件功能，其中，接口通过paintEvent函数实现绘图功能，通过sizeHint函数设置组件尺寸，通过changeEvent函数处理变更事件。

本发明还提供一种工程图形化开发系统，包括相互连接的QT工程开发插件及OpenSDK QT工程可视化开发插件，所述QT工程开发插件选自如上所述的QT工程开发插件，QT工程开发插件提供给OpenSDK QT工程可视化开发插件拖拽式开发的功能，使OpenSDK QT工程可视化开发插件能够完成工程图形化的快速开发，OpenSDK QT工程可视化开发插件安装在VSCode中，QT工程开发插件与QT应用程序开发框架所提供的OpenSDK QT模块接口连接，以使QT工程开发插件能够实现所述步骤S2；QT工程开发插件包括自定义组件实现模块和自定义组件注册模块，分别实现如上所述的QT工程开发插件中的步骤S1-S2以及步骤S3-S4。

本发明还提供一种工程图形化开发方法，基于上述的工程图形化开发系统实现，包括如下步骤：

步骤Sa：在VSCode中打开OpenSDK QT工程可视化开发插件，在其中安装如上所述的QT工程开发插件；

步骤Sb：创建工程名称和类型；

步骤Sc：打开QT Designer工具，进行拖拽式开发，选择需要的组件，将开发页面保存为ui文件；

步骤Sd：导入并解析ui文件，获取ui文件中的类名和头文件数据；

步骤Se：将ui文件转为.h文件；

步骤Sf：安装OpenSDK所需软件包，生成Cmakelist.txt或.pro配置、task.json、launch.json文件，以方便后续项目代码的编译工作；

步骤Sg：根据.h文件中的类名及头文件，将组件对应的库文件和头文件导入工程目录中；

步骤Sh：根据.h文件创建主函数代码；

步骤Si：根据步骤Sg中的库文件、头文件及步骤Sh中的主函数代码完成后续完整的项目代码开发。

本发明提供了基于OpenSDK QT模块接口的QT工程可视化拖拽开发功能，为QTDesigner工具提供了OpenSDK的自定义组件库，使用户可以使用QT Designer工具实现OpenSDK QT自定义组件的拖拽开发，解决了OpenSDK中QT模块接口使用难度问题，降低OpendSDK的开发难度和开发人员学习成本，提高了开发效率。

附图说明

图1：本发明所提供的工程图形化开发系统的逻辑框架图。

图2：基于本发明的QT工程开发插件所实现的QT Designer工具的界面。

图3：本发明的QT工程开发插件的开发流程。

图4：本发明的工程图形化开发方法的一个完整的实现流程图。

具体实施方式

为了对本发明的技术方案及有益效果有更进一步的了解，下面结合附图详细说明本发明的技术方案及其产生的有益效果。

为了解决已有技术的不足，本发明基于VSCode平台，提供了一种QT工程开发插件，基于该QT工程开发插件，为vscode集成开发环境提供OpenSDK QT工程的可视化拖拽开发、QT工程创建等功能。

本发明的初衷在于：为OpenSDK开发者提供QtDesigner可视化组件库，用户便于通过Qt Designer工具进行可视化的拖拽开发；提供基于ui文件的图形化项目创建功能，根据Qt Designer工具生成的ui文件以及用户输入的相关信息进行项目一键式创建，包括软件包自动安装、配置文件自动生成、ui文件转为cpp文件、opensdk组件库的添加等一系列工作，简化部署和开发流程。

图1为本发明所提供的工程图形化开发系统的逻辑框架图，如图1所示，工程图形化开发系统相互连接的QT工程开发插件（即图1中的“QT Designer”）及OpenSDK QT工程可视化开发插件，QT工程开发插件提供给OpenSDK QT工程可视化开发插件拖拽式开发的功能，使OpenSDK QT工程可视化开发插件能够完成工程图形化的快速开发，OpenSDK QT工程可视化开发插件安装在VSCode中，QT工程开发插件与QT应用程序开发框架所提供的OpenSDK QT模块接口连接，以使QT工程开发插件在其基础之上完成插件开发，也即，将OpenSDK中的自定义组件注册到QT Designer工具中，从而使OpenSDK QT工程可视化开发插件能够实现拖拽式开发，并结合配置管理生成最终的工程代码。图1中，工程图形化开发系统运行于Openylin麒麟操作系统之上，但实际实施中不以此为限。

图2为QT工程开发插件所涉及的自定义组件结构图，如图2所示，原生的Designer工具中没有OpenSDK所涉及到的组件，因此，本发明基于OpenSDK进行自定义开发，为QTDesigner工具添加OpenSDK自定义组件，将QT工程的页面设计中常用的组件样式注册到QTDesigner工具中；通过将组件注册到QT Designer工具中，可以将OpenSDK QT模块以可视化拖拽的方式提供给用户使用，使用户在基于OpenSDK QT工程可视化开发插件进行工程图形化开发时，便可以通过QT Designer工具进行拖拽式开发，提高QT工程开发效率。

如图2所示，通过为QT Designer工具添加OpenSDK自定义组件，可在QT Designer工具页面的Widget Box面板显示自定义组件（图2左侧Widget Box中，OpenSDK之外的其它显示框为Widget Box面板显示的其它功能按钮，与本发明无关），组件样式包括对话框、按钮、Bar、消息提示、输入框滑动条、面包屑、标签等多种样式，对话框中包括如基础对话框、输入对话框、进度对话框、程序卸载对话框；按钮中包括带边框按钮、无边框按钮、开关按钮、下拉菜单按钮、半透明样式按钮、工具按钮；Bar中包括进度条、导航栏、窗口按钮（最大化、最小化、下拉列表）、环形进度条、选项卡；消息提示包括消息提示气泡、密码强度提示、消息提示框；输入框包括密码输入框、搜索输入框。以上样式的组件都是基于OpenSDK QT模块接口实现，并且每个样式在Widget Box面板中提供了对应的图标，通过拖动图标实现如原生组件一样的拖拽开发效果。相比原生组件，本发明中的组件样式更多、应用场景更广泛、设计更美观。

自定义组件，或者说QT工程开发插件的开发流程如图3所示：

1、继承QDesignerCustomWidgetInterface类，实现组件类定义；包括定义组件在QT Designer工具中的Widget Box面板中的分组，设置组件图标，设置组件的xml文件信息（当使用组件开发时的生成ui文件中该组件在ui文件中的内容），设置组件类定义所引用的头文件；

2、在组件类定义中实现组件功能（对应图3中“组件类定义中实现绘图、大小、背景设置等组件功能”），具体通过使用OpenSDK QT模块接口实现对应的组件样式，如paintEvent函数实现绘图，sizeHint函数设置组件尺寸，changeEvent函数处理变更事件，处理变更事件中包括发射对应的信号等。自定义组件可以和原生组件混合使用。

3、通过Initialize函数进行组件注册，将组件注册到QT Designer控件管理中。

以密码输入框为例，最终生成的ui文件如下所示：

密码输入框ui文件中的代码：

4、编译自定义组件代码，生成对应的库文件（如.so 或者dll等库文件，在不同的平台下编译产生的库文件类型不同），将库文件加载到QT Designer工具中。

5、再次启动QT Designer工具后，在Widget Box面板中自定义组件的分组下能够看到组件对应的图标。通过在QT Designer工具中拖拽图标可以实现QT页面的拖拽开发。

以上步骤中，步骤1-2涉及自定义组件的实现，步骤3-4涉及自定义组件的注册，分别由QT工程开发插件中的自定义组件实现模块和自定义组件注册模块来实现。

图4为本发明的工程图形化开发方法的一个完整的实现流程图，基于图1-图3所实现的工程图形化开发系统以及QT工程开发插件，一个完整的实现流程如下：

1、在VSCode中打开OpenSDK QT工程可视化开发插件，在其中安装QT工程开发插件（对应图4中的“插件安装”）；

2、点击新建工程菜单，进行QT工程创建，进入QT工程创建导航页面，选择所要创建的工程名称、工程类型；

3、打开QT Designer工具，进行拖拽开发，将开发页面保存为ui文件，由此完成ui文件的创建，之后将ui文件通过QT Designer工具导入vscode中，（对应图4中的“创建并导入ui文件”，创建步骤对应图4中步骤3.1-3.3，首次打开QT Designer工具时会导入OpenSDK的自定义组件库）；

4、填充项目信息；

项目目的：为openSDK 用户提供更方便的qt项目创建和开发工具

OpenSDK中的QT自研控件模块虽然为QT开发者提供了更加安全、可靠、快捷的接口，却不能像QT Designer一样进行快速拖拽开发，现有的QT开发工具也不支持基于OpenSDK接口的QT项目开发，这就增加了OpenSDK开发人员的学习成本，所有工作必须有开发人员手动完成。OpenSDK中QT自研控件使用具有一下缺点：（1）、部署方面需要根据所需功能安装对应的软件包；（2）、项目构建方面需要修改项目CMakeLists.txt、.pro等配置文件；（3）、接口使用方面，没有支持OpenSDK的QT开发工具，无法提供可视化的拖拽开发方法，需要开发人员对OpenSDK接口进行学习，增加开发人员学习成本和发开难度。

5、解析ui文件，获取ui文件中的类名和头文件等数据，也即图4中的“ui文件解析获取组件相关信息”

6、将ui文件转为.h文件；仍以密码输入框为例，转换后的头文件部分代码如下：QTDesigner拖拽工具开发生成的是ui文件，需要转换为.h文件，后续步骤才能够根据.h文件生成C++工程；

7、安装OpenSDK所需软件包，生成编译文件Cmakelist.txt或.pro、task.json、launch.json文件；Cmakelist.txt为C++工程编译文件，task.json和launch.json文件为vscode下的任务配置文件，配置后才能使用vscode进行编译、运行和调试等工作；

8、根据.h 文件中的组件类名及头文件等数据，从OpenSDK自定义组件库中将组件对应的组件库文件和头文件导入工程目录中。

9、根据.h文件创建main主函数代码（也即创建cpp文件）；基于库文件、头文件和cpp文件最终生成完整的c++工程项目代码。

工程创建完成后，用户可以在工程基础上完成后续完整的项目代码开发。

本发明能够实现如下技术效果：

1、本发明通过开发QT工程开发插件，提供了基于OpenSDK QT模块接口的QT工程可视化拖拽开发功能，为QT Designer工具提供了OpenSDK的自定义组件库，使用户可以使用QT Designer工具实现OpenSDK QT自定义组件的拖拽开发，解决了OpenSDK中QT模块接口使用难度问题，降低OpendSDK的开发难度和开发人员学习成本，提高了开发效率。

2、基于本发明提供的QT工程开发插件，使QT Designer工具实现多种自定义组件的拖拽式开发，组件种类多样、样式美观、应用场景广泛。

3、本发明基于QT工程开发插件提供的工程图形化开发方法，根据QT Designer工具生成的ui文件创建项目，并提供安装OpenSDK依赖包、生成编译文件Cmakelist.txt或.pro文件、对ui文件解析根据ui文件中的组件类导入对应的组件库文件和头文件、最终生成完整的C++工程代码的一键式操作，将ui文件转为可编译的C++工程代码，为vscode提供了QT工程的图形化快速创建功能。

虽然本发明已利用上述较佳实施例进行说明，然其并非用以限定本发明的保护范围，任何本领域技术人员在不脱离本发明的精神和范围之内，相对上述实施例进行各种变动与修改仍属本发明所保护的范围，因此本发明的保护范围以权利要求书所界定的为准。

Claims (4)

1.一种QT工程开发插件，其特征在于：通过将OpenSDK中的自定义组件注册到QTDesigner工具中实现，以使OpenSDK中的QT模块能够通过可视化拖拽的方式提供给用户使用，其中，通过如下步骤将OpenSDK中的自定义组件注册到QT Designer工具：

步骤S1：QT Designer工具继承QDesignerCustomWidgetInterface类，实现组件类定义；

其中，所实现的组件类定义包括：定义组件在QT Designer工具中的Widget Box面板中的分组，设置组件图标，设置组件的xml文件信息，设置组件类定义所引用的头文件；

步骤S2：在组件类定义中实现组件功能；

步骤S3：通过Initialize函数进行组件注册，将组件注册到QT Designer控件管理中；

步骤S4：编译自定义组件代码，生成对应的库文件，将库文件加载到QT Designer工具中。

2.如权利要求1所述的QT工程开发插件，其特征在于：

所述步骤S1中，组件的xml文件信息为用户使用组件开发时所生成的ui文件中，该组件在ui文件中的内容；

所述步骤S2中，通过使用OpenSDK中的QT模块所提供的接口在组件类定义中实现组件功能，其中，接口通过paintEvent函数实现绘图功能，通过sizeHint函数设置组件尺寸，通过changeEvent函数处理变更事件。

3.一种工程图形化开发系统，包括相互连接的QT工程开发插件及OpenSDK QT工程可视化开发插件，其特征在于，所述QT工程开发插件选自权利要求1或2所述的QT工程开发插件，QT工程开发插件提供给OpenSDK QT工程可视化开发插件拖拽式开发的功能，使OpenSDK QT工程可视化开发插件能够完成工程图形化的快速开发，OpenSDK QT工程可视化开发插件安装在VSCode中，QT工程开发插件与QT应用程序开发框架所提供的OpenSDK QT模块接口连接，以使QT工程开发插件能够实现所述步骤S2；QT工程开发插件包括自定义组件实现模块和自定义组件注册模块，分别实现权利要求1或2中的步骤S1-S2以及步骤S3-S4。

4.一种工程图形化开发方法，其特征在于，基于权利要求3所述的工程图形化开发系统实现，包括如下步骤：

步骤Sa：在VSCode中打开OpenSDK QT工程可视化开发插件，在其中安装权利要求1或2所述的QT工程开发插件；

步骤Sb：创建工程名称和类型；

步骤Sc：打开QT Designer工具，进行拖拽式开发，选择需要的组件，将开发页面保存为ui文件；

步骤Sd：导入并解析ui文件，获取ui文件中的类名和头文件数据；

步骤Se：将ui文件转为.h文件；

步骤Sf：安装OpenSDK所需软件包，生成Cmakelist.txt或.pro配置、task.json、launch.json文件，以方便后续项目代码的编译工作；

步骤Sg：根据.h文件中的类名及头文件，将组件对应的库文件和头文件导入工程目录中；

步骤Sh：根据.h文件创建主函数代码；

步骤Si：根据步骤Sg中的库文件、头文件及步骤Sh中的主函数代码完成后续完整的项目代码开发。

Images