一、导入流程
从Qt Design Studio中创建了UI文件,我这里是跟着官方文档示例做的一个ui文件Loginui1。
在Qt Creator中创建新的项目:
我这里将项目取名为Import_UI
创建好后的项目结构:
右键main.qml 选择Remove
这里确定,也可以勾选彻底删除,之后不会用到这个文件。
接着还要弹窗,我们选择否,将main.cpp保存下来,之后需要修改部分代码。
此时项目文件目录如下:
找到Import_UI项目的资源文件夹(此处qml.qrc没有也无所谓):
在此新建一个文件夹名为qml(其他名字也可以):
找到在Qt Design Studio中做好的UI文件目录,将content、imports文件夹复制到Import_UI项目中的qml文件夹中去。
回到Qt Creator中,右键qml.qrc选择添加现有文件夹,直接勾选qml文件夹,确定即可
导入资源后,文件目录结构如下:
此时UI资源文件已经导入完了,需要在main.cpp进行编辑调用UI文件。参考官方文档进行编辑。
#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQuickView>
int main(int argc, char *argv[])
{
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
QGuiApplication app(argc, argv);
QQuickView view;
view.engine()->addImportPath("qrc:/qml/imports");
view.setSource(QUrl("qrc:/qml/content/Screen01.ui.qml"));
if (!view.errors().isEmpty())
return -1;
view.show();
app.exec();
}
解释一下这两句的参数:
view.engine()->addImportPath(“qrc:/qml/imports”);
view.setSource(QUrl(“qrc:/qml/content/Screen01.ui.qml”));
qrc:/qml/imports 就是 qml/中的imports文件夹的路径
qrc:/qml/content/Screen01.ui.qml 是UI文件的开始文件我这里就是Screen01.ui.qml
至此,就可以运行在项目中成功运行UI了文件了。
二、运行时遇到的问题及解决
可能出现的问题:QtQuick.Studio.Application
没错,还有问题,此处应该是Qt Design Studio和Qt Creator版本问题,可能遇到如下问题:
找不到这个QtQuick.Studio.Application
我尝试过直接在Qt Creator中导入它,但它提示似乎需要6.4.0才能使用,我是安装的6.3.2,由于网络抽搐下载不了6.4.0,不知道高版本是否不会出现此问题。
解决方法
点击链接打开报错文件:
这个文件主要描述了自定义字体的安装,我创建的每个UI工程都会有它。
如果没有使用到自定义字体,那么直接删除红框内容,运行文件即可。
如果需要使用自定义字体,还需要在qml文件中添加一句(在框中的任意一个qml文件添加都可以,只需要添加一次,不用每个都添加):
FontLoader {
source: "qrc:/qml/content/fonts/TitilliumWeb-ExtraLight.ttf"
}
文章来源:https://www.toymoban.com/news/detail-617468.html
这个路径就是字体文件的路径
至此,成功运行程序,且字体也应用成功。文章来源地址https://www.toymoban.com/news/detail-617468.html
到了这里,关于将Qt Design Studio中创建的UI文件导入Qt Creator中的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!