将Qt Design Studio中创建的UI文件导入Qt Creator中

这篇具有很好参考价值的文章主要介绍了将Qt Design Studio中创建的UI文件导入Qt Creator中。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、导入流程

从Qt Design Studio中创建了UI文件,我这里是跟着官方文档示例做的一个ui文件Loginui1。

在Qt Creator中创建新的项目:qtcreator导入qt项目,qt,ui
qtcreator导入qt项目,qt,ui
我这里将项目取名为Import_UI

创建好后的项目结构:

qtcreator导入qt项目,qt,ui
右键main.qml 选择Remove
qtcreator导入qt项目,qt,ui
这里确定,也可以勾选彻底删除,之后不会用到这个文件。

接着还要弹窗,我们选择,将main.cpp保存下来,之后需要修改部分代码。

qtcreator导入qt项目,qt,ui
此时项目文件目录如下:

qtcreator导入qt项目,qt,ui
找到Import_UI项目的资源文件夹(此处qml.qrc没有也无所谓):

qtcreator导入qt项目,qt,ui
在此新建一个文件夹名为qml(其他名字也可以):

qtcreator导入qt项目,qt,ui
找到在Qt Design Studio中做好的UI文件目录,将content、imports文件夹复制到Import_UI项目中的qml文件夹中去

qtcreator导入qt项目,qt,ui
qtcreator导入qt项目,qt,ui
回到Qt Creator中,右键qml.qrc选择添加现有文件夹,直接勾选qml文件夹,确定即可

qtcreator导入qt项目,qt,ui
qtcreator导入qt项目,qt,ui
导入资源后,文件目录结构如下:
qtcreator导入qt项目,qt,ui
此时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文件夹的路径
qtcreator导入qt项目,qt,ui
qrc:/qml/content/Screen01.ui.qml 是UI文件的开始文件我这里就是Screen01.ui.qml
qtcreator导入qt项目,qt,ui
至此,就可以运行在项目中成功运行UI了文件了。


二、运行时遇到的问题及解决

可能出现的问题:QtQuick.Studio.Application

没错,还有问题,此处应该是Qt Design Studio和Qt Creator版本问题,可能遇到如下问题:
qtcreator导入qt项目,qt,ui
找不到这个QtQuick.Studio.Application
我尝试过直接在Qt Creator中导入它,但它提示似乎需要6.4.0才能使用,我是安装的6.3.2,由于网络抽搐下载不了6.4.0,不知道高版本是否不会出现此问题。

解决方法

点击链接打开报错文件:
qtcreator导入qt项目,qt,ui
这个文件主要描述了自定义字体的安装,我创建的每个UI工程都会有它。
如果没有使用到自定义字体,那么直接删除红框内容,运行文件即可。
qtcreator导入qt项目,qt,ui
如果需要使用自定义字体,还需要在qml文件中添加一句(在框中的任意一个qml文件添加都可以,只需要添加一次,不用每个都添加):

 FontLoader {
     source: "qrc:/qml/content/fonts/TitilliumWeb-ExtraLight.ttf"
 }

qtcreator导入qt项目,qt,ui

这个路径就是字体文件的路径
qtcreator导入qt项目,qt,ui
至此,成功运行程序,且字体也应用成功。文章来源地址https://www.toymoban.com/news/detail-617468.html

到了这里,关于将Qt Design Studio中创建的UI文件导入Qt Creator中的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Qt Creator导入第三方so库和jar包——Qt For Android

    之前了解了在Android Studio下导入so库和jar包,现在实现如何在Qt上导入so库和jar包。 下面是我安卓开发(需调用安卓接口的代码)的目录(图1),此目录结构和原生态环境(Android Studio)下开发的结构很相似: 图1 在Qt  Creator上导入so库和jar包,比在Android Studio上简单很多,只需

    2024年04月29日
    浏览(48)
  • 在 Visual Studio 中编译 Qt 资源文件和 UI 文件教程

    Qt 是一个跨平台的 C++ 库,用于开发图形界面和应用程序。在 Qt 开发中,资源文件和 UI 文件是常见的两种资源,需要将它们编译成可用的形式,以便在应用程序中使用。本教程将指导您如何在 Visual Studio 中配置并编译 Qt 资源文件和 UI 文件。 安装 Qt 开发工具包:确保您已经

    2024年02月12日
    浏览(60)
  • 在 Qt Creator 上创建 ROS 项目并新建/导入 ROS 包

    ⚠️ 在开始之前,您需要确保您已经为 Qt 配置好了 ROS 开发环境了。如果您还没有配置好,可以参考这篇文章 本文将着手探讨如何在 Qt Creator 上编辑 ROS 项目(工作空间)。 Ubuntu 20.04.6 LTS ROS Noetic Ninjemys LTS Qt 6.2.4 LTS Qt Creator 10.0.1 在(零)基础概念篇介绍 ROS 工作空间 时曾说

    2024年01月23日
    浏览(42)
  • 【QML-Qt Design Studio】

    Qt Design Studio是一个用于创建酷炫、优美UI的工具。 简单概括其功能就是让UI设计转换为qml,为工程师所用。 官方下载地址(建议) QT官方下载地址 断网安装,不需要的登录用户账户࿱

    2024年01月24日
    浏览(38)
  • QtCreator增加ui文件后编译不能生成ui_***.h的问题

    1. 可参考: https://blog.csdn.net/qq_36430621/article/details/107100078 2. 删除生成目录下的MakeFile, 删除构建目录(或影子构建目录)下的Makefile:  Makefile Makefile.Debug Makefile.Release 删除所有 Makefile.*  重新编译即可生成ui_***.h 实质就是缺少一个qmake的过程,正常增加 .ui文件后应该: 如果是这样

    2024年02月04日
    浏览(40)
  • 【Visual Studio】Qt 在其他 cpp 文件中调用操作 ui 界面控件

    知识不是单独的,一定是成体系的。更多我的个人总结和相关经验可查阅这个专栏:Visual Studio。 还整了一个如何相互之间调用函数的文章,感兴趣可以看:【Visual Studio】Qt 在其他 cpp 文件中调用主工程下文件中的函数。 主界面工程为 A ,添加的文件名字为 test ,目标是在

    2024年02月05日
    浏览(51)
  • Qt第五十一章:Qt Design Studio离线安装和使用

    一、下载安装包 阿里云盘分享 https://www.aliyundrive.com/s/j6u2fL6YwL1 二、安装 略 三、添加基础控件 四、添加其他控件 五、切换模式(显示不同的内置窗口) 六、JS报错:JavaScript blocks are not supported in a Qt Quick UI from 原因:Qt默认生成了MainForm.ui.qml文件,在里面添加Javascript语句产生

    2024年02月13日
    浏览(39)
  • Qt Creator -- 详细安装教程以及配置Android编译器环境(Android studio)

    目录 前言 今天我们就讲解一下如何在 Qt Creator 中配置 Android 开发环境 一 安装 -- Android studio 1. 安装包 (1)百度网盘 (2)官网链接  2.安装教程 (1)查看引用路径 二 安装 -- Qt Creator 1. 版本选择 (1)版本自选 (2)博主版本 2. Qt Creator 安装步骤 3. Android 编译器配置 三 新建

    2024年02月12日
    浏览(59)
  • Qt creator在Windows下出现找不到“g++”问题(Cannot run compiler ‘g++‘. Output.)的解决方案(非网上无用的解决方法)Unity中创建新项目报错

            之前使用QT一切正常,后来使用VS2022和VS2008去二次开发摄像头,最近又想重新用QT来做,没想到打开QT创建新的项目,无法创建,但是之前写好的qt工程项目可以正常运行。 创建项目:报错ERROR:while XXXXX.pro文件,Giving up.系统找不到指定文件,Cannot run compiler \\\'g++\\\'.

    2024年02月13日
    浏览(43)
  • 【问题记录】Visual Studio 下的Qt工程无法打开 “xxx.ui“ 文件和LNK1104 无法打开文件“Qt5Cored.lib”错误

    Windows 11 家庭中文版 Microsoft Visual Studio Community 2022 (64 位) - Current 版本 17.5.3 qt-vsaddin-msvc2022-2.9.1-rev.06 VS下Qt环境准备好后,创建了Qt工程然后点击 Form Files 下的 “ xxx.ui ” 文件,在弹出  Qt 设计师 界面后闪退并显示如下错误 运行报错: LNK1104 无法打开文件“Qt5Cored.lib” 工具栏

    2024年02月05日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包