如何在QT中使用.cpp文件展示qml页面

要在Qt中使用.cpp文件展示QML页面，需要完成以下步骤：

1. 创建一个QML文件，例如main.qml，用于设计页面布局和逻辑。
2. 在Qt项目中创建一个C++类，例如MyClass，用于与QML页面进行交互。
3. 在MyClass类中，通过Q_PROPERTY宏将C++类中的变量暴露给QML页面，使得QML页面可以访问和修改这些变量。
4. 在MyClass类中，通过Q_INVOKABLE宏将C++类中的函数暴露给QML页面，使得QML页面可以调用这些函数。
5. 在main.cpp中，创建一个QApplication对象和QQuickView对象，并将QML文件加载到QQuickView对象中。
6. 在main.cpp中，实例化MyClass类，并将其注册到QML引擎中。
7. 在main.cpp中，将QQuickView对象设置为主窗口，并显示窗口。

具体实现可以参考以下代码：

MyClass.h：

#ifndef MYCLASS_H
#define MYCLASS_H

#include <QObject>

class MyClass : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QString message READ message WRITE setMessage NOTIFY messageChanged)

public:
    explicit MyClass(QObject *parent = nullptr);

    QString message() const;
    void setMessage(const QString &message);

    Q_INVOKABLE void showMessage();

signals:
    void messageChanged();

private:
    QString m_message;
};

#endif // MYCLASS_H

MyClass.cpp：

#include "MyClass.h"
#include <QDebug>

MyClass::MyClass(QObject *parent) : QObject(parent)
{
    m_message = "Hello, world!";
}

QString MyClass::message() const
{
    return m_message;
}

void MyClass::setMessage(const QString &message)
{
    if (m_message != message) {
        m_message = message;
        emit messageChanged();
    }
}

void MyClass::showMessage()
{
    qDebug() << "Message from QML:" << m_message;
}

main.cpp：

#include <QApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include <QQuickView>
#include "MyClass.h"

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    MyClass myClass;
    engine.rootContext()->setContextProperty("myClass", &myClass);

    QQuickView view;
    view.setResizeMode(QQuickView::SizeRootObjectToView);
    view.setSource(QUrl(QStringLiteral("qrc:/main.qml")));
    view.show();

    return app.exec();
}

main.qml：

import QtQuick 2.0

Rectangle {
    width: 400
    height: 400
    color: "lightgray"

    Text {
        text: myClass.message
        font.pixelSize: 20
        anchors.centerIn: parent
    }

    Button {
        text: "Change message"
        onClicked: myClass.message = "New message"
        anchors.bottom: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
    }

    Button {
        text: "Show message"
        onClicked: myClass.showMessage()
        anchors.top: parent.top
        anchors.horizontalCenter: parent.horizontalCenter
    }
}

在这个例子中，我们创建了一个名为MyClass的C++类，其中包含一个message属性和一个showMessage函数。我们将MyClass类实例化并注册到QML引擎中，然后在QML文件中使用message属性和showMessage函数。最后，我们将QML文件加载到QQuickView对象中，并将QQuickView对象设置为主窗口。运行该应用程序后，您将看到一个带有文本和按钮的窗口，您可以点击按钮来更改文本或显示消息。