Qt之自定义QTabWidget，类似QQ

Qt自定义QTabWidget实现QQ风格

草上爬

已于 2023-09-15 18:03:51 修改

阅读量2w

点赞数 7

CC 4.0 BY-SA版权

分类专栏： Qt工作笔记文章标签： Qt stylesheet QTabWidget 样式表

于 2016-11-28 14:32:55 首次发布

本文链接：https://blog.csdn.net/caoshangpa/article/details/53377274

Qt工作笔记专栏收录该内容

194 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何使用Qt样式表（stylesheet）自定义QTabWidget，以实现类似QQ选项卡等分填充的效果。通过调整样式表，可以使得QTabWidget的各个选项卡宽度均匀，提供更美观的用户界面。

QTabWidget的tab选项卡宽度是按照文本自动设置的，文本越长选项卡的宽度越大，但是QQ的选项卡是等分填充的，如下所示：

因此我们也需要将各个选项卡等分填充，下面是我模仿的

完整的样式表如下：

  QTabBar::tab {
    height:40px;
    color:#000000;
    background:transparent;
    font-family:"微软雅黑";
    font-size:14px;
    margin-left: 12px;
    margin-right: 12px
}
QTabBar::tab:hover{
    color:rgb(0,190,169);
    background:transparent;

了解本专栏