QTabWidget - 选项卡图标不在中心

QTabWidget - tab icons not in the center

我有一个带有六个选项卡的 QTabWidget,所有选项卡都有一个图标 - 但图标不在选项卡的中央:

到目前为止我做了什么:

tabWidget->setStyleSheet("QTabBar::tab {width: 40px; height: 40px;}"
                        "QTabBar::tab:selected {background: lightblue;}");
tabWidget->setIconSize(QSize(40, 40));
tabWidget->addTab("widget", QIcon("iconPath"), ""); //<--for all six tabs

并且:

tabWidget->setTabIcon(index, QIcon("iconPath"));

知道为什么会这样吗?我该如何解决?

如果有人和我一样遇到选项卡中图标的问题,我搜索了几天后找到了解决方案,而且非常简单:D

只需将其添加到 TabWidget 的样式表中即可:

tabWidget->setStyleSheet("::tab {margin: 0px;}");
                                 ************

我也一直在为这个问题苦苦挣扎。这是我的解决方法。

背景:

我试图让左侧选项卡菜单运行,它使用图标作为其指示器(用户会看到的),但是我遇到了问题:

我使用 属性 编辑器中的 currentTabIcon 设置的图标与底部对齐(这是预期的,因为我使用 West orientation. Normally, the North 方向将被选中并且图标将在左边)。

我把这个作为我的样式表:

QTabBar::tab:hover {
    background-color: #212121;
}

QTabBar::tab:selected{
    background-color: #313131;
}
QTabBar::tab {
    background-color: #111111; 
    height:70px;
    width: 70px;
    border: none;
}

现在,尝试在这个 post 中找到的建议 我设置边距没有达到预期的效果,事实上它根本没有效果。

解法:

在尝试了一些 CSS 属性之后,我发现设置 padding-toppadding-bottom 给了我想要的结果。

添加行:

padding-top: -15px;
padding-bottom: 15px

为我解决了这个问题,但是这需要根据您的需要进行更改。

我的最终样式表类似于:

QTabBar::tab:hover {
    background-color: #212121;
}

QTabBar::tab:selected{
    background-color: #313131;
}
QTabBar::tab {
    background-color: #111111; 
    height:70px;
    width: 70px;
    border: none;
    margin: 0px;
    padding-top: -15px;
    padding-bottom: 15px
}