C/C++ Qt TabWidget 實現多窗體創建

• 2021 年 12 月 3 日
• 筆記
• C/C++ Qt 窗體開發筆記

在開發窗體應用時通常會伴隨分頁，TabWidget組件配合自定義Dialog組件，可實現一個複雜的多窗體分頁結構，此類結構也是ERP等軟體通用的窗體布局方案。

首先先來實現一個只有TabWidget分頁的簡單結構，如下窗體布局，布局中空白部分是一個TabWidget組件，下方是一個按鈕，當用戶點擊按鈕時，自動將該窗體新增到TabWidget組件中。

該頁面關聯程式碼如下所示，當用戶點擊on_pushButton_clicked()時自動新增一個窗體並將窗體的Tab設置為指定的IP地址。

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <iostream>

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    ui->tabWidget->setVisible(false);
    ui->tabWidget->clear();//清除所有頁面
    ui->tabWidget->tabsClosable(); //Page有關閉按鈕，可被關閉
}

MainWindow::~MainWindow()
{
    delete ui;
}

// 定義函數來獲取當前Table名字
QString MainWindow::GetTableNumber()
{
    QString ref = QString(ui->tabWidget->currentIndex());
    return ref;
}

// //www.cnblogs.com/lyshark
void MainWindow::on_pushButton_clicked()
{
    FormDoc *ptr = new FormDoc(this);                // 新建選項卡
    ptr->setAttribute(Qt::WA_DeleteOnClose);         // 關閉時自動銷毀

    int cur = ui->tabWidget->addTab(ptr,QString::asprintf(" 192.168.1.%d",ui->tabWidget->count()));

    ui->tabWidget->setTabIcon(cur,QIcon(":/image/1.ico"));

    ui->tabWidget->setCurrentIndex(cur);
    ui->tabWidget->setVisible(true);
}

// 關閉Tab時執行
void MainWindow::on_tabWidget_tabCloseRequested(int index)
{
    if (index<0)
        return;
    QWidget* aForm=ui->tabWidget->widget(index);
    aForm->close();
}

// 在無Tab頁面是默認禁用
void MainWindow::on_tabWidget_currentChanged(int index)
{
    Q_UNUSED(index);
    bool en=ui->tabWidget->count()>0;
    ui->tabWidget->setVisible(en);
}

其中的每一個子窗體，都需要動態獲取父窗體指針根據指針對自身進行操作，子窗體程式碼如下.

#include "formdoc.h"
#include "ui_formdoc.h"
#include "mainwindow.h"

#include <QVBoxLayout>
#include <iostream>

FormDoc::FormDoc(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::FormDoc)
{
    ui->setupUi(this);

    QVBoxLayout *Layout = new QVBoxLayout();
    Layout->setContentsMargins(2,2,2,2);
    Layout->setSpacing(2);
    this->setLayout(Layout);

    MainWindow *parWind = (MainWindow*)parentWidget(); //獲取父窗口指針
    QString ref = parWind->GetTableNumber();           // 獲取選中標籤索引
    std::cout << ref.toStdString().data() << std::endl;   // By: LyShark
}

FormDoc::~FormDoc()
{
    delete ui;
}

程式碼運行效果如下:

Tab組件如果配合ToolBar組件可以實現更多有意思的功能，例如下面這個案例: