这是原始的Tabwidget,未设置标题背景色
客户要求我做这样的事情;
为标题设置不同的背景颜色
All - Yellow
purchase - light blue
POS Sales - light green
Cash Sales - Pink
invoice - light purple
我尝试过SetStyleSheet:
QTabBar {
background-color : Yellow;
}
但是所有选项卡的颜色已更改
有人知道如何设置每个QTabBar背景颜色吗?
最佳答案
这些属性不能通过QSS设置。要更改每个选项卡的样式,我们必须创建一个自定义QTabBar
并覆盖其paintEvent
方法,以便能够更改每个选项卡的样式,我们使用QStyleOptionTab
类,但是要更改QTabWidget
标签栏,我们需要使用setTabBar
方法,但这是私有(private)的,因此您需要创建一个自定义的QTabWidget
,如下所示:
tabwidget.h
#ifndef TABWIDGET_H
#define TABWIDGET_H
#include <QStyleOptionTab>
#include <QStylePainter>
#include <QTabWidget>
class TabBar: public QTabBar
{
public:
TabBar(const QHash<QString, QColor> &colors, QWidget *parent=0):QTabBar(parent){
mColors = colors;
}
protected:
void paintEvent(QPaintEvent */*event*/){
QStylePainter painter(this);
QStyleOptionTab opt;
for(int i = 0;i < count();i++)
{
initStyleOption(&opt,i);
if(mColors.contains(opt.text)){
opt.palette.setColor(QPalette::Button, mColors[opt.text]);
}
painter.drawControl(QStyle::CE_TabBarTabShape, opt);
painter.drawControl(QStyle::CE_TabBarTabLabel,opt);
}
}
private:
QHash<QString, QColor> mColors;
};
class TabWidget : public QTabWidget
{
public:
TabWidget(QWidget *parent=0):QTabWidget(parent){
// text - color
QHash <QString, QColor> dict;
dict["All"] = QColor("yellow");
dict["purchase"] = QColor("#87ceeb");
dict["POS Sales"] = QColor("#90EE90");
dict["Cash Sales"] = QColor("pink");
dict["invoice"] = QColor("#800080");
setTabBar(new TabBar(dict));
}
};
#endif // TABWIDGET_H
并要在Qt Designer中的QTabWidget中使用它,应对此进行升级,我们右键单击tabwidget并选择菜单Promoted Widgets,在我的情况下,先前的代码在tabwidget.h文件中创建,因此它将是头文件,对于Promoted Class Name,我们使用TabWidget,然后单击Add and Promote按钮获取下图所示的内容:
下图显示了最终结果:
完整的示例可以在以下link中找到
python :
from PyQt5 import QtGui, QtWidgets
class TabBar(QtWidgets.QTabBar):
def __init__(self, colors, parent=None):
super(TabBar, self).__init__(parent)
self.mColors = colors
def paintEvent(self, event):
painter = QtWidgets.QStylePainter(self)
opt = QtWidgets.QStyleOptionTab()
for i in range(self.count()):
self.initStyleOption(opt, i)
if opt.text in self.mColors:
opt.palette.setColor(
QtGui.QPalette.Button, self.mColors[opt.text]
)
painter.drawControl(QtWidgets.QStyle.CE_TabBarTabShape, opt)
painter.drawControl(QtWidgets.QStyle.CE_TabBarTabLabel, opt)
class TabWidget(QtWidgets.QTabWidget):
def __init__(self, parent=None):
super(TabWidget, self).__init__(parent)
d = {
"All": QtGui.QColor("yellow"),
"purchase": QtGui.QColor("#87ceeb"),
"POS Sales": QtGui.QColor("#90EE90"),
"Cash Sales": QtGui.QColor("pink"),
"invoice": QtGui.QColor("#800080"),
}
self.setTabBar(TabBar(d))
self.addTab(QtWidgets.QLabel(), "All")
self.addTab(QtWidgets.QLabel(), "purchase")
self.addTab(QtWidgets.QLabel(), "POS Sales")
self.addTab(QtWidgets.QLabel(), "Cash Sales")
self.addTab(QtWidgets.QLabel(), "invoice")
if __name__ == "__main__":
import sys
app = QtWidgets.QApplication(sys.argv)
app.setStyle("fusion")
w = TabWidget()
w.show()
sys.exit(app.exec_())
关于c++ - Qt TabWidget每个选项卡标题背景颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46137500/