UI设计者编辑qml文件，我希望用qml 设计的Qt UI和C++代码保持分离， 这篇文章，创建QmlApplicationEngine用来加载qml文件，看一下关键文件：src/main.cpp #include QtQml#include QtQuick/QQuickView#include QtCore/QString#ifdef QT_WIDGETS_LIB#include QtWidgets/QApplication#else#include QtGui/QGuiApplication#endif#ifdef QT_WIDGETS_LIB#define Application QApplication#else#define Application QGuiApplication#endifint main(int argc。

C++代码运行时加载它们，并将其作为Window对象显示。

设计一个qml文件表示一个简单的tab view窗口，就像HTML一样，你可以运行qmake产生Makefile， argv);QQmlApplicationEngine engine(QUrl(qrc:/main.qml));QObject *topLevel = engine.rootObjects().value(0);QQuickWindow *window = qobject_castQQuickWindow *(topLevel);if ( !window ) {qWarning(Error: Your root item has to be a Window.);return -1;}window-show();return app.exec();} 在main函数中， 这是一个基础项目。

我将描述如何做，或者， 我介绍了如何使用Qt Creator创建一个Qt Quick项目， 首先，然后编译。

你可以用Qt Creator打开gui.pro文件打开项目并运行之。

可以参考官方文档获得更多信息： !DOCTYPE RCCRCC version=1.0qresource prefix=/ filemain.qml/file fileimages/selectedrow.png/file fileimages/header.png/file/qresource/RCC src.pri文件 SOURCES += \$$PWD/main.cpp 好， 第二步： 创建一个Qt C++工程用来加载qml文件， 在main.qml文件中，然后从engine中获得顶层的QObject， char *argv[]){Application app(argc，不过大多数时候， 我的工程目录结构如下： .├── gui.pro├── images│ ├── header.png│ └── selectedrow.png├── main.qml├── resources.qrc└── src├── main.cpp└── src.pri 这个gui.pro文件内容如下： QT += qml quickTARGET = gui!android: !ios: !blackberry: qtHaveModule(widgets): QT += widgetsinclude(src/src.pri)OTHER_FILES += \main.qmlRESOURCES += \resources.qrcHEADERS += resources.qrc文件，然后绑定事件并处理之， ， 最后。

需要指出qmlscene的全路径： ~/Qt5.2.0/5.2.0/gcc_64/bin/qmlscene main.qml 一个窗口弹出来了。

执行下面的命令： qmlscene main.qmlqmlscene: could not find a Qt installation of '' 看到这个错误的原因是因为我的Ubuntu系统安装了不止一个版本的Qt，添加下面的qml语句： import QtQuick 2.1import QtQuick.Window 2.1import QtQuick.Controls 1.1import QtQuick.XmlListModel 2.0Window {width: 538 + frame.margins * 2height: 360 + frame.margins * 2ToolBar {id: toolbarwidth: parent.width}SystemPalette {id: syspal}color: syspal.windowRectangle {anchors.top: toolbar.bottomanchors.right: parent.rightanchors.left: parent.leftanchors.bottom: parent.bottomanchors.margins: 8TabView {id:framefocus:trueproperty int margins: Qt.platform.os === osx ? 16 : 0height: parent.height - 34anchors.right: parent.rightanchors.left: parent.leftanchors.margins: marginsTab {title: Home}Tab {title: Edit}Tab {title: View}Tab {title: Help}}}}可以使用qmlscene工具用来测试qml文件，。