快捷導(dǎo)航

利用Qt實(shí)現(xiàn)可擴(kuò)展對話框的示例代碼

更新時間：2022年06月18日 15:35:45 作者：wendy_ya

可擴(kuò)展對話框通常用于用戶對界面有不同要求的場合。當(dāng)供高級用戶使用或需要更多信息時，可通過某種方式的切換顯示完整對話窗體（擴(kuò)展窗體）。本文將用Qt實(shí)現(xiàn)可擴(kuò)展對話框，需要的可以參考一下

可擴(kuò)展對話框通常用于用戶對界面有不同要求的場合。通常情況下，只出現(xiàn)在基本對話窗體；當(dāng)供高級用戶使用或需要更多信息時，可通過某種方式的切換顯示完整對話窗體（擴(kuò)展窗體）。切換的工作通常由一個按鈕完成。

一、項目介紹

實(shí)現(xiàn)一個簡單填寫資料的對話框。通常情況下，只需要填寫姓名和性別。若有特殊需要，還需要填寫更多信息時，則切換至完整對話窗體，完整對話窗體包括年齡、部門、聯(lián)系方式等。此時詳細(xì)按鈕切換為簡略按鈕，在此點(diǎn)擊縮回簡單對話窗體。

二、項目基本配置

新建一個Qt案例，項目名稱為“Extension”，基類選擇“QDialog”，取消創(chuàng)建UI界面復(fù)選框的選中狀態(tài)，完成項目創(chuàng)建。

三、UI界面設(shè)計

無UI界面

四、主程序?qū)崿F(xiàn)

4.1 dialog.h頭文件

聲明一個按鈕點(diǎn)擊槽函數(shù)：

private slots:
    void showDetailInfo();

聲明兩個函數(shù)實(shí)現(xiàn)窗體部分的創(chuàng)建，聲明兩個窗體和一個按鈕：

private:
    void createBaseInfo();  //實(shí)現(xiàn)基本對話窗體部分
    void createDetailInfo();//實(shí)現(xiàn)擴(kuò)展窗體部分
    QWidget *baseWidget;    //基本窗體部分
    QWidget *detailWidget;  //擴(kuò)展窗體部分

    QPushButton *DetailBtn; //詳細(xì)-簡略按鈕

4.2 dialog.cpp源文件

主函數(shù)定義如下：

    setWindowTitle("Extension Dialog");   //窗體標(biāo)題
    createBaseInfo();
    createDetailInfo();
    QVBoxLayout *layout=new QVBoxLayout(this);//布局
    layout->addWidget(baseWidget);
    layout->addWidget(detailWidget);
    layout->setSizeConstraint(QLayout::SetFixedSize);//設(shè)置窗體的大小固定,不能利用拖拽改變大小
    layout->setSpacing(10);   //設(shè)置間距為10

定義createBaseInfo()函數(shù)，完成基本窗體baseWidget的構(gòu)建：

//完成基本窗體baseWidget的構(gòu)建
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("詳細(xì)");
    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()));//點(diǎn)擊詳細(xì)按鈕觸發(fā)showDetailInfo()槽函數(shù)
}

定義createDetailInfo()函數(shù)，完成擴(kuò)展窗體detailWidget的構(gòu)建：

//實(shí)現(xiàn)擴(kuò)展窗體detailWidget的構(gòu)建
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();//隱藏詳細(xì)窗體
}

最后實(shí)現(xiàn)窗體和按鈕文本的切換功能：

//實(shí)現(xiàn)窗體的擴(kuò)展切換功能
void Dialog::showDetailInfo(){
    if(detailWidget->isHidden()){
        detailWidget->show();
        DetailBtn->setText("簡略");
    }
    else
    {
        detailWidget->hide();
        DetailBtn->setText("詳細(xì)");
    }
}