QtDesigner 的使用 比较简单 ， 一般摸索几下就可以使用大部分的功能了
这里主要介绍其常用的功能
1、对用户界面进行可视化的搭建 和 布局
2、设置 tab 键的顺序
3、设置信号-槽的关系
4、自定义槽
5、设置窗口部件的各种属性
QtDesigner的主要使用方法就是
首先 创建一个 QtDesigner 文件， 就是一个 后缀 为 *.ui 的文件
这种ui文件是基于xml格式的一种文件
点击这个文件，就自动使用 可视化编辑器打开了
当用户界面建立完成后 ， 保存
使用 qmake 编译这个文件 ， 就会得到一个 以 ui_*.h 的头文件 ，里面包含用户界面的实现代码
打开 *.pro 工程文件 ， 在 HEADERS += 这一項中加上 ui_*.h 头文件 ， 然后保存 ， 然后就会发现 ui_*.h 头文件被自动包含到工程里面了
当要使用搭建好的界面的时候 就要经历以下步骤
包含 ui_*.h 头文件
创建一个 window , 例如 QWidget * window = new QWinget;
然后创建一个 Ui::XXXX * ui = new Ui::XXXX; ( 该类是在ui_*.h 中定义的 )
然后调用如下语句 ui->setupUi(window) ; 该语句 是将 定义好的 UI 界面应用到刚刚创建的 window 上
然后就可以show() 了
实例代码
1 /********************main.cpp*******************************/
2 #include"gotocelldialog.h"
3 #include <QApplication>
4 #include<QDialog>
5
6 int main(int argc, char *argv[])
7 {
8 QApplication a(argc, argv);
9 GotoCellDialog* dlg = new GotoCellDialog;
10 dlg->show();
11 return a.exec();
12 }
1 /*****************************gotocelldialog.h**********************************/
2 #ifndef GOTOCELLDIALOG_H
3 #define GOTOCELLDIALOG_H
4 #include<QDialogButtonBox>
5 #include<QString>
6 #include"ui_dialog.h"
7
8 class GotoCellDialog:public QDialog, public Ui::Dialog
9 {
10 Q_OBJECT
11 public:
12 GotoCellDialog(QWidget* parent = 0);
13 ~GotoCellDialog();
14 private slots:
15 void on_lineEdit_textChanged(const QString & txt);
16 void on_okBtn_clicked();
17 void on_cancelBtn_clicked();
18 };
19
20 #endif // GOTOCELLDIALOG_H
1 /**********************gotocelldialog.cpp*********************************/
2 #include<QtGui>
3 #include<QLabel>
4 #include "gotocelldialog.h"
5
6 GotoCellDialog::GotoCellDialog(QWidget* parent)
7 : QDialog(parent)
8 {
9 this->setupUi(this);
10 QRegExp reg("[a-zA-Z][0-9][0-9]{0,2}");
11 lineEdit->setValidator(new QRegExpValidator(reg,this));
12 }
13
14 void GotoCellDialog::on_lineEdit_textChanged(const QString & txt)
15 {}
16
17 void GotoCellDialog::on_okBtn_clicked()
18 {
19 this->setWindowTitle(lineEdit->text());
20 okBtn->update();
21 }
22 void GotoCellDialog::on_cancelBtn_clicked()
23 {
24 this->close();
25 }
26
27 GotoCellDialog::~GotoCellDialog()
28 {}
1 /***************************gotocelldialog.pro*******************************/
2 //这是添加了 ui_*.h 的工程文件
3
4 #-------------------------------------------------
5 #
6 # Project created by QtCreator 2013-05-31T12:59:16
7 #
8 #-------------------------------------------------
9
10 QT += core gui
11
12 greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
13
14 TARGET = QtDesigner_Test
15 TEMPLATE = app
16
17
18 SOURCES += main.cpp\
19 mainwindow.cpp\
20 gotocelldialog.cpp
21
22 HEADERS += mainwindow.h\
23 ui_dialog.h\
24 gotocelldialog.h
25
26 FORMS += mainwindow.ui \
27 dialog.ui