qml-自定义quick模块

Posted 2023-02-24

参考技术A 将自己写的可通用的qml组件打包成dll文件，供其他项目使用。通过生成qmltypes文件实现在qt creator中正常识别，能够自动补全。项目不需要任何多余操作，直接import即可使用。

https://github.com/loveCatCoder/ZNModule/tree/master

按照如图所示设置新建项目，自定义项目名和保存路径。

在项目中编写自定义组件，将组件的qml文件包含在qrc文件中。在插件类的registerTypes成员函数中注册自定义组件。如下图：

构建项目，找到生成的dll,lib,qmldir,尽量在release模式下构建

自己找一个地方新建一个文件夹，文件夹名字和qml模块名一致。如ZNModule，将上面的dll,lib,qmldir文件拷贝到ZNModule文件夹中。修改qmldir如下：

将ZNModule文件夹复制到qt安装目录中对应编译器的qml文件夹中，即可在qt creator正常使用，可以自动补全，不会有波浪线。我的目标路径如下，编译器要选对。

toou2d组件库
https://github.com/ShowFL/Toou-2D
涛哥博客
https://jaredtao.github.io/2019/06/01/Qml%E7%BB%84%E4%BB%B6%E5%8C%96%E7%BC%96%E7%A8%8B10-%E8%87%AA%E5%AE%9A%E4%B9%89Quick%E6%A8%A1%E5%9D%97/