QTabWidget简介

在GUI应用软件中，多页面的切换的使用范围十分广泛，在操作过程中，用户使用鼠标点击不同的标题栏就可以方便展示不同页面的内容，众多界面共用一块显示区域，在有限的就显示区域中可以很方便地位用户显示更多的信息。

Qt为多页面切换的实现提供了一个专门的控件QTabWidget, 它可以实现在同一区域中自由切换不同页面的内容，该控件是一个容器类控件，并提供友好的页面切换方式。

QTabWidget常用方法有：

• addTab()： 添加一个标签；
• insertTab()： 在指定位置插入一个标签；
• removeTab()： 删除指定索引的标签；
• setTabText()： 设置指定索引标签的文本信息；
• tabText()： 获得指定索引标签的文本信息；
• setTabIcon()： 设置指定索引标签的图标；
• tabIcon()： 获得指定索引标签的图标；
• currentWidget()： 获得当前活动标签的部件；
• widget()： 获得指定标签索引的部件；
• indexOf()： 获得指定部件的标签索引；
• count()： 总标签数；
• setTabPosition()： 设置标签的显示位置，值为(北：QTabWidget.North, 南：QTabWidget.South, 西：QTabWidget.West, 东：QTabWidget.East)；
• setTabShape()： 设置标签的形状, 值为：(四边形：QTabWidget.Rounded, 三角形：QTabWidget.Triangular)。

QTabWidget常用信号：

• currentChanged： 当前标签页发生改变后，发射该信号；
• tabCloseRequested： 标签页关闭请求时，发射该信号；
• tabBarClicked： 单击了标签条，发射该信号；
• tabBarDoubleClicked： 双击了标签条，发射该信号。

QTabWidget类继承关系:

测试QTabWidget

创建文件qtabwidget,假设我们设计一个win10系统文件右键菜单属性对话框，其主要内容就是由选项卡控件实现, 在这里实现其选项卡框架, 完整代码如下:

import sysfrom PyQt5 import QtCore, QtGui, QtWidgetsfrom PyQt5.QtCore import Qtfrom PyQt5.QtGui import QFontfrom PyQt5.QtWidgets import (QApplication, QMainWindow, QWidget,                              QTabWidget, QMenuBar, QMenu, QAction,                             QActionGroup, QVBoxLayout, QLabel) class DemoTabWidget(QMainWindow):    def __init__(self, parent=None):        super(DemoTabWidget, self).__init__(parent)                    # 设置窗口标题        self.setWindowTitle('实战PyQt5: QTabWidget Demo!')              # 设置窗口大小        self.resize(480, 360)              self.initUi()            def initUi(self):                self.initMenu()                self.tw = QTabWidget(self)        self.tw.addTab(self.createWidget(0), '常规')        self.tw.addTab(self.createWidget(1), '快捷方式')        self.tw.addTab(self.createWidget(2), '兼容性')        self.tw.addTab(self.createWidget(3), '安全')        self.tw.addTab(self.createWidget(4), '详细信息')        self.tw.addTab(self.createWidget(5), '以前的版本')                self.setCentralWidget(self.tw)                def initMenu(self):        menuBar = self.menuBar()        #添加一个菜单项，在菜单项下课添加子菜单项        fileMenu = menuBar.addMenu('文件')        aExit = QAction('Exit', self)        aExit.triggered.connect(self.close)        fileMenu.addAction(aExit)                #标签条位置控制        posMenu = menuBar.addMenu('标签条位置')                aNorth = QAction('上方', self)        aNorth.setCheckable(True)        aNorth.setChecked(True)        aNorth.triggered.connect(lambda:self.changeTabPos(0))        aSouth = QAction('下方', self)        aSouth.setCheckable(True)        aSouth.triggered.connect(lambda:self.changeTabPos(1))        aWest = QAction('左边', self)        aWest.setCheckable(True)        aWest.triggered.connect(lambda:self.changeTabPos(2))        aEast = QAction('右边', self)        aEast.setCheckable(True)        aEast.triggered.connect(lambda:self.changeTabPos(3))            posGroup = QActionGroup(self)        posGroup.addAction(aNorth)        posGroup.addAction(aSouth)        posGroup.addAction(aWest)        posGroup.addAction(aEast)                posMenu.addAction(aNorth)        posMenu.addAction(aSouth)        posMenu.addAction(aWest)        posMenu.addAction(aEast)                #标签条形状        shapeMenu = menuBar.addMenu('标签条形状')        aRounded = QAction('圆角矩形', self)        aRounded.setCheckable(True)        aRounded.setChecked(True)        aRounded.triggered.connect(lambda:self.changeTabShape(0))        aTriangular = QAction('三角形', self)        aTriangular.setCheckable(True)        aTriangular.triggered.connect(lambda:self.changeTabShape(1))                shapeGroup = QActionGroup(self)        shapeGroup.addAction(aRounded)        shapeGroup.addAction(aTriangular)                shapeMenu.addAction(aRounded)        shapeMenu.addAction(aTriangular)            def changeTabPos(self, index):        switcher = {            0: QTabWidget.North,            1: QTabWidget.South,            2: QTabWidget.West,            3: QTabWidget.East        }        self.tw.setTabPosition(switcher.get(index))            def changeTabShape(self, index):        if index == 0:            self.tw.setTabShape(QTabWidget.Rounded)        else:            self.tw.setTabShape(QTabWidget.Triangular)                def createWidget(self, index):        wid = QWidget()        layout = QVBoxLayout(wid)        label = QLabel(wid)        label.setAlignment(Qt.AlignCenter)        label.setFont(QFont(self.font().family(), 36))        label.setText("选项卡 {}".format(index + 1))                layout.addWidget(label)        wid.setLayout(layout)        return wid    if __name__ == '__main__':    app = QApplication(sys.argv)    window = DemoTabWidget()    window.show()    sys.exit(app.exec())

运行结果如下图:

测试QTabWidget

本文知识点

• 使用QTabWidget添加多个选项卡；
• 改变选项卡标签的显示位置；
• 改变选项卡标签的形状；
• 使用QActionGroup实现一组菜单项的单选功能；
• 改变QLabel字体的尺寸。

喜欢本文内容就收藏，点赞，评论，关注和转发。