QT(C#)-QTabWidget修改字体后Tab页显示不完整的解决方法

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录


1、 前言

最近一段时间学习QT的程序开发,遇到了如标题所说的问题,经过查询和摸索找到了解决方法,为了防止后续忘记,就记录了下来。


2、问题示例

我们在VS中创建一个Qt的窗体应用,并在中心QWidget中添加一个QTabWidget,如下图所示:

tab页的标题字体比较小,为了能更好的显示,修改了QTabWidget的样式,即:

cpp 复制代码
 QTabWidget* centralTabWidget = new QTabWidget(this);
    centralTabWidget->setStyleSheet(
        "QTabBar::tab{background-color: #FFFFFF;font: 75 10pt;height : 50px;margin - top:1px; margin - right:1px;	margin - left:1px;margin - bottom:1px;}"
        "QTabWidget::pane{border-top: 2px solid  #3368b8;}"
        "QTabBar::tab:hover{font: 75 10pt;color : #000000; background-color:  #ebffff;}"
        "QTabBar::tab:selected{font: 75 10pt;color:#ffffff;background-color: #3368b8;}"      
    );
    setCentralWidget(centralTabWidget);
    QWidget* firstTabWidget = new QTabWidget(centralTabWidget);
    centralTabWidget->insertTab(0,firstTabWidget,QStringLiteral( "测试宽度值"));

此时出现了遮挡。

3、解决方法

在样式设置中修改QTabBar的样式,其字体与QTabBar::tab的字体保持一致即可,即:

cpp 复制代码
  //在中心Widget中添加Tabwidget
    QTabWidget* centralTabWidget = new QTabWidget(this);
    centralTabWidget->setStyleSheet(
        "QTabBar::tab{background-color: #FFFFFF;font: 75 10pt;height : 50px;margin - top:1px; margin - right:1px;	margin - left:1px;margin - bottom:1px;}"
        "QTabWidget::pane{border-top: 2px solid  #3368b8;}"
        "QTabBar::tab:hover{font: 75 10pt;color : #000000; background-color:  #ebffff;}"
        "QTabBar::tab:selected{font: 75 10pt;color:#ffffff;background-color: #3368b8;}"
        "QTabBar{font: 75 10pt;color:#ffffff;background-color: #3368b8;}"
         
    );
    setCentralWidget(centralTabWidget);
    QWidget* firstTabWidget = new QTabWidget(centralTabWidget);
    centralTabWidget->insertTab(0,firstTabWidget,QStringLiteral( "测试宽度值"));
相关推荐
nbsaas-boot1 小时前
Java 正则表达式白皮书:语法详解、工程实践与常用表达式库
开发语言·python·mysql
chao_7891 小时前
二分查找篇——搜索旋转排序数组【LeetCode】两次二分查找
开发语言·数据结构·python·算法·leetcode
风无雨2 小时前
GO 启动 简单服务
开发语言·后端·golang
斯普信专业组2 小时前
Go语言包管理完全指南:从基础到最佳实践
开发语言·后端·golang
哈市雪花3 小时前
相机:以鼠标点为中心缩放(使用OpenGL+QT开发三维CAD)
qt·相机·opengl·cad·缩放·工业软件·渲染效果
我是苏苏4 小时前
C#基础:Winform桌面开发中窗体之间的数据传递
开发语言·c#
斐波娜娜4 小时前
Maven详解
java·开发语言·maven
小码氓4 小时前
Java填充Word模板
java·开发语言·spring·word
暮鹤筠4 小时前
[C语言初阶]操作符
c语言·开发语言
Boilermaker19926 小时前
【Java EE】Mybatis-Plus
java·开发语言·java-ee