PyQt5之选项卡控件和堆栈窗口控件

PyQt5之选项卡控件和堆栈窗口控件

一、QTabWidget选项卡

QTabWidget控件提供了一个选项卡和一个页面区域，默认显示第一个选项卡的页面。通过单击各选项卡可以查看对应的页面。如果在一个窗口中显示的输入字段很多，则可以对这些字段进行拆分，分别放置在不同页面的选项卡中。

1. QTabWidget类中的常用方法

方法	描述
addTab()	将一个控件添加到Tab控件的选项卡中
insertTab()	将一个Tab控件的选项卡插入到指定位置
removeTab()	根据指定的索引删除Tab控件
setCurrentIndex()	设置当前可见的选项卡所在的索引
setCurrentWidget()	设置当前可见的页面
setTabBar()	设置选项卡栏的小控件
setTabPosition()	设置选项卡的位置：QTabWidget.North（显示在页面上方）、QTabWidget.South（显示在页面下方）、QTabWidget.West（显示在页面左侧）、QTabWidget.East（显示在页面右侧）
setTabText()	定义Tab选项卡的显示值

2. QTabWidget类中的常用信号

信号	描述
currentChanged	切换当前页面时发射该信号

3. QTabWidget的使用

import sys
from PyQt5 import QtCore
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *

class Tab(QTabWidget):
    def __init__(self):
        super().__init__()
        self.setGeometry(300, 300, 500, 400)
        self.setWindowTitle('QTabWidget的使用')
        self.tab1 = QWidget()
        self.tab2 = QWidget()
        self.tab3 = QWidget()
        #添加选项卡
        self.addTab(self.tab1, 'Tab 1')
        self.addTab(self.tab2, 'Tab 2')
        self.addTab(self.tab3, 'Tab 3')
        #设置选项卡
        self.tab1UI()
        self.tab2UI()
        self.tab3UI()

    def tab1UI(self):
        layout = QFormLayout()
        layout.addRow('姓名',QLineEdit())
        layout.addRow('地址', QLineEdit())
        self.setTabText(0,'联系方式')
        self.tab1.setLayout(layout)

    def tab2UI(self):
        layout = QFormLayout()
        sex = QHBoxLayout()
        sex.addWidget(QRadioButton('男'))
        sex.addWidget(QRadioButton('女'))
        layout.addRow(QLabel('性别'),sex)
        layout.addRow('生日',QLineEdit())
        self.setTabText(1,'个人详细信息')
        self.tab2.setLayout(layout)

    def tab3UI(self):
        layout = QHBoxLayout()
        layout.addWidget(QLabel('科目'))
        layout.addWidget(QCheckBox('物理'))
        layout.addWidget(QCheckBox('高数'))
        self.setTabText(2,'教育程度')
        self.tab3.setLayout(layout)

if __name__ == "__main__":
    app = QApplication(sys.argv)
    form = Tab()
    form.show()
    sys.exit(app.exec_())

运行效果如下：

二、QStackedWidget堆栈窗口控件

QStackedWidget是一个堆栈窗口控件，可以填充一些小控件，但同一时间只有一个小控件可以显示。QStackedWidget使用QStackedLayout布局。

QStackedWidget的使用

import sys
from PyQt5 import QtCore
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *

class Stacked(QWidget):
    def __init__(self):
        super().__init__()
        self.setGeometry(100, 50, 500, 400)
        self.setWindowTitle('QStackedWidget的使用')

        self.leftlist = QListWidget()
        self.leftlist.insertItem(0, '联系方式')
        self.leftlist.insertItem(1, '个人信息')
        self.leftlist.insertItem(2, '教育程度')
        self.stack1 = QWidget()
        self.stack2 = QWidget()
        self.stack3 = QWidget()

        self.stack1UI()
        self.stack2UI()
        self.stack3UI()

        self.Stack = QStackedWidget(self)
        self.Stack.addWidget(self.stack1)
        self.Stack.addWidget(self.stack2)
        self.Stack.addWidget(self.stack3)
        layout = QHBoxLayout(self)
        layout.addWidget(self.leftlist)
        layout.addWidget(self.Stack)
        self.setLayout(layout)
        self.leftlist.currentRowChanged.connect(self.display)

    def stack1UI(self):
        layout = QFormLayout()
        layout.addRow('姓名',QLineEdit())
        layout.addRow('地址', QLineEdit())
        self.stack1.setLayout(layout)

    def stack2UI(self):
        layout = QFormLayout()
        sex = QHBoxLayout()
        sex.addWidget(QRadioButton('男'))
        sex.addWidget(QRadioButton('女'))
        layout.addRow(QLabel('性别'),sex)
        layout.addRow('生日',QLineEdit())
        self.stack2.setLayout(layout)

    def stack3UI(self):
        layout = QHBoxLayout()
        layout.addWidget(QLabel('科目'))
        layout.addWidget(QCheckBox('物理'))
        layout.addWidget(QCheckBox('高数'))
        self.stack3.setLayout(layout)

    def display(self,i):
        self.Stack.setCurrentIndex(i)

if __name__ == "__main__":
    app = QApplication(sys.argv)
    form = Stacked()
    form.show()
    sys.exit(app.exec_())

运行效果如下：