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-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,所有选项卡都有一个图标 - 但图标不在选项卡的中央:
到目前为止我做了什么:
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-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
}