当前位置: 首页 > news >正文

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));

http://www.lryc.cn/news/457844.html

相关文章:

  • Ubuntu20.04如何安装Microsoft Edge浏览器?
  • 美团Java一面
  • C#中ref关键字和out关键字
  • 贴吧软件怎么切换ip
  • 图像分割恢复方法
  • Ultralytics:YOLO11使用教程
  • 前缀和算法——优选算法
  • YOLO11改进|注意力机制篇|引入HAT超分辨率重建模块
  • 老牛也想吃嫩草,思科为何巨资投入云初创CoreWeave?
  • Spring Boot 事务管理入门
  • 20年408数据结构
  • 4反馈、LC、石英、RC振荡器
  • go 的 timer reset
  • 每日一面 day03
  • ssm基于SSM框架的餐馆点餐系统的设计+VUE
  • 多人播报配音怎么弄?简单4招分享
  • 《Windows PE》4.1导入表
  • 计算机专业大学生应该如何规划大学四年?
  • R知识图谱1—tidyverse玩转数据处理120题
  • 【赵渝强老师】K8s中的有状态控制器StatefulSet
  • 机器学习笔记(持续更新)
  • Nginx 配置之server块
  • 魅族Lucky 08惊艳亮相:极窄四等边设计引领美学新风尚
  • 自动化的抖音
  • 无人机之巡航控制篇
  • 面试必问的7大测试分类!一文说清楚!
  • 深信服上网行为管理AC无法注销在线用户
  • 使用GitLab CI构建持续集成案例
  • WSL2环境下Ubuntu的Docker安装与配置
  • 使用vscode调试wails项目(golang桌面GUI)