QT: Hello QML

最新推荐文章于 2024-05-10 09:32:14 发布

chenxiemin

最新推荐文章于 2024-05-10 09:32:14 发布

阅读量292

点赞数 1

分类专栏： qt 文章标签： qt qml

本文链接：https://blog.csdn.net/chenxiemin/article/details/110368205

版权

qt 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在Qt 5.12环境中利用QWidget加载QML文件，并展示了如何显示HelloWorld。通过实例演示了QQuickWidget的使用，以及其在QtWidget应用中的优势和适用场景。

摘要由CSDN通过智能技术生成

目的

本文简述如何使用QWidget加载QML并显示Hello World。我用的QT版本为5.12。

代码

首先使用QTCreator新建空的qt widget程序。

在这里插入图片描述

Build System 选择qmake。
取消勾选Generate form选项。
在.pro文件中增加qt quick 的依赖库，包括qml quickwidgets widgets。

在这里插入图片描述

为工程添加qml.qrc资源文件。首先右键工程，点击Add New…名称输入qml.qrc。
再为qml.qrc资源文件添加qml layout文件，在qml.qrc文件点击右键，选择Add New…在弹出的对话框中选择添加QML file(Qt Quick 2)。输入名称main.qml。
编辑main.qml内容如下：

import QtQuick 2.0

Rectangle {
    color: "red"

    Text {
        text: qsTr("Hello, World")
        anchors.centerIn: parent
    }
}

编辑mainwindow.cpp内容如下：

#include "mainwindow.h"

#include <QHBoxLayout>
#include <QQmlEngine>
#include <QQuickWidget>
#include <QQmlContext>
#include <QQuickItem>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent) {
    QQmlEngine *engine = new QQmlEngine(this);
    QQuickWidget *view = new QQuickWidget(engine, this);
    setCentralWidget(view);

    view->setSource(QUrl("qrc:/main.qml"));
    view->setResizeMode(QQuickWidget::SizeRootObjectToView);
}

MainWindow::~MainWindow() {
}