pyqt5中QTabWidget的相关操作

首先,下面贴上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

未完待续。。。

 

 

 

 

 

 

 

  • 7
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值