【Qt QML入门】第一个Quick应用

这篇具有很好参考价值的文章主要介绍了【Qt QML入门】第一个Quick应用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

运行结果:

【Qt QML入门】第一个Quick应用,qt5,qml,c++

打开Qt Creator,创建一个Qt Quick Qpplication,IDE为我们创建一个应用工程,其中包含如下文件:【Qt QML入门】第一个Quick应用,qt5,qml,c++

.pro工程文件,我们通过它来打开整个工程:

QT += quick

# You can make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
        main.cpp

RESOURCES += qml.qrc

# Additional import path used to resolve QML modules in Qt Creator's code model
QML_IMPORT_PATH =

# Additional import path used to resolve QML modules just for Qt Quick Designer
QML_DESIGNER_IMPORT_PATH =

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

 在工程文件中,通常其中的字段定义:

QT += :这个是添加QT需要的模块

TARGET = :生成最后目标的名字

TEMPLATE =:应用程序的生成模式,默认是app生成应用程序,如果需要生成库的话就用lib

CONFIG +=:一些配置信息

HEADERS +=:工程用到的头文件

SOURCES +=:工程用到的源文件

FORMS +=:工程中的ui文件

LIBS +=:工程依赖的静态库和动态库路径

INCLUDEPATH += :工程需要的头文件路径

DESTDIR +=:目标生成路径

DEPENDPATH +=:工程的依赖路径

main.qml 是Quick应用的主窗口文件,下一篇我们重点介绍QML当中的元素特性,目前只需要了解这个是应用的主窗体。 

import QtQuick 2.15
import QtQuick.Window 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
}

main.cpp中的main函数,是整个应用的入口函数。

#include <QGuiApplication>
#include <QQmlApplicationEngine>


