Qt5学习之路(VS下Qt设计师文件的使用)2013-10-13

当装完了在vs下编译好了的Qt和Qt Visual Studio Add-in后，我们就可以用VS来进行Qt方面的开发了。

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

输入项目名称和确定项目目录(注意Qt相关的项目目录中不能包含中文文字),我的项目名称为QTTest

创建完成如下图

Qt5学习之路(VS下Qt设计师文件的使用)2013-10-13

双击打开qttest.ui文件，随便拖几个控件什么的做个界面，反正我们只是用来显示界面而已，不实现其他功能。

Qt5学习之路(VS下Qt设计师文件的使用)2013-10-13

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

　　法1：vs默认方法

　　main函数的代码为：

#include "qttest.h"
#include <QtWidgets/QApplication>

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

 QTTest w;
 w.show();

 return a.exec();
}

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

　　法2：直接使用法：

　　由下面的项目文件目录可以看出qttest.ui文件的功能其实是在ui_qttest.h文件中，所以我们可以直接使用Ui_QTTestClass这个类，并调用其setupUi函数来将界面加载到窗口中。方法一中的QTTestClass其实就是继承了Ui_QTTestClass这个类从下图我们可以看出。

　　项目文件目录图：

　　 Qt5学习之路(VS下Qt设计师文件的使用)2013-10-13

　　此时main函数的代码如下：

#include <QtGui/QApplication>
#include <QtGui/QMainWindow>
#include "ui_qttest.h"

int main( int argc, char *argv[] )
{
    QApplication app( argc, argv );
    QMainWindow main_window;
    Ui_QTTestClass first;
    first.setupUi( &main_window );
    main_window.show();
    return app.exec();
}

　　法3：单一继承法：

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

#include <QMainWindow>
#include "ui_qttest.h"
//#include "qttest.h"  //用这个头文件也行应为它包含了上面那个头文件

class MyClass : public QMainWindow
{
public:
    Ui_QTTestClass 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_QTTestClass继承而来，这样Ui_QTTestClass中的变量和函数就可以直接使用了。

　　此时的MyClass.h文件如下：

#include <QMainWindow>
#include "qttest.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的不同之处。

Qt5学习之路(VS下Qt设计师文件的使用)2013-10-13

相关推荐