QTabWidget 样式例子

QTabWidget::pane{
	border: 2px solid rgb(210, 210, 210);
	background:rgb(246, 246, 246);
	border-top-color:transparent;
}
QTabWidget::tab-bar{
	background:rgb(0, 0, 0);
	subcontrol-position:left;
}
QTabBar::tab{
	width:173px;/*宽度根据实际需要进行调整*/
	height:45px;
	background:rgb(210, 210, 210);
	border: 2px solid rgb(210, 210, 210);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
QTabBar::tab:selected{	
	background:rgb(246, 246, 246);
	border-bottom-color:rgb(246, 246, 246);
}
QTabBar::tab:!selected{
	background:qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(240, 240, 240, 255), stop:0.5 rgba(210, 210, 210, 255), stop:1 rgba(225, 225, 225, 255));
}

样式设置链接:
Qt QPushButton水晶按钮样式例子:Qt QPushButton水晶按钮样式例子_hss2799的博客-CSDN博客_qpushbutton凸起样式
QTabWidget 样式例子:QTabWidget 样式例子_hss2799的博客-CSDN博客_qtabwidget样式
QSlider 样式例子:QSlider 样式例子_hss2799的博客-CSDN博客
QTreeWidget 样式设置记录:QTreeWidget 样式设置记录_hss2799的博客-CSDN博客_qtreewidget样式
QT 透明样式设置:QT 透明样式设置_hss2799的博客-CSDN博客_qt 透明样式
Qt 用样式实现实心圆和空心圆:Qt 用样式实现实心圆和空心圆_hss2799的博客-CSDN博客_qt画实心圆
QToolTip样式设置的两种方式:QToolTip样式设置的两种方式_hss2799的博客-CSDN博客_qtooltip设置样式

Qt QDateEdit 日期样式设置例子:Qt QDateEdit 日期样式设置例子_hss2799的博客-CSDN博客_qdateedit样式

  • 4
    点赞
  • 56
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QTabWidgetQt中的一个控件,用于显示多个选项卡,可以通过设置样式来自定义选项卡的外观。 以下是一个简单的示例,演示如何设置QTabWidget样式: ```python from PyQt5.QtWidgets import QApplication, QTabWidget, QWidget, QVBoxLayout from PyQt5.QtGui import QColor, QPalette app = QApplication([]) tab_widget = QTabWidget() # 创建三个选项卡 tab1 = QWidget() tab2 = QWidget() tab3 = QWidget() # 将选项卡添加到QTabWidget中 tab_widget.addTab(tab1, "Tab 1") tab_widget.addTab(tab2, "Tab 2") tab_widget.addTab(tab3, "Tab 3") # 设置QTabWidget样式 style_sheet = """ QTabWidget::tab-bar { alignment: center; } QTabBar::tab { background-color: #777; color: white; height: 30px; width: 100px; } QTabBar::tab:selected { background-color: #fff; color: black; } """ tab_widget.setStyleSheet(style_sheet) # 显示QTabWidget tab_widget.show() app.exec_() ``` 这个例子中,我们创建了一个QTabWidget,并添加了三个选项卡。然后,我们使用样式表设置QTabWidget样式。在样式表中,我们使用了几个关键字来设置不同的部分: - `QTabWidget::tab-bar`:用于设置选项卡的整个容器。 - `QTabBar::tab`:用于设置每个选项卡的样式。 - `QTabBar::tab:selected`:用于设置选中的选项卡的样式。 在这个例子中,我们设置选项卡的背景色为灰色,文字颜色为白色,高度为30像素,宽度为100像素。当选项卡被选中时,我们将背景色设置为白色,文字颜色设置为黑色。 通过设置QTabWidget样式,我们可以自定义选项卡的外观,以便更好地适应我们的应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值