int main(int argc, char *argv[])
{
#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endif
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    const QUrl url(QStringLiteral("qrc:/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();
}
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

setAttribute:用来启用和禁用改变应用程序范围功能行为的属性。上述代码中的Qt::AA_EnableHighDpiScaling属性是在Qt中启用高DPI缩放。

QGuiApplication app(argc, argv);

派生关系:

QObject->QCoreApplication->QGuiApplication->QApplication

QGuiApplication包含主事件循环,所有来自窗口系统和其他源的事件都在其中被处理和分派。它还处理应用程序的初始化和结束,并提供会话管理。此外,QGuiApplication处理大多数系统范围和应用程序范围的设置。
对于任何使用Qt的GUI应用程序,无论该应用程序在任何给定时间是否有0、1、2或更多窗口,都只有一个QGuiApplication对象。对于非GUI Qt应用程序,使用QCoreApplication代替,因为它不依赖于Qt GUI模块。对于基于QWidget的Qt应用程序,使用QApplication代替,因为它提供了创建QWidget实例所需的一些功能。
QGuiApplication对象可以通过instance()函数访问,该函数返回一个与全局qApp指针等效的指针。

QQmlApplicationEngine engine;

QQmlApplicationEngine类结合了QQmlEngine和QQmlComponent,以提供一种方便的方式来加载单个QML文件。

const QUrl url(QStringLiteral("qrc:/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);

加载位于url的根QML文件。文件定义的对象树将立即为本地文件url创建。异步加载远程url,监听objectCreated信号以确定对象树何时准备好。
如果发生错误,则发出objectCreated信号,并以空指针作为参数,并打印带有qWarning的错误消息。 文章来源地址https://www.toymoban.com/news/detail-527975.html

到了这里,关于【Qt QML入门】第一个Quick应用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Qt6 Qt Quick UI原型学习QML第七篇

    导入 QtQuick 2.12 导入 QtQuick.Window 2.12 导入 QtQuick.Controls 2.12 导入 QtQuick.Layouts 1.3 导入 Qt.labs.calendar 1.0 矩形 { id: root 属性 int duration: 3000 } 这段代码使用了QtQuick库来创建一个用户界面。其中的Rectangle是界面的根元素。 id: root : 为Rectangle元素指定唯一的标识符root。 property int durat

    2024年02月16日
    浏览(17)
  • Qt6 Qt Quick UI原型学习QML第二篇

    元素可以分为 视觉元素和非视觉元素 。视觉元素(如Rectangle)具有几何形状,并且通常在屏幕上呈现一个区域。非可视元素(如Timer)提供一般功能,通常用于操作可视元素。 目前,我们将关注基本的视觉元素,例如 Item, Rectangle, Text, Image和MouseArea 。但是,通过使用Qt Quick Contro

    2024年02月16日
    浏览(18)
  • Qt6 Qt Quick UI Prototype学习QML第一篇

    创建一个具有QML入口点的Qt Quick 2 UI项目。要使用它,您需要设置一个QML运行时环境,例如gmlscene。 仅当您正在进行原型设计时才使用此功能。您无法使用此创建完整的应用程序。请考虑使用Qt Quick application项目 Qt Quick UI原型主要用于快速创建交互式的用户界面(UI)原型。它

    2024年02月16日
    浏览(20)
  • QML Qt4版本移植到Qt5概述

    在Qt5中,QML应用程序使用OpenGL场景图架构来渲染,而在Qt4中使用的是图形视图框架。这种结构上的变化导致C++接口进行了大量重构。QtDeclarative模块已被弃用,该模块的类被移动到新的QtQML和QtQuick模块中,名称有了变化,如表3-1所列。如果需要使用Qt5中新的QQml 和QQuick 等类,需

    2024年01月25日
    浏览(25)
  • 【QT教程】QT6 QML在虚拟现实中的应用

    主页  软件开发  QT6 QML框架原理与源码分析 补天云火鸟自动化创作平台 您能够创建大约3000 个短视频 一天可以轻松创建多达 100 个视频 【免费公开课 QT视频课程】您真的能免费看很多有用的QT视频! QT6_QML在虚拟现实中的应用 使用AI技术辅助生成 目录 1  QT6_QML基础回顾 1.

    2024年04月15日
    浏览(25)
  • [QT编程系列-41]:Qt QML与Qt widget 深入比较,快速了解它们的区别和应用场合

    目录 1. Qt QML与Qt widget之争 1.1 出现顺序 1.2 性能比较 1.3 应用应用领域 1.4 发展趋势 1.5 QT Creator兼容上述两种设计风格 2. 界面描述方式的差别 3. QML和Widgets之间的一些比较 4. 选择QML和Widgets之间的Qt技术时,可以考虑以下几个因素: 5 QT .ui 文件(XML格式) 6 Qt Quick 7. Qt Widgets可以

    2024年02月05日
    浏览(26)
  • 【Qt- C++ & Qml 交互】

    2024年01月10日
    浏览(33)
  • Qml Qt程序 打包部署

    利用qtcreator安装目录下的命令行工具执行打包命令 1、Widget程序打包 // 将release模式下的exe文件放在单独的打包目录下 // 打开qt自带的命令行工具,执行下面的语句 windeployqt path-to-app-binary  // path-to-app-binary表示需要打包的二进制文件 2、Qml程序打包 // 延用Widget程序打包步骤,

    2024年02月09日
    浏览(26)
  • Qt中如何在qml文件中使用其他的qml文件并创建对象

    如果想使用其他的qml文件直接创建对象,必须先这样导入其qml文件并as成别名,才可以创建对象并使用它。 一、导入qml文件,例如: 二、使用别名创建对象 三、使用创建的对象 秋风写于淄博,业务交流与技术咨询:Q375172665

    2024年02月12日
    浏览(21)
  • QT C++类与QML交互

    C++方负责数据,QML负责显示,先准备工作如下: (1)新建一个数据类,继承至QObject class Cdata : public QObject (2)将有交互关系的数据,加入到类的私有成员中 private: int iNum; QString strEdit; (3)给此成员Q_PROPERTY和相应的函数实现(ALT+回车可自动创建) Q_PROPERTY(int iNum READ getINum W

    2024年02月04日
    浏览(22)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包