运行QtQuick应用程序

运行QtQuick应用程序,qt,qml,qt5,Qt,Qml,Qt5,我在QT Creator 4.3.1中的QtQuick上创建了一个项目,但没有使用ui表单。 下面是代码main.qml: import QtQuick 2.6 import QtQuick.Window 2.2 Window { visible: true width: 640 height: 480 title: qsTr("Hello World") MouseArea {

我在QT Creator 4.3.1中的QtQuick上创建了一个项目,但没有使用ui表单。 下面是代码main.qml:

    import QtQuick 2.6
    import QtQuick.Window 2.2

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

        MouseArea {
            anchors.fill: parent
            onClicked: {
                console.log(qsTr('Clicked on background. Text: "' + textEdit.text + '"'))
            }
        }

        TextEdit {
            id: textEdit
            text: qsTr("Enter some text...")
            verticalAlignment: Text.AlignVCenter
            anchors.top: parent.top
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.topMargin: 20
            Rectangle {
                anchors.fill: parent
                anchors.margins: -10
                color: "transparent"
                border.width: 1
            }
        }
    }
该程序运行正常。 现在我想去掉窗口,用矩形替换它:

import QtQuick 2.6

Rectangle {
    id: root
    width: 200; height: 200;
    color: "#ffffff"
}
但是当程序启动时,什么也没有发生,窗体不会打开 我做错了什么


main.cpp代码。两种情况下的代码相同:

#include <QGuiApplication>
#include <QQmlApplicationEngine>

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

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}
#包括
#包括
int main(int argc,char*argv[])
{
QGUI应用程序应用程序(argc、argv);
qqmlaplicationengine;
engine.load(QUrl(QStringLiteral(“qrc:/main.qml”));
if(engine.rootObjects().isEmpty())
返回-1;
返回app.exec();
}

在Qt应用程序中,必须至少有一个顶级窗口,即放置其他组件的窗口

创建项目时,应获得默认的main.cpp:

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>

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

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}
#include <QGuiApplication>
#include <QQuickView>

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

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

    return app.exec();
}
因此,让我们分析元素并使用文档:

  • :
QQML应用程序引擎提供了一种从单个QML文件加载应用程序的方便方法

[……]

与QQuickView不同,QQmlApplicationEngine不会自动创建根窗口。如果您使用的是Qt Quick中的可视项,则需要将它们放置在窗口中

也就是说,
QQmlApplicationEngine
不创建顶层,因此如果我们希望显示窗口,您必须使用另一个元素,并且根据建议,一个选项是使用
window{}

在第二次测试中,您使用的是一个项目,例如矩形,而这只是一个组件,无法创建顶级,因此建议使用:

QQuickView类提供了一个用于显示Qt快速用户界面的窗口

[……]

因此,如果要显示矩形,应在main.cpp中使用以下命令:

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>

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

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}
#include <QGuiApplication>
#include <QQuickView>

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

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

    return app.exec();
}

显示您的main.cppi编辑的命令。看这张照片