QTabWidget - 选项卡图标不在中心

Question

我有一个带有六个选项卡的 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"));

知道为什么会发生这种情况，我该如何解决？

Answer 1

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

背景:

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

我的图标是使用属性编辑器中的 currentTabIcon 设置的，与底部对齐(这是预期的，因为我使用的是 West 方向。通常情况下，将选择 North 方向并且图标将在左边)。

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

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

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

现在，尝试建议的 solution在这篇文章中发现我设置边距没有达到预期的效果，事实上它根本没有效果。

解决方案:

在试用了一些 CSS 属性之后，我发现设置 padding-top 和 padding-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
}