QTabWidget的每个tab居中显示图标和文本

使用QTabWidget,给每个tab添加了图标之后,文字和图标之间有间距,没有完美居中显示。

遇到此问题,尝试了多种办法,均不理想,最终自定义QTabBar,重绘tab,完美解决。

复制代码
#include <QTabBar>
#include <QStylePainter>

class MyTabBar : public QTabBar {
public:
    MyTabBar(QWidget *parent = nullptr) : QTabBar(parent)
    {
    }

protected:
    void paintEvent(QPaintEvent *) override
    {
        QStylePainter painter(this);
        for (int index = 0; index < this->count(); ++index) {
            QStyleOptionTab opt;
            initStyleOption(&opt, index);
            
            // 计算图标和文字的长度(含间距)
            int iconTextWidth = opt.iconSize.width()
                              + opt.fontMetrics.horizontalAdvance(opt.text)
                              + 4; // 4 是图标和文字的间距

            int x = (opt.rect.width() - iconTextWidth) / 2 + opt.rect.width() * index;

            painter.save();
            
            // 指定各状态下的按钮状态
            if (opt.state & QStyle::State_Selected) { // 按下状态
                painter.setPen(QColor(255, 255, 255));
                painter.fillRect(rect, QColor(31, 68, 133));
            } else if (opt.state & QStyle::State_MouseOver) { // 鼠标停留状态
                painter.setPen(QColor(255, 255, 255));
                painter.fillRect(rect, QColor(33, 72, 141));
            } else if (!(opt.state & QStyle::State_Enabled)) { // 禁止状态
                painter.setPen(QColor(255, 255, 255, 153));
                painter.fillRect(rect, QColor(84, 123, 192));
            } else { // 正常状态(默认)
                painter.setPen(QColor(255, 255, 255));
                painter.fillRect(rect, QColor(41, 90, 176));
            }

            QRect iconRect(x, (opt.rect.height() - opt.iconSize.height()) / 2,
                           opt.iconSize.width(), opt.iconSize.height());
            painter.drawPixmap(iconRect, opt.icon.pixmap(opt.iconSize));

            QRect textRect(iconRect.right() + 4, 0,
                           opt.rect.width() * (index + 1) - iconRect.right() - 4,
                           opt.rect.height());
            painter.drawText(textRect, Qt::AlignVCenter | Qt::AlignLeft, opt.text);
            painter.restore();
        }
    }
};

调用:

复制代码
ui->tabWidget->setTabBar(new MyTabBar(this));
相关推荐
扶尔魔ocy3 分钟前
【QT OpenGL】知识点编目及传送门
qt·opengl·osg
火22522 分钟前
# C++ 微服务即时通讯系统(三):网关设计——HTTP 请求、Session 鉴权与 WebSocket 通知上一篇
c++·http·微服务
qq_401700411 小时前
Qt Modbus 源码剖析:从 QModbusClient 到工业级通信框架
开发语言·qt·系统架构
GreenHandBruce1 小时前
基于Qt 6.12.0 + FFmpeg 9.0.2的4k视频播放器
qt·ffmpeg·音视频
C++ 老炮儿的技术栈1 小时前
机器人的坐标,像 XYZ 的坐标值,是用单精度浮点还是用双精度浮点?
c语言·c++·人工智能·单片机·c
zaizai10071 小时前
STL深度剖析2
java·c++·算法
幻智星科技2 小时前
FPGA纯硬件UDP桥接:微秒级响应新范式
c++·fpga开发·硬件架构
青少儿编程课堂2 小时前
蓝桥杯·全国青少年信息素养大赛·电子学会Python/C++考级:位运算实战——二进制权限与最大异或解析
c++·python·算法·bfs·信息学竞赛
青少儿编程课堂2 小时前
2026蓝桥杯青少组图形化真题:校园飞机大战解析(全国青少年信息素养·电子学会图形化考级)
c++·python·算法·bfs·信息学竞赛
CodeYp20192 小时前
第16讲:set 和 map 的使用
开发语言·c++·set·map