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

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

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

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

Answer 2

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

背景：

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

我使用属性编辑器中的 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-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
}

QTabWidget - 选项卡图标不在中心

QTabWidget - tab icons not in the center

qt

tabs

widget

icons

tabwidget