Qt：可扩展对话框的实现

1、可扩展对话框通常用于用户对界面有区分的场合，通常情况下，只出现基本界面；当有高级应用或者需要更多的信息时，通过某种方式的切换，才显示完整的窗体，切换工作通常由一个按钮来实现。

2、切换按钮的实现。整个窗体可扩展的工作都是在此按钮所连接的槽函数中完成的。

3、可扩展对话框的基本实现方法是利用函数setSizeConstraint(QLayout::setFixedSize)，是对话框的尺寸保持固定。（在整个对话框的构造函数中调用）

实例

一个简单的资料填写界面。效果图如下：

步骤

• **新建Qt Gui应用，项目名称为“ExtensinDlg”,基类选择“QDialog”,取消”创建界面“复选框，单击下一步，完成新建工程。工程树结构如下：
• **
• **打开“Dialog.h”头文件，添加如下代码：

   #define DIALOG_H
   #include <QDialog>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private slots:
    void showDetailInfo();

private:
    void createBaseInfo();
    void createDetailInfo();
    QWidget *baseWidget;
    QWidget *detailWidget;
};
 #endif // DIALOG_H

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21

• 打开“Dialog.cpp”文件，添加如下代码：

#include "dialog.h"
#include <QVBoxLayout>
#include <QLabel>
#include <QLineEdit>
#include <QComboBox>
#include <QPushButton>
#include <QDialogButtonBox>
#include <QHBoxLayout>

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    setWindowTitle(tr("Extension Dialog"));
    createBaseInfo();
    createDetailInfo();

    //QHBoxLayout *layout = new QHBoxLayout(this);    //水平布局
    QVBoxLayout *layout = new QVBoxLayout(this);    //垂直布局
    layout->addWidget(baseWidget);
    layout->addWidget(detailWidget);
    layout->setSizeConstraint(QLayout::SetFixedSize);   //设定其为固定的大小
    layout->setSpacing(10);
}

void Dialog::createBaseInfo()
{
    baseWidget = new QWidget;

    QLabel *nameLabel = new QLabel(tr("姓名："));
    QLineEdit *nameLineEdit = new QLineEdit;

    QLabel *sexLabel = new QLabel(tr("性别："));
    QComboBox *sexComboBox = new QComboBox;
    sexComboBox->insertItem(0,tr("男"));
    sexComboBox->insertItem(1,tr("女"));
    sexComboBox->insertItem(2,tr("不男不女"));

    QGridLayout *leftLayout = new QGridLayout;
    leftLayout->addWidget(nameLabel,0,0);
    leftLayout->addWidget(nameLineEdit,0,1);
    leftLayout->addWidget(sexLabel,1,0);
    leftLayout->addWidget(sexComboBox,1,1);

    QPushButton *okBtn = new QPushButton(tr("确定"));
    QPushButton *detailBtn = new QPushButton(tr("详细"));
    QDialogButtonBox *dlgBtnBox = new QDialogButtonBox(Qt::Vertical);
    dlgBtnBox->addButton(okBtn, QDialogButtonBox::ActionRole);
    dlgBtnBox->addButton(detailBtn, QDialogButtonBox::ActionRole);

    QVBoxLayout *mainLayout = new QVBoxLayout(baseWidget);

   // QHBoxLayout *mainLayout = new QHBoxLayout(baseWidget);
    mainLayout->addLayout(leftLayout);
    mainLayout->addWidget(dlgBtnBox);
    connect(detailBtn,SIGNAL(clicked(bool)),this,SLOT(showDetailInfo()));
}

void Dialog::createDetailInfo()
{
    detailWidget = new QWidget;
    QLabel *ageLabel = new QLabel(tr("年龄: "));
    QLineEdit *ageLineEdit = new QLineEdit;
    ageLineEdit->setText(tr("30"));

    QLabel *departmentLabel = new QLabel(tr("部门："));
    QComboBox *departmentComboBox = new QComboBox;
    departmentComboBox->addItem(tr("高性能计算中心"));
    departmentComboBox->addItem(tr("网络管理中心"));
    departmentComboBox->addItem(tr("大数据与云计算中心"));

    QLabel *emailLabel = new QLabel(tr("Email: "));
    QLineEdit *emailLineEdit = new QLineEdit;

    QGridLayout *mainLayout = new QGridLayout(detailWidget);
    mainLayout->addWidget(ageLabel,0,0);
    mainLayout->addWidget(ageLineEdit,0,1);
    mainLayout->addWidget(departmentLabel,1,0);
    mainLayout->addWidget(departmentComboBox,1,1);
    mainLayout->addWidget(emailLabel,2,0);
    mainLayout->addWidget(emailLineEdit,2,1);

    detailWidget->hide();   //在点击“详细”按钮之前将隐藏窗体
}

void Dialog::showDetailInfo()
{

    if(detailWidget->isHidden())
    {
        detailWidget->show();
    }
    else
    {
        detailWidget->hide();
    }
}

Dialog::~Dialog()
{

}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75
• 76
• 77
• 78
• 79
• 80
• 81
• 82
• 83
• 84
• 85
• 86
• 87
• 88
• 89
• 90
• 91
• 92
• 93
• 94
• 95
• 96
• 97
• 98
• 99
• 100
• 101
• 102

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75
• 76
• 77
• 78
• 79
• 80
• 81
• 82
• 83
• 84
• 85
• 86
• 87
• 88
• 89
• 90
• 91
• 92
• 93
• 94
• 95
• 96
• 97
• 98
• 99
• 100
• 101
• 102

• *此时整个界面的代码就编写完了，运行效果图如下： 
  

注：可以通过修改控件布局方式，来修改程序的界面。

http://blog.csdn.net/rl529014/article/details/51590317