新建一个Qt工程，选择Qt Application项，如下图所示：

输入项目名称和确定项目目录(注意Qt相关的项目目录中不能包含中文文字)，此处我用的项目名是first_experience直接点击finish，采用默认配置。

(资料图片)

双击打开first_experience.ui文件，随便拖几个图标什么的做个界面，反正我们只是用来显示界面而已，不实现其他功能。我随便弄了个界面如下所示：

下面我们就用4种方法实现当程序运行时显示上面界面的功能。

法1：vs默认方法

main函数的代码为：

#include#include "first_experience.h"int main( int argc, char *argv[] ){    QApplication app( argc, argv );    first_experience first;    first.show();    return app.exec();}

其中first_experience是一个类，该QMainWindow类派生而来，且与界面文件自动生成.h和.cpp文件相关。我们只需用该类建立一个对象，然后调用其显示功能即可。

法2：直接使用法：

由下面的项目文件目录可以看出first_experience.ui文件的功能其实是在ui_first_experience.h文件中，所以我们可以直接使用Ui_first_experienceClass这个类，并调用其setupUi函数来将界面加载到窗口中。

项目文件目录图：

此时main函数的代码如下：

#include#include#include "first_experience.h"int main( int argc, char *argv[] ){    QApplication app( argc, argv );    QMainWindow main_window;    Ui_first_experienceClass first;    first.setupUi( &main_window );    main_window.show();    return app.exec();}

法3：单一继承法：

该方法和VS自带的方法(即法1)类似，即自己封装一个类，把与界面相关的类Ui_first_experienceClass中的函数包含进来。此时自己写了个类MyClass，该类从QMainWindow类继承而来。MyClass.h其代码如下：

#include#include "ui_first_experience.h"//#include "first_experience.h"  //用这个头文件也行class MyClass : public QMainWindow{public:    Ui_first_experienceClass fir;    MyClass()    {        fir.setupUi( this );    }};

此时的main函数如下：

#include "MyClass.h"int main( int argc, char *argv[] ){    QApplication app( argc, argv );    MyClass myclass;    myclass.show();    return app.exec();}

法4：多重继承法

与法3不同的是，MyClass类不仅从QMainWindow继承而来，还从Ui_first_experienceClass继承而来，这样Ui_first_experienceClass中的变量和函数就可以直接使用了。

此时的MyClass.h文件如下：

#include#include "first_experience.h"class MyClass : public QMainWindow, public Ui_first_experienceClass{public:    MyClass()    {        setupUi( this );    }};

其main函数代码如下：

#include "MyClass.h"int main( int argc, char *argv[] ){    QApplication app( argc, argv );    MyClass myclass;    myclass.show();    return app.exec();}

以上4种方法当程序编译完后，运行时都能显示出用Qt设计师设计出的界面。且这也是Qt界面设计与MFC的不同之处。