QML-自定义模块

最新推荐文章于 2025-04-11 00:11:03 发布

Qt开发老杰

最新推荐文章于 2025-04-11 00:11:03 发布

阅读量811

点赞数

文章标签： c++ qt 开发语言

本文链接：https://blog.youkuaiyun.com/QtCompany/article/details/131215350

版权

本文详细介绍了如何在Qt中创建和使用自定义QML模块，包括自定义控件、设置模块路径、解决QtCreator高亮问题。通过步骤1到9，讲解了从工程准备到模块应用的全过程，特别强调了模块路径设置和qmldir文件的重要性，以及QtCreator的高亮配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、使用场景

使用情景就是不可再修改的QML或者js文件，可定义成模块，分为如下情况

1、自定义控件

这里的自定义控件可以理解为最小单位控件，不可再修改，与QML的Button、Text等有同样的地位；不要与能够修改或者带逻辑的控件混淆；

2、存放公共变量、函数的JS

如某个JS文件里存放工程所需的公共函数；

3、字体库等

如FontAwesome。

本文以自定义公共控件为例。

1、新建工程，在根目录下添加专门存放QML文件的文件夹：

Qml

2、Qml文件夹添加资源文件用于管理所有QML文件

qml.qrc

3、资源文件添加前缀

qml

可根据自己需要设置其他名字，也可不添加

4、在Qml文件夹里新增文件夹

WPControls

这个文件夹以后就用于存储我们所有的公共/自定义控件

5、在WPControls文件夹里添加一些自定义QML控件，注意大写字母开头。这里增加了三个：

FaBtn.qml
WpTextInput.qml
ComboboxView.qml

6、在WPControls文件夹里添加文件：qmldir，并输入模块信息、控件信息

module WPControls
WPFaBtn 1.0 FaBtn.qml
WpTextInput 1.0 WpTextInput.qml
ComboboxView 1.0 ComboboxView.qml

WPContro