手动模仿Qt5创建GUI程序过程记录

    本文是手动模仿Qt Creator创建一个GUI的程序的记录。具体过程如下：

    1、首先用Qt Designer创建一个GUI界面，简单的一个窗口程序，在这里用一个登录框演示，如下：

在这里并不创建任何信号与槽，直接保存为LoginFrame.ui,其中窗口的名字就叫LoginFrame.

    2、用命令行进入同一目录，在目录下运行命令：

qmake -project //这一行会根据你现在的文件目录生成"目录.pro"文件mic LoginFrame.h -o ui_LoginFrame.h

然后用文本编辑器打开目录下生成的”目录.pro”文件，在第一行加上一句：

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

    3、在同一目录下创建main.cpp文件，内容如下：

#include <QApplication>#include <QDialog>#include "ui_LoginFrame.h"int main(int argc,char* argv[]){    QApplication app(argc,argv);    Ui::LoginFrame ui;    QDialog* dialog=new QDialog; //设置父窗体    ui.setupUi(dialog);    dialog->show();    return app.exec();}

在命令行下在输入：

qmake "目录.pro" //生成Makefile文件make  //编辑

这样就生成了一个可执行文件了。点击就可运行了。

---

但是现在这个应用程序只是显示了界面，下面讲解如何设置信号与槽，也就是点击按键等有相应事件生：

    4、首先我们来看一下上面生成的ui_LoginFrame.h文件的内容：

#ifndef UI_LOGINFRAME_H#define UI_LOGINFRAME_H#include <QtCore/QVariant>#include <QtWidgets/QAction>#include <QtWidgets/QApplication>#include <QtWidgets/QButtonGroup>#include <QtWidgets/QDialog>#include <QtWidgets/QHeaderView>#include <QtWidgets/QLabel>#include <QtWidgets/QLineEdit>#include <QtWidgets/QPushButton>QT_BEGIN_NAMESPACEclass Ui_LoginFrame{public:    QLineEdit *userName;    QLineEdit *Password;    QLabel *label;    QLabel *label_2;    QPushButton *btnOk;    QPushButton *btnCancel;    void setupUi(QDialog *LoginFrame)    {        if (LoginFrame->objectName().isEmpty())            LoginFrame->setObjectName(QStringLiteral("LoginFrame"));        LoginFrame->resize(400, 300);        userName = new QLineEdit(LoginFrame);        userName->setObjectName(QStringLiteral("userName"));        userName->setGeometry(QRect(140, 90, 171, 30));        Password = new QLineEdit(LoginFrame);        Password->setObjectName(QStringLiteral("Password"));        Password->setGeometry(QRect(140, 160, 171, 30));        label = new QLabel(LoginFrame);        label->setObjectName(QStringLiteral("label"));        label->setGeometry(QRect(30, 90, 81, 20));        label_2 = new QLabel(LoginFrame);        label_2->setObjectName(QStringLiteral("label_2"));        label_2->setGeometry(QRect(30, 160, 81, 20));        btnOk = new QPushButton(LoginFrame);        btnOk->setObjectName(QStringLiteral("btnOk"));        btnOk->setEnabled(false);        btnOk->setGeometry(QRect(40, 240, 96, 28));        btnCancel = new QPushButton(LoginFrame);        btnCancel->setObjectName(QStringLiteral("btnCancel"));        btnCancel->setGeometry(QRect(240, 240, 96, 28));        retranslateUi(LoginFrame);        QMetaObject::connectSlotsByName(LoginFrame);    } // setupUi    void retranslateUi(QDialog *LoginFrame)    {        LoginFrame->setWindowTitle(QApplication::translate("LoginFrame", "Dialog", 0));        label->setText(QApplication::translate("LoginFrame", "UserName:", 0));        label_2->setText(QApplication::translate("LoginFrame", "Password:", 0));        btnOk->setText(QApplication::translate("LoginFrame", "OK", 0));        btnCancel->setText(QApplication::translate("LoginFrame", "Cancel", 0));    } // retranslateUi};namespace Ui {    class LoginFrame: public Ui_LoginFrame {};} // namespace UiQT_END_NAMESPACE#endif // UI_LOGINFRAME_H

分析一下先,在自动生成的文件中有一个setupUi()函数用来设置UI，但是要传入父窗体，传进来的父窗体的会被resize为你在Qt Designer中你设置的窗体的大小。在最后在namespace Ui中创建了一个新类LoginFrame，这个类只是简单的继承Ui_LoginFrame，并没有做任何事情。

---

    5、接下来我们继续，创建一个LoginFrame.h与LoginFrame.c放在前面的目录里,内容如下：

/******LoginFrame.h*********/#ifndef LOGINFRAME_H#define LOGINFRAME_H#include<ui_LoginFrame.h>class LoginFrame:public QDialog{    Q_OBJECTpublic:    LoginFrame(QWidget* parent=0);private slots:    void on_userName_textChanged(); private:    Ui::LoginFrame* ui;};#endif // LOGINFRAME_H

/*********LoginFrame.cpp***********/#include "ui_LoginFrame.h"#include "LoginFrame.h"LoginFrame::LoginFrame(QWidget* parent):QDialog(parent),    ui(new Ui::LoginFrame){    ui->setupUi(this);    QRegExp regExp("[A-Za-z][1-9][0-9]{0,2}");    ui->userName->setValidator(new QRegExpValidator(regExp,this));    connect(ui->btnOk,SIGNAL(clicked()),this,SLOT(accept()));    connect(ui->btnCancel,SIGNAL(clicked()),this,SLOT(reject()));}void LoginFrame::on_userName_textChanged(){    ui->btnOk->setEnabled(ui->userName->hasAcceptableInput());}

    6、将目录中生成的.pro文件，还有Makefile文件删除，重复步骤2，将main.cpp文件改为如下内容，然后make，

#include<QApplication>#include<LoginFrame.h>int main(int argc,char* argv[]){    QApplication app(argc,argv);    LoginFrame ui;    ui.show();    return app.exec();}

之后生成的可执行文件就已经添加了信号与槽了。

以上便是手动完全模仿了Qt Creator生成一个Gui程序的过程，你可以用Qt Creator创建一个文件看是否一样，不过Qt Creator在创建时.pro文件会自动加上greaterThan(QT_MAJOR_VERSION, 4): QT += widgets这一句，这句话也是到QT5后取消QtGui后才有的，目前并不知道如何用qmake直接生成带有这句话的.pro文件，只能这样。

---

    注意在LoginFrame.h中LoginFrame类可以直接继承Ui::LoginFrame或Ui_LoginFrame，这样就可以不用有private 的ui变量，并且后面设置槽的话也不用代有许多->了，并且直接setupUi(this)为自身为自身的交窗体就行了，因为本身继承了QDialog，具体示例如下。但是为了于Qt Creator保持一致，便采用了上述做法,注意这种方法要初始化ui。

/****************LoginFrame.h***********/#ifndef LOGINFRAME_H#define LOGINFRAME_H#include<ui_LoginFrame.h>class LoginFrame:public QDialog,Ui::LoginFrame{    Q_OBJECTpublic:    LoginFrame(QWidget* parent=0);private slots:    void on_userName_textChanged();};#endif // LOGINFRAME_H

/***************LoginFrame.cpp***********/#include "ui_LoginFrame.h"#include "LoginFrame.h"LoginFrame::LoginFrame(QWidget* parent):QDialog(parent){    setupUi(this);    QRegExp regExp("[A-Za-z][1-9][0-9]{0,2}");    userName->setValidator(new QRegExpValidator(regExp,this));    connect(btnOk,SIGNAL(clicked()),this,SLOT(accept()));    connect(btnCancel,SIGNAL(clicked()),this,SLOT(reject()));}void LoginFrame::on_userName_textChanged(){    btnOk->setEnabled(userName->hasAcceptableInput());}