千月星跡

アイをも求めて彷徨っている孤独なヒーロー

(转)2.3快速设计对话框(Rapid Dialog Design)

通常程序员们都是用c++源代码编写Qt应用程序,Qt也是很容易用来编写的。然而,许多程序员更喜欢用可视化的方法设计对话框,这样能更快速更容易对对话框进行修改。
Qt Designer满足了程序员的这一要求,提供了可视化设计对话框的方法。它可以给一个应用程序提供全部或者部分对话框。用Qt Designer设计的对话框和用c++代码写成的对话框是一样的,可以用做一个常用的工具,并不对编译器有什么特殊要求。
在这一节中,我们使用Qt Designer创建Go-to-Cell对话框,无论用编写代码的方式还是用Qt Designer,创建对话框都有如下基本的步骤:
1、创建和初始化子控件。
2、把子控件放到布局管理器中。
3、设置tab顺序。
4、创建信号和槽连接。
5、实现对话框自己的槽函数。

在windows平台Qt的安装目录的bin目录下,点击desinger.exe,或者在unix平台,在命令行上输入designer。当Qt Designer启动后,它会列出一个控件模板的列表,选择一个"Widget"模板,进入设计。
假如设计好的文件保存在gotocell目录中,命名为gotocelldialog.ui中,然后在同一个目录下创建一个main.cpp文件,编码如下:
#include <QApplication>
#include <QDialog>
#include "ui_gotocelldialog.h"
int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    Ui::GoToCellDialog ui;
    QDialog *dialog = new QDialog;
    ui.setupUi(dialog);
    dialog->show();
    return app.exec();
}
保存后,在该目录下运行qmake,创建.pro文件和makefile文件(运行qmake -project;qmake goto-cell.pro)。qmake工具可以发现gotocelldialog.ui文件,然后就会调用uic(Qt的用户界面编译器)生成恰当的makefile规则,uic工具把gotocelldialog.ui转换成c++代码,并将结果保存在ui_gotocelldialog.h中。
在ui_gotocelldialog.h中,包含了Ui::GoToCellDialog类的定义,这个类和gotocelldialog.ui等价。这个类声明成员变量用来存储对话框的子控件和布局管理器,setupUi()函数初始化对话框
这个类的定义看起来有点象下面这个样子:
class Ui::GoToCellDialog
{
public:
    QLabel *label;
    QLineEdit *lineEdit;
    QSpacerItem *spacerItem;
    QPushButton *okButton;
    QPushButton *cancelButton;
    ...
    void setupUi(QWidget *widget) {
        ...
    }
};
这个类没有从任何Qt类中继承。在main.cpp中使用该对话框时,要创建一个QDialog,把它传递给setupUi()函数。
运行这个程序,对话框将会显示出来,但是有些功能它还不能实现:
1、Ok按钮是不可用状态的
2、Cancel按钮不作任何事情
3、编辑框除可以输入许可的字符或者数字外,还可以输入任何文本
我们可以编写代码,让这个对话框变得有用起来。最直接的方法是创建一个新类,从QDialog和Ui::GoToCell-Dialog两个类派生,完成缺少的功能。(这说明任何软件问题可以通过添加一层间接包装来简单解决)。通常命名新类规则是用uic生成的类名去掉Ui::前缀后的名字
创建gotocelldialog.h头文件,写下如下代码:
#ifndef GOTOCELLDIALOG_H
#define GOTOCELLDIALOG_H
#include <QDialog>
#include "ui_gotocelldialog.h"
class GoToCellDialog : public QDialog, public Ui::GoToCellDialog
{
    Q_OBJECT
public:
    GoToCellDialog(QWidget *parent = 0);
private slots:
    void on_lineEdit_textChanged();
};
#endif

新建gotocelldialog.cpp源文件,实现这个类:
#include <QtGui>
#include "gotocelldialog.h"
GoToCellDialog::GoToCellDialog(QWidget *parent)
    : QDialog(parent)
{
    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()));
}
void GoToCellDialog::on_lineEdit_textChanged()
{
    okButton->setEnabled(lineEdit->hasAcceptableInput());
}

在构造函数中,我们调用setupUi()初始化这个对话框。由于多继承,我们可以直接使用Ui::GoToCellDialog的成员。创建了用户界面以后,我们可以把子控件的信号和槽函数连接起来。

setupUi() 会自动按命名规则on_objectName_signalName()将任何槽与相应objectName对象名的signalName()信号连接起来。在本例中,即setupUi()会建立如下连接:

connect(lineEdit, SIGNAL(textChanged(const QString &)), this, SLOT(on_lineEdit_textChanged()));


在构造函数中,我们还创建一个许可器(validator)限制编辑框输入的范围。Qt提供了三个许可器类:QIntValidator,QDoubleValidator和QRegExpValidator。这里我们使用了QRegExpValidator,使用的表达式为“[A-Za-z][1-9][0-9]{0,2}”这个表达式的意思是第一个字符输入为大写或者小写字母,第二个字符为范围从1到9的任一个数字,接下来是0个或一个或两个数字,范围均从0到9。正则表达式的介绍详见QRegExp类文档。

在QRegExpValidator的构造函数中,第二个参数为this,把当前类作为它的父控件,这样就可以不用删除它,父控件删除时它可以被自动删除。
Qt的父子机制在QObject中实现的。当我们创建一个带有父的对象(如一个子控件,一个许可器,布局管理器等)时,父对象把子对象放到自己的子对象列表中。父对象被删除时,它遍历子对象列表并把每一个子对象删除掉。这些子对象再把自己的子对象删除掉,如此递归,直到删除所有对象
这种父子对象的机制简化了内存管理,减少了内存泄漏的危险。需要程序员明确删除的对象就是我们使用new创建的没有父亲的对象。如果我们在父对象存在时删除了它的一个子对象,Qt将在其父对象的子对象列表中自动删除该子对象。(需要记住的是Qt只是删除有父的对象,父对象还是需要手动删除的,还有就是那些用new申请的没有指定父的内存,一般情况下,在对话框里的子控件,许可器和布局管理器由Qt自己管理,其他还要程序员小心删除)
对于控件来讲,父对象还有一个意义:子控件在父对象的显示区域内显示。当父控件删除后,子控件不但在内存中被删除,它也同时在屏幕上消失。
在构造函数的最后两行,把QDialog的accept()函数连接到OK按钮的点击信号,把Cancel按钮的点击信号连接到reject()函数。这两个槽函数都关闭这个对话框,但是accept()返回 QDialog::Accepted(值为1),reject()返回值为QDialog::Rejected(值为0)。不同的返回值可以判断用户点击了哪个按钮
on_lineEdit_textChanged()槽函数控制Ok按钮的使能状态,通过编辑框中的输入字符,如果字符有效Ok按钮则有效可用,否则为不可用状态。QLineEdit::hasAcceptableInput()根据我们在构造函数中设置的许可器返回bool值。
这就完成了这个对话框,现在重写这个main.cpp文件:
#include <QApplication>
#include "gotocelldialog.h"
int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    GoToCellDialog *dialog = new GoToCellDialog;
    dialog->show();
    return app.exec();
}
编译这个程序(qmake -project; qmake gotocell.pro)然后运行。输入“A12”,Ok按钮变为可用。试着输入一行随意字符,观察许可器的反映。点击Cancel按钮关闭这个对话框。
使用qt Designer可以不改变源程序的情况下改变对话框的设计。如果对话框用C++代码编写,改变它将会很费力的。使用Qt Designer,uic自动重新生成源文件。不会浪费任何时间。对话框的用户界面被保存在.ui 文件中 (一种基于 XML的文件格式), 通过从uic生成的类派生子类来实现自己的功能

阅读更多
个人分类: Qt
想对作者说点什么? 我来说一句

MaterialDesign风格的进度对话框

2015年02月16日 1.45MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