Qt学习之路_2(VS下Qt设计师文件的使用)

Qt学习之路_2(VS下Qt设计师文件的使用)

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

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

　　

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

 

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

　　

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

 

　　法1：vs默认方法

　　main函数的代码为：

#include <QtGui/QApplication>
#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 <QtGui/QApplication>
#include <QtGui/QMainWindow>
#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 <QMainWindow>
#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 <QMainWindow>
#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的不同之处。

 

　　

作者：tornadomeet 出处：http://www.cnblogs.com/tornadomeet 欢迎转载或分享，但请务必声明文章出处。