python

超轻量级php框架startmvc

对pyqt5中QTabWidget的相关操作详解

更新时间:2020-07-07 13:36 作者:startmvc
首先,下面贴上designer处理的界面文件(转换成py后的):#-*-coding:utf-8-*-#Formimplementationgeneratedf

首先,下面贴上designer处理的界面文件(转换成py后的):


# -*- coding: utf-8 -*-
 
# Form implementation generated from reading ui file 'TabWidget.ui'
#
# Created by: PyQt5 UI code generator 5.12.1
#
# WARNING! All changes made in this file will be lost!
 
from PyQt5 import QtCore, QtGui, QtWidgets
 
 
class Ui_MainWindow(object):
 def setupUi(self, MainWindow):
 MainWindow.setObjectName("MainWindow")
 MainWindow.resize(800, 600)
 self.centralwidget = QtWidgets.QWidget(MainWindow)
 self.centralwidget.setObjectName("centralwidget")
 self.tabWidget = QtWidgets.QTabWidget(self.centralwidget)
 self.tabWidget.setGeometry(QtCore.QRect(110, 60, 521, 411))
 self.tabWidget.setObjectName("tabWidget")
 self.tab = QtWidgets.QWidget()
 self.tab.setObjectName("tab")
 self.tabWidget.addTab(self.tab, "")
 self.tab_2 = QtWidgets.QWidget()
 self.tab_2.setObjectName("tab_2")
 self.tabWidget.addTab(self.tab_2, "")
 MainWindow.setCentralWidget(self.centralwidget)
 self.menubar = QtWidgets.QMenuBar(MainWindow)
 self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26))
 self.menubar.setObjectName("menubar")
 MainWindow.setMenuBar(self.menubar)
 self.statusbar = QtWidgets.QStatusBar(MainWindow)
 self.statusbar.setObjectName("statusbar")
 MainWindow.setStatusBar(self.statusbar)
 
 self.retranslateUi(MainWindow)
 self.tabWidget.setCurrentIndex(0)
 QtCore.QMetaObject.connectSlotsByName(MainWindow)
 
 def retranslateUi(self, MainWindow):
 _translate = QtCore.QCoreApplication.translate
 MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
 self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab), _translate("MainWindow", "Tab 1"))
 self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_2), _translate("MainWindow", "Tab 2"))

然后,开始处理这个控件:

1、如何将控件最上面的小tab变成透明的?


# -*- coding: utf-8 -*-
 
import sys
from PyQt5.QtWidgets import QApplication, QMainWindow
from TabWidget import Ui_MainWindow
 
 
class ChangeTabColor(Ui_MainWindow, QMainWindow):
 
 def __init__(self):
 super(ChangeTabColor, self).__init__()
 self.setupUi(self)
 self.setFixedSize(self.width(), self.height())
 self.tabWidget.setTabsClosable(True)
 str = "QTabBar::tab{background-color:rbg(255,255,255,0);}"
 self.tabWidget.setStyleSheet(str)
 
 
def ui_main():
 app = QApplication(sys.argv)
 w = ChangeTabColor()
 w.show()
 sys.exit(app.exec_())
 
 
if __name__ == '__main__':
 ui_main()

其中,下面这两句话是将控件的上面的小tab变成透明的关键。


str = "QTabBar::tab{background-color:rbg(255,255,255,0);}"
self.tabWidget.setStyleSheet(str)

2、如何在选中小tab的时候突出选中的部分(改变颜色)?

还是上面的代码不变,其中str部分加上点内容,改成如下语句:


str = "QTabBar::tab{background-color:rbg(255,255,255,0);}" + \
 "QTabBar::tab:selected{color:red;background-color:rbg(255,200,255);} "

3、如何处理小tab的点击事件?

在上面的代码中加入一些语句即可实现。


 def __init__(self):
 super(ChangeTabColor, self).__init__()
 self.setupUi(self)
 self.setFixedSize(self.width(), self.height())
 self.tabWidget.setTabsClosable(True)
 str = "QTabBar::tab{background-color:rbg(255,255,255,0);}" + \
 "QTabBar::tab:selected{color:red;background-color:rbg(255,200,255);} "
 self.tabWidget.setStyleSheet(str)
 self.tabWidget.currentChanged.connect(self.slot_small_tab)
 
 def slot_small_tab(self):
 if self.tabWidget.currentIndex() == 0:
 print('666')
 elif self.tabWidget.currentIndex() == 1:
 print('222')
 else:
 pass

未完待续。。。

以上这篇对pyqt5中QTabWidget的相关操作详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。