Qt6中加载自定义qml遇到的问题

前言:
可能在Qt5.x版本里面也有这样的问题,只是最近学习QML,就想着用最新的Qt写代码,于是乎就遇到了问题。


在Qt6中创建完成QML项目后,main.cpp里面默认是下面这样的:

#include <QGuiApplication>
#include <QQmlApplicationEngine>
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;
    const QUrl url(u"qrc:/untitled/main.qml"_qs);
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);
    return app.exec();
}

这里注意到它使用的url中,前面带u,后面带_qs,前面带u应该是使用utf8编码,后面_qs是什么鬼?这个不懂,暂时不管它,直接运行程序是没有问题的。
然后我自己另外写了要给qml文件,要在main.qml中引用,我把它们放在同一个目录中,如下所示:
在这里插入图片描述
一个main.qml和要给SelfText.qml文件,此时的工程目录结构如下所示:
在这里插入图片描述

注意,这里是没有生成qrc相关文件的(悄悄告诉你,编译后会生成一个qrc文件,后面会提到)。


然后修改main.qml文件,引入自己写的qml文件,如下所示:

import QtQuick
Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
	//自定义控件
    SelfText{
        id:selftext
        text: "test"
    }
}

按照惯例,不需要做任何设置和修改,就可以直接编译运行的,但是恰好错误就出现在这里,如下所示:
在这里插入图片描述
这里就提示我新加的qml文件不是一个类型,说白了就是它没有找到,这里就很好奇提示语中qrc是哪儿来的?
因为在电脑文件夹中是没有qrc相关文件的,于是打开pro文件,看到这样几句话:

resources.files = main.qml 
resources.prefix = /$${TARGET}
RESOURCES += resources

这里是不是在搞事情,对,这里默认生成了一个qrc文件,这个文件在哪儿?这个文件在编译出来的目录中,我电脑上的如下所示:
在这里插入图片描述
打开这个文件查看内容如下所示:

<!DOCTYPE RCC><RCC version="1.0">
<qresource prefix="/TestQML">
<file alias="main.qml">E:/QML/TestQML/main.qml</file>
</qresource>
</RCC>

这简直和pro里面定义一摸一样啊,于是大概找到了修改方向:在pro中增加我们自己定义的qml文件,修改如下所示:

resources.files = main.qml \
    SelfText.qml
resources.prefix = /$${TARGET}
RESOURCES += resources

再次编译,发现运行成功了,截图如下:
在这里插入图片描述
此时,在看编译后的qrc文件,内容如下所示:

<!DOCTYPE RCC><RCC version="1.0">
<qresource prefix="/TestQML">
<file alias="main.qml">E:/QML/TestQML/main.qml</file>
<file alias="SelfText.qml">E:/QML/TestQML/SelfText.qml</file>
</qresource>
</RCC>

它自己就增加了一行代码。
以上是自己一步一步看文件配置,看输出文件总结出来的,下面在给出一种方式:


不记得是在哪儿看到过,如果不想在编译输出目录中看到相关qml文件信息,解决办法之一是将所有的qml文件放在qrc中(也不知道是不是那么回事儿),暂且不管。
这里先把pro中自动生成qrc的代码去掉,然后添加一个qrc资源文件,然后把两个qml文件添加进去,如下图所示:
在这里插入图片描述
然后修改main.cpp文件,如下所示:

#include <QGuiApplication>
#include <QQmlApplicationEngine>
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;
    const QUrl url("://main.qml");
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);
    return app.exec();
}

这里的url是直接在qrc的编辑器中复制过来的,然后运行,你会发现,现在连main.qml都找不到了,如下所示:
在这里插入图片描述
这可情况不妙,这里排查过程且不表,直接给出修改方法,直接修改url路径即可,在冒号前面加上qrc,冒号后面用"///“或者”/",如下所示:

const QUrl url("qrc:///main.qml");
或者
const QUrl url("qrc:/main.qml");

两种方式都是可行的,再看看看运行结果:
在这里插入图片描述
再回过头来看看编译输出目录,里面确实没有qml相关的输出,有一个qrc_QML.cpp,这个是翻译后的代码,也看不出啥,看来把qml文件放在qrc中确实是可以隐藏qml的相关细节的:
在这里插入图片描述

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值