Qt5：快速设计对话框 QtDesigner 的使用

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()  了

实例代码

　　

/********************main.cpp*******************************/
#include"gotocelldialog.h"
#include <QApplication>
#include<QDialog>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    GotoCellDialog*     dlg = new    GotoCellDialog;
    dlg->show();
    return a.exec();
}

/*****************************gotocelldialog.h**********************************/
#ifndef GOTOCELLDIALOG_H
#define GOTOCELLDIALOG_H
#include<QDialogButtonBox>
#include<QString>
#include"ui_dialog.h"

class GotoCellDialog:public QDialog, public Ui::Dialog
{
    Q_OBJECT
public:
    GotoCellDialog(QWidget*    parent = 0);
    ~GotoCellDialog();
private    slots:
    void        on_lineEdit_textChanged(const QString & txt);
    void        on_okBtn_clicked();
    void        on_cancelBtn_clicked();
};

#endif // GOTOCELLDIALOG_H

/**********************gotocelldialog.cpp*********************************/
#include<QtGui>
#include<QLabel>
#include "gotocelldialog.h"

GotoCellDialog::GotoCellDialog(QWidget* parent)
        : QDialog(parent)
{
    this->setupUi(this);
    QRegExp    reg("[a-zA-Z][0-9][0-9]{0,2}");
    lineEdit->setValidator(new QRegExpValidator(reg,this));
}

void    GotoCellDialog::on_lineEdit_textChanged(const QString & txt)
{}

void    GotoCellDialog::on_okBtn_clicked()
{
    this->setWindowTitle(lineEdit->text());
    okBtn->update();
}
void    GotoCellDialog::on_cancelBtn_clicked()
{
    this->close();
}

GotoCellDialog::~GotoCellDialog()
{}

/***************************gotocelldialog.pro*******************************/
//这是添加了  ui_*.h  的工程文件

 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