利用Qt实现可扩展对话框的示例代码

目录

• 一、项目介绍
• 二、项目基本配置
• 三、UI界面设计
• 四、主程序实现
• 4.1 dialog.h头文件
• 4.2 dialog.cpp源文件
• 五、效果演示

可扩展对话框通常用于用户对界面有不同要求的场合。通常情况下，只出现在基本对话窗体；当供高级用户使用或需要更多信息时，可通过某种方式的切换显示完整对话窗体（扩展窗体）。切换的工作通常由一个按钮完成。

一、项目介绍

实现一个简单填写资料的对话框。通常情况下，只需要填写姓名和性别。若有特殊需要，还需要填写更多信息时，则切换至完整对话窗体，完整对话窗体包括年龄、部门、联系方式等。此时详细按钮切换为简略按钮，在此点击缩回简单对话窗体。

二、项目基本配置

新建一个Qt案例，项目名称为“Extension”，基类选择“QDialog”，取消创建UI界面复选框的选中状态，完成项目创建。

三、UI界面设计

无UI界面

四、主程序实现

4.1 dialog.h头文件

声明一个按钮点击槽函数：

private slots:
    void showDetailInfo();

声明两个函数实现窗体部分的创建，声明两个窗体和一个按钮：

private:
    void createBaseInfo();  //实现基本对话窗体部分
    void createDetailInfo();//实现扩展窗体部分
    QWidget *baseWidget;    //基本窗体部分
    QWidget *detailWidget;  //扩展窗体部分

    QPushButton *DetailBtn; //详细-简略按钮

4.2 dialog.cpp源文件

主函数定义如下：

    setWindowTitle("Extension Dialog");   //窗体标题
    createBaseInfo();
    createDetailInfo();
    QVBoxLayout *layout=new QVBoxLayout(this);//布局
    layout->addWidget(baseWidget);
    layout->addWidget(detailWidget);
    layout->setSizeConstraint(QLayout::SetFixedSize);//设置窗体的大小固定,不能利用拖拽改变大小
    layout->setSpacing(10);   //设置间距为10

定义createBaseInfo()函数，完成基本窗体baseWidget的构建：

//完成基本窗体baseWidget的构建
void Dialog::createBaseInfo()
{
    baseWidget=new QWidget;
    QLabel *nameLabel=new QLabel("姓名:");
    QLineEdit *nameLineEdit=new QLineEdit;
    QLabel *sexLabel=new QLabel("性别:");
    QComboBox *sexComboBox=new QComboBox;
    sexComboBox->insertItem(0,"女");
    sexComboBox->insertItem(1,"男");
    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("确定");
    DetailBtn=new QPushButton("详细");
    QDialogButtonBox *btnBox=new QDialogButtonBox(Qt::Vertical);
    btnBox->addButton(OKBtn,QDialogButtonBox::ActionRole);
    btnBox->addButton(DetailBtn,QDialogButtonBox::ActionRole);
    QHBoxLayout *mainLayout=new QHBoxLayout(baseWidget);
    mainLayout->addLayout(LeftLayout);
    mainLayout->addWidget(btnBox);
    connect(DetailBtn,SIGNAL(clicked()),this,SLOT(showDetailInfo()));//点击详细按钮触发showDetailInfo()槽函数
}

定义createDetailInfo()函数，完成扩展窗体detailWidget的构建：

//实现扩展窗体detailWidget的构建
void Dialog::createDetailInfo()
{
    detailWidget=new QWidget;
    QLabel *ageLabel=new QLabel("年龄:");
    QLineEdit *ageLineEdit=new QLineEdit;
    ageLineEdit->setText("30");
    QLabel *departmentLabel=new QLabel("部门:");
    QComboBox *departmentComboBox=new QComboBox;
    departmentComboBox->addItem("部门1");
    departmentComboBox->addItem("部门2");
    departmentComboBox->addItem("部门3");
    QLabel *teleLabel=new QLabel("电话:");
    QLineEdit *teleLineEdit=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(teleLabel,2,0);
    mainLayout->addWidget(teleLineEdit,2,1);
    detailWidget->hide();//隐藏详细窗体
}

最后实现窗体和按钮文本的切换功能：

//实现窗体的扩展切换功能
void Dialog::showDetailInfo(){
    if(detailWidget->isHidden()){
        detailWidget->show();
        DetailBtn->setText("简略");
    }
    else
    {
        detailWidget->hide();
        DetailBtn->setText("详细");
    }
}

五、效果演示

到此这篇关于利用Qt实现可扩展对话框的示例代码的文章就介绍到这了,更多相关Qt可扩展对话框内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！