参考：
C++ GUI Programming with Qt 4, Second Edition

本地环境：
win10专业版，64位，Qt5.12

---

上一篇：

qt5-入门-标签页部件QTabWidget-1-CSDN博客
https://blog.csdn.net/pxy7896/article/details/136883359

效果

• 在首页右侧有一个➕按钮，点击后可以动态添加新的标签页
• 在标签页头部右键，可以选择删除当前页或除了当前页外其他所有的标签页。
  

实现

与上一篇一样，对象的结构如下图所示：（只是删掉了名为tab的第二个标签页）

首先修改头文件，增加一个重载函数、两个私有槽函数和一个私有变量。（比较好理解，不作解释）

protected:void contextMenuEvent(QContextMenuEvent* event) override;private slots:void on_actionDelCurTab_triggered();void on_actionDelOtherTabs_triggered();private:int newTabNum; // 用于记录新建的标签页数量，需要在构造函数里初始化。也可以声明成静态变量

使用变量记录标签页数量是为了避免因删除导致使用this->count()命名新标签页出错的bug。

然后实现这些函数。

添加标签页的按钮

这段代码放在ui->setupUi(this)后。

QPushButton *addTabBtn = new QPushButton;
addTabBtn->setIcon(QIcon("://resources/icon/add.png"));
// 如果需要调整尺寸，可以考虑
//addTabBtn->setSizePolicy(QSizePolicy::Minimum, QSizePolicy::Preferred);
addTabBtn->setToolTip(tr("添加新标签页"));
addTabBtn->setStyleSheet("QPushButton {""    background-color: transparent;"    // 设置背景色为红色"    border: none;"              // 去掉边框"    margin: 0px 10px 0px 0;" // 边距,上右下左"}""QPushButton:hover {""    background-color: #268BD2;"    // 鼠标悬停时的背景色"}""QPushButton:pressed {""    background-color: #21618C;"    // 按下按钮时的背景色"}");int tabCount = this->count();
// 新增tab的效果
connect(addTabBtn, &QPushButton::clicked, [this]() {QWidget *newTab = new QWidget();newTabNum ++;this->addTab(newTab, tr("新标签页") + QString::number(newTabNum));
});
this->setCornerWidget(addTabBtn, Qt::TopRightCorner); // 放在最右侧

需要注意的是，如果通过stylesheet来形成无边框的QPushButton，可能导致丢失hover和pressed效果。比如如果使用下面的代码：

addTabBtn->setStyleSheet("border:none;");
// 或者
addTabBtn->setStyleSheet("background-color:transparent;");

都可以实现无边框按钮的效果，但是hover和pressed都不能使按钮变色。如果想保留效果，还是要用上面的代码。

添加右键菜单

void MainTabWidget::contextMenuEvent(QContextMenuEvent* event){QMenu menu(this);QAction *actionDelCurTab = menu.addAction(tr("删除当前页"));connect(actionDelCurTab, &QAction::triggered, this, &MainTabWidget::on_actionDelCurTab_triggered);QAction *actionDelOtherTabs = menu.addAction(tr("删除其他页"));connect(actionDelOtherTabs, &QAction::triggered, this, &MainTabWidget::on_actionDelOtherTabs_triggered);QPoint pos = event->pos();int tabIndex = tabBar()->tabAt(pos);// 如果选项卡索引等于当前选中索引if (tabIndex == currentIndex()) {menu.exec(event->globalPos());}
}

槽函数

void MainTabWidget::on_actionDelCurTab_triggered() {int curIndex = this->currentIndex();// 也可以判断curIndex != 0if (this->currentWidget() != ui->homeWidget) {removeTab(curIndex);}
}void MainTabWidget::on_actionDelOtherTabs_triggered() {int curIndex = this->currentIndex();int cnt = this->count();// home不能删除for (int i = cnt - 1; i > 0; i--) {if (i != curIndex) {removeTab(i);}}
}

done.