如何在QTabWidget的右上角添加QLabel以显示消息？

这里提供三种可行的实现方式，适配不同的需求场景：

方法1：容器Widget嵌套布局（最简单，无需子类化） #

通过外层容器Widget将QTabWidget和消息标签组合，用布局控制位置，适合快速实现：

• 创建一个QWidget作为外层容器，设置QVBoxLayout布局并清除内边距
• 将QTabWidget添加到布局中，确保占满容器空间
• 创建QLabel作为消息提示，设置样式（比如背景色、圆角、文字样式）
• 用水平布局配合 spacer 将消息标签固定在右上角

示例代码（PyQt5）：

from PyQt5.QtWidgets import (QApplication, QWidget, QTabWidget, QLabel, 
                             QVBoxLayout, QHBoxLayout, QSpacerItem, 
                             QSizePolicy)
import sys

app = QApplication(sys.argv)

# 外层容器
container = QWidget()
main_layout = QVBoxLayout(container)
main_layout.setContentsMargins(0, 0, 0, 0)

# 初始化QTabWidget
tab_widget = QTabWidget()
tab_widget.addTab(QWidget(), "标签页1")
tab_widget.addTab(QWidget(), "标签页2")
main_layout.addWidget(tab_widget)

# 创建消息标签
msg_label = QLabel("99+")
msg_label.setStyleSheet("""
    QLabel {
        background-color: #ff5252;
        color: white;
        padding: 3px 8px;
        border-radius: 10px;
        font-weight: bold;
        font-size: 11px;
    }
""")

# 布局固定标签到右上角
top_layout = QHBoxLayout()
top_layout.addSpacerItem(QSpacerItem(40, 20, QSizePolicy.Expanding, QSizePolicy.Minimum))
top_layout.addWidget(msg_label)
top_layout.setContentsMargins(10, 10, 10, 0)
main_layout.addLayout(top_layout)

container.show()
sys.exit(app.exec_())

方法2：自定义QTabWidget子类（绑定控件到TabWidget） #

如果希望消息标签和QTabWidget直接绑定，不需要外层容器，可以子类化QTabWidget，重写resizeEvent保证窗口缩放时标签位置不变：

from PyQt5.QtWidgets import QTabWidget, QLabel, QWidget
from PyQt5.QtCore import Qt

class TabWidgetWithMsg(QTabWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        # 创建消息标签并设置样式
        self.msg_label = QLabel("新消息", self)
        self.msg_label.setStyleSheet("""
            QLabel {
                background-color: #2196f3;
                color: white;
                padding: 2px 6px;
                border-radius: 4px;
                font-size: 12px;
            }
        """)
        # 初始化位置
        self._adjust_msg_pos()

    def resizeEvent(self, event):
        super().resizeEvent(event)
        # 窗口缩放时重新调整位置
        self._adjust_msg_pos()

    def _adjust_msg_pos(self):
        # 基于标签栏的位置计算消息标签坐标
        tab_bar_rect = self.tabBar().rect()
        x = tab_bar_rect.right() - self.msg_label.width() - 10
        y = tab_bar_rect.top() + 5
        self.msg_label.move(x, y)

# 使用示例
app = QApplication(sys.argv)
tab_widget = TabWidgetWithMsg()
tab_widget.addTab(QWidget(), "标签页A")
tab_widget.addTab(QWidget(), "标签页B")
tab_widget.show()
sys.exit(app.exec_())

方法3：自定义TabBar绘制（高度定制化样式） #

如果需要消息和标签栏完全融合的样式，可以重写QTabBar的paintEvent，直接在标签栏右上角绘制消息内容：

from PyQt5.QtWidgets import QTabWidget, QTabBar
from PyQt5.QtGui import QPainter, QColor, QFont
from PyQt5.QtCore import Qt

class CustomTabBar(QTabBar):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.msg_text = "未读提醒"

    def paintEvent(self, event):
        super().paintEvent(event)
        # 初始化 painter
        painter = QPainter(self)
        painter.setRenderHint(QPainter.Antialiasing)
        
        # 绘制消息背景
        bg_rect = self.rect().adjusted(self.width() - 100, 5, -10, -5)
        painter.setBrush(QColor("#ff9800"))
        painter.setPen(Qt.NoPen)
        painter.drawRoundedRect(bg_rect, 4, 4)
        
        # 绘制消息文字
        painter.setPen(QColor("white"))
        painter.setFont(QFont("Arial", 10))
        painter.drawText(bg_rect, Qt.AlignCenter, self.msg_text)

class TabWidgetWithCustomBar(QTabWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.setTabBar(CustomTabBar(self))

# 使用示例
app = QApplication(sys.argv)
tab_widget = TabWidgetWithCustomBar()
tab_widget.addTab(QWidget(), "标签页1")
tab_widget.addTab(QWidget(), "标签页2")
tab_widget.show()
sys.exit(app.exec_())

注：以上示例基于PyQt5实现，C++ Qt的实现思路完全一致，仅语法略有差异。

内容的提问来源于stack exchange，提问作者silentspring