【原创】用C++(QT)写跨平台GUI详解

什么？你还不知道C++能快速开发部署GUI？...

什么？你不知道Qt是什么...

这篇文章，教你怎么用Qt Creator2.0来做一个GUI。下载地址什么的不罗嗦，google之。我这里给出的，是每个QT GUI 工程用QT creator来做时的流程。

假设你已经安装好了qt sdk。

1.文件->新建工程或文件。

2.选择Qt控件项目->QT GUI应用。

3.取消 “隐藏生成的文件选项”

4.布局ui文件（这步的详细操作略去，很多书都会说这个，我只说书上说得不清楚的） 

5.编译该ui文件，这时，会出现一个ui_xxx.h的文件。

接下来，就是代码修改了。这里分别给出原始文件和修改后的文件内容。代码注释在修改后的文件上。

以建立一个叫test的工程为例，修改后的工程，可以执行对话框的功能。

一、首先修改test.h

test.h未修改前代码：（需要说明的是，我的修改前代码和你的可能不同，不过没影响）

 

#ifndef TEST_H
#define TEST_H

#include <QMainWindow>

namespace Ui {
    class test;
}

class test : public QMainWindow
{
    Q_OBJECT

public:
    explicit test(QWidget *parent = 0);
    ~test();

private:
    Ui::test *ui;
};

#endif // TEST_H

 

 

修改后的test.h代码

 

#ifndef TEST_H
#define TEST_H

#include <QDialog> //因为要继承QDialog
#include "ui_test.h" //引用了ui_test.h，ui_test.h文件不能做任何更改，即使做了更改，在再次编译test.ui的时候，这些更改都会消失


class GoToCellDialog : public QDialog, public Ui::GoToCellDialog
//这里声明的class名，惯例是使用Ui后面的名字
//为什么要继承QDialog？因为ui_test.h中定义的Ui::GoToCellDialog函数，没有完全继承QDialog的特性，接下来的操作中，还有可能用到
{
    Q_OBJECT//如果有声明signals, slots，则必须写这一句，这样qt的编译器才能识别下面的这些生命

public:
    explicit GoToCellDialog(QWidget *parent = 0);//典型的窗口部件类定义中的构造函数，注意定义方式，没有必要关联基类
    //QWidget * parent参数用于说明谁是其父窗口部件，该参数的默认值是一个空指针，意味着该对话框没有父对象
    ~GoToCellDialog();//析构函数，可选，如果在这里声明，就必须实现

 private slots:
    void on_lineEdit_textChanged();//注意这种slots的函数名书写方式
    //创建用户接口后，setupUi函数会自动将那些符合on_objectName_signalName()的任意slot与相应的objectName的signalName()连接
    //这里，就意味着，如果实现用户接口，就会自动运行如下代码
    //connect(lineEdit, SIGNAL(testChanged(const QString &)), this, SLOT(on_lineEdit_textChanged()));
};

#endif // TEST_H

 

这里的操作很简单：

1.删除关于namespace的声明代码段，因为已经在ui_test.h中有了声明

2.添加slot或者任何你想添加的函数

 

二、接下来修改test.cpp代码

test.cpp未修改前代码

#include "test.h"
#include "ui_test.h"

test::test(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::test)
{
    ui->setupUi(this);
}

test::~test()
{
    delete ui;
}

这里的操作：

1.删除 "ui_test.h"的引用，因为在test.h中已经完成了

2. 增加#include <QtGui>的引用

3.构造函数的实现，函数名不用更改

4.ui->setupUi(this);改成setupUi(this);

5.做connect操作

6.实现slot函数和任何在test.h中声明的函数

7.实现析构函数，析构函数已经存在了，把里面那句话删掉，因为ui已经不存在了撒~

 

test.cpp修改后代码

 

#include <QtGui>
#include "test.h"

//现在开始实现test.h，这里，test.h中的类已经是通过继承的类了。注意这个文件include的文件
GoToCellDialog::GoToCellDialog(QWidget *parent) :
    QDialog(parent)//注意实现方式，parent参数传递给了基类构造函数，
{
    //子类的构造函数，可以看出，GUI程序的界面设计和功能实现，都是在构造函数中完成的。
    setupUi(this);//这里开始初始化自己

    QRegExp regExp("[A-Za-z][1-9][0-9]{0,2}");
    lineEdit->setValidator(new QRegExpValidator(regExp, this));

    connect(okButton, SIGNAL(clicked()), this, SLOT(accept()));
    connect(cancelButton, SIGNAL(clicked()), this, SLOT(reject()));
    //accept(),reject()槽都是QDialog的槽，这两个槽都可以关闭对话框，并且会设置对话框的值
    //QDialog::Accepted, QDialog::Rejected
}

void GoToCellDialog::on_lineEdit_textChanged()
{
    okButton->setEnabled(lineEdit->hasAcceptableInput());
}

GoToCellDialog::~GoToCellDialog()
{
    //todo
}

 

 

三、修改main.cpp代码

 

main.cpp修改前代码

 

#include <QtGui/QApplication>
#include "test.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    test w;
    w.show();

    return a.exec();
}

 

 这里

1.删除对<QtGui>的引用，因为用不到

2.实现一个类，然后show它

main.cpp修改后代码

#include <QApplication>

#include "test.h"
//这里没啥好解释的...
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    GoToCellDialog *dialog = new GoToCellDialog;//看下这个继承类的构造函数，注意这里采用默认参数0，即没有父类
    dialog->show();

    return a.exec();
}

 

然后编译运行，搞定。

 

可以说，基本上每个QT GUI工程都是按照这个来做的。修改后的代码执行一个对话框的功能。