qt学习之扩展对话框

1 实现效果-->点击Detail按钮出现下面隐藏的项目





实现代码dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
#include <QGridLayout>
#include <QComboBox>
class Dialog : public QDialog
{
Q_OBJECT

public:
Dialog(QWidget *parent = 0);
~Dialog();
private:
QLabel *NameLbael;
QLabel *SexLbael;
QLabel *AgeLbael;
QLabel *PartmentLbael;
QLabel *EmailLbael;
QLineEdit *NameEdit;
QLineEdit *AgeEdit;
QLineEdit *EmailEdit;
QComboBox *SexCom;
QComboBox *PattenCom;
QPushButton *BtnOk;
QPushButton *BtnDetailed;
QGridLayout *TopLayout;
QGridLayout *ButtomLayout;
QGridLayout *MainLayout;
QWidget *topWidget;
QWidget *ButtomWidget;
private slots:
void showDetail();
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
: QDialog(parent)
{
NameLbael = new QLabel("Name:");
SexLbael = new QLabel("SEX:");
AgeLbael = new QLabel("Age:");
PartmentLbael = new QLabel("Partment:");
EmailLbael = new QLabel("email");

NameEdit = new QLineEdit;
AgeEdit = new QLineEdit;
AgeEdit->setInputMask("9");
EmailEdit = new QLineEdit;

SexCom = new QComboBox;
PattenCom = new QComboBox;

SexCom->addItem("man");
SexCom->addItem("woman");

PattenCom->addItem("Part1");
PattenCom->addItem("Part2");

topWidget = new QWidget(this);
BtnOk = new QPushButton("Confirm");
BtnDetailed = new QPushButton("Detailed..");
TopLayout = new QGridLayout(topWidget);
TopLayout->addWidget(NameLbael,0, 0);
TopLayout->addWidget(SexLbael,1, 0);
TopLayout->addWidget(SexCom,1, 1);
TopLayout->addWidget(NameEdit,0, 1);
TopLayout->addWidget(BtnOk,0, 2);
TopLayout->addWidget(BtnDetailed,1, 2);

//添加部件之间的空白 addSpacing是设置部件之间的空白所以需要两个widget
ButtomWidget = new QWidget(this);
ButtomLayout = new QGridLayout(ButtomWidget);
ButtomLayout->addWidget(AgeLbael, 0, 0);
ButtomLayout->addWidget(AgeEdit, 0, 1);
ButtomLayout->addWidget(PartmentLbael, 1, 0);
ButtomLayout->addWidget(PattenCom, 1, 1);
ButtomLayout->addWidget(EmailEdit, 2, 1);
ButtomLayout->addWidget(EmailLbael, 2, 0);
ButtomWidget->setHidden(true);

MainLayout = new QGridLayout(this);
MainLayout->addWidget(topWidget, 0, 0);
MainLayout->addWidget(ButtomWidget,1,0);
MainLayout->setSpacing(30);
MainLayout->setSizeConstraint(QLayout::SetFixedSize);
connect(BtnDetailed, SIGNAL(clicked()), this, SLOT(showDetail()));
}

Dialog::~Dialog()
{

}

void Dialog::showDetail()
{
if(this->ButtomWidget->isHidden())
{
this->ButtomWidget->setHidden(false);
}
else
{
this->ButtomWidget->setHidden(true);
}
return;
}

遇到的问题:
1 两个控件之间的空白,有多种实现方法,其中有种是Spacing, 设置之后发现每个控件都是那个空白,而我只需要上面部分和下面部分之间加空白, 网上查了下需要把上下两部分分别加入一个Widget设置空白

setSizeConstraint(QLayout::SetFixedSize);只是设置大小不变