Qt Widget project loading example of qml

step1: First, we create a new widget project, File -- "New Project -- " Application -- " Qt Widget Application -- "...

step2: Create a new qml file, right-click the project name, select "Add New File" --> Qt --> QML file --> .....

Key steps are documented here, and subsequent general steps are not listed.After the new creation is completed, the directory structure is as follows:

Step 3: Edit the qml file, add code, and add a display interface

Source code:

import QtQuick 2.0import QtQuick.Controls 2.1import QtQuick.Window 2.0Window { /*Create a new display interface*/visible: true /*Set the display interface to be visible*/height: 480width: 640 /*Set the height and width of the interface*/title: "QML load test" /*Set the interface title*/}

Step 4: Add relevant code to main.cpp and block the widget display interface

Source code:

#include "widget.h"#include #include  /*Add header file*/int main(int argc, char *argv[]){QApplication a(argc, argv);/*Block the widget display interface*///Widget w;//w.show();QQmlApplicationEngine qmleng; /*Instantiate the qmleng object*/qmleng.load(QUrl(QStringLiteral("../appLoadQml/uiQml.qml"))); /*Display interface through qmlengine*/return a.exec();}

step5: Add the qml module to the *.pro file

step 6: Compile and run