qt5-入门-标签页部件QTabWidget-2-新增和删除标签页

最新推荐文章于 2024-08-14 15:46:43 发布

陆沙

最新推荐文章于 2024-08-14 15:46:43 发布

阅读量1.2k

点赞数 11

分类专栏： qt 文章标签： qt 开发语言 windows

本文链接：https://blog.csdn.net/pxy7896/article/details/136941447

版权

qt 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

本文介绍了如何在Qt5.12环境中，使用C++实现QTabWidget的动态标签页添加功能以及右键菜单，包括添加标签页的按钮设计、槽函数的编写和右键菜单的触发与操作。

摘要由CSDN通过智能技术生成

参考：
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 != 0
    if (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);
        }
    }
}