容器控件可以将窗口的控件进行分组处理,开发过程中窗口控件太多,不同功能模块分类装载更清晰美观。常用的容器控件有GroupBox分组框、TabWidget选项卡和ToolBox工具盒。
一、GroupBox分组框
分组框控件主要为其他控件提供分组,按照控件的分组来细分窗口的功能。
QGroupBox类常用方法及说明
方法 | 说明 |
setAlignment() | 设置对齐方式 水平对齐 1、Qt.AlignLeft,左对齐 2、Qt.AlignHCenter,水平居中对齐 3、Qt.AlignRight,右对齐 4、Qt.AlignJustify,两端对齐 垂直对齐方式 1、Qt.AlignTop,顶部对齐 2、Qt.AlignVCenter,垂直居中 3、Qt.AlignBottom,底部对齐 |
setTitle() | 设置分组标题 |
setFlat() | 设置是否以扁平样式显示 |
Qt Designer工具设计界面(效果对比,右边为分组框控件)
二、TabWidget选项卡
QTabWidget控件由一个选项卡和一个页面区域组成,可以将窗口设计成多页,默认显示第一个选项卡的页面,单击各选项卡可以查看对应的页面。
QTabWidget类常用方法及说明
方法 | 说明 |
addTab() | 添加选项卡 |
insertTab() | 将Tab控件插入指定位置 |
removeTab() | 删除选项卡 |
currentWidget() | 获取当前选项卡 |
currentIndex() | 获取当前选项卡索引 |
setcurrentIndex() | 设置当前选项卡的索引 |
setcurrentWidget() | 设置当前选项卡 |
setTabPosition() | 设置选项卡位置 1、QTabWidget.North,显示页面上方 2、QTabWidget.South,显示页面下方 3、QTabWidget.West,显示页面左侧 4、QTabWidget.East,显示页面右侧 |
setTabsClosable() | 设置是否可以独立关闭选项卡 |
setTabText() | 设置选项卡标题文本 |
tabText() | 获取指定选项卡标题文本 |
最常用信息是currentChanged,该信号在切换选项卡时发射。
TabWidget选项卡使用示例
# -*- coding: utf-8 -*-
# Form implementation generated from reading ui file 'demo6.ui'
#
# Created by: PyQt5 UI code generator 5.13.0
#
# 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(554, 417)
self.centralwidget = QtWidgets.QWidget(MainWindow)
self.centralwidget.setObjectName("centralwidget")
self.widget = QtWidgets.QWidget(self.centralwidget)
self.widget.setGeometry(QtCore.QRect(10, 0, 531, 361))
self.widget.setObjectName("widget")
self.verticalLayout = QtWidgets.QVBoxLayout(self.widget)
self.verticalLayout.setContentsMargins(0, 0, 0, 0)
self.verticalLayout.setObjectName("verticalLayout")
self.tabWidget = QtWidgets.QTabWidget(self.widget)
self.tabWidget.setObjectName("tabWidget")
self.tab = QtWidgets.QWidget()
self.tab.setObjectName("tab")
self.label = QtWidgets.QLabel(self.tab)
self.label.setGeometry(QtCore.QRect(20, 10, 54, 12))
self.label.setObjectName("label")
self.layoutWidget = QtWidgets.QWidget(self.tab)
self.layoutWidget.setGeometry(QtCore.QRect(53, 40, 201, 121))
self.layoutWidget.setObjectName("layoutWidget")
self.gridLayout = QtWidgets.QGridLayout(self.layoutWidget)
self.gridLayout.setContentsMargins(0, 0, 0, 0)
self.gridLayout.setObjectName("gridLayout")
self.label_2 = QtWidgets.QLabel(self.layoutWidget)
self.label_2.setObjectName("label_2")
self.gridLayout.addWidget(self.label_2, 0, 0, 1, 1)
self.lineEdit = QtWidgets.QLineEdit(self.layoutWidget)
self.lineEdit.setObjectName("lineEdit")
self.gridLayout.addWidget(self.lineEdit, 0, 1, 1, 1)
self.label_3 = QtWidgets.QLabel(self.layoutWidget)
self.label_3.setObjectName("label_3")
self.gridLayout.addWidget(self.label_3, 1, 0, 1, 1)
self.lineEdit_2 = QtWidgets.QLineEdit(self.layoutWidget)
self.lineEdit_2.setObjectName("lineEdit_2")
self.gridLayout.addWidget(self.lineEdit_2, 1, 1, 1, 1)
self.label_4 = QtWidgets.QLabel(self.layoutWidget)
self.label_4.setObjectName("label_4")
self.gridLayout.addWidget(self.label_4, 2, 0, 1, 1)
self.lineEdit_3 = QtWidgets.QLineEdit(self.layoutWidget)
self.lineEdit_3.setObjectName("lineEdit_3")
self.gridLayout.addWidget(self.lineEdit_3, 2, 1, 1, 1)
self.tabWidget.addTab(self.tab, "")
self.tab_2 = QtWidgets.QWidget()
self.tab_2.setObjectName("tab_2")
self.layoutWidget1 = QtWidgets.QWidget(self.tab_2)
self.layoutWidget1.setGeometry(QtCore.QRect(20, 20, 211, 131))
self.layoutWidget1.setObjectName("layoutWidget1")
self.gridLayout_2 = QtWidgets.QGridLayout(self.layoutWidget1)
self.gridLayout_2.setContentsMargins(0, 0, 0, 0)
self.gridLayout_2.setObjectName("gridLayout_2")
self.label_5 = QtWidgets.QLabel(self.layoutWidget1)
self.label_5.setObjectName("label_5")
self.gridLayout_2.addWidget(self.label_5, 0, 0, 1, 1)
self.lineEdit_4 = QtWidgets.QLineEdit(self.layoutWidget1)
self.lineEdit_4.setObjectName("lineEdit_4")
self.gridLayout_2.addWidget(self.lineEdit_4, 0, 1, 1, 1)
self.label_6 = QtWidgets.QLabel(self.layoutWidget1)
self.label_6.setObjectName("label_6")
self.gridLayout_2.addWidget(self.label_6, 1, 0, 1, 1)
self.lineEdit_5 = QtWidgets.QLineEdit(self.layoutWidget1)
self.lineEdit_5.setObjectName("lineEdit_5")
self.gridLayout_2.addWidget(self.lineEdit_5, 1, 1, 1, 1)
self.label_7 = QtWidgets.QLabel(self.layoutWidget1)
self.label_7.setObjectName("label_7")
self.gridLayout_2.addWidget(self.label_7, 2, 0, 1, 1)
self.lineEdit_6 = QtWidgets.QLineEdit(self.layoutWidget1)
self.lineEdit_6.setObjectName("lineEdit_6")
self.gridLayout_2.addWidget(self.lineEdit_6, 2, 1, 1, 1)
self.tabWidget.addTab(self.tab_2, "")
self.tab_3 = QtWidgets.QWidget()
self.tab_3.setObjectName("tab_3")
self.tabWidget.addTab(self.tab_3, "")
self.verticalLayout.addWidget(self.tabWidget)
self.horizontalLayout = QtWidgets.QHBoxLayout()
self.horizontalLayout.setObjectName("horizontalLayout")
spacerItem = QtWidgets.QSpacerItem(40, 20, QtWidgets.QSizePolicy.Expanding, QtWidgets.QSizePolicy.Minimum)
self.horizontalLayout.addItem(spacerItem)
self.pushButton = QtWidgets.QPushButton(self.widget)
self.pushButton.setObjectName("pushButton")
self.horizontalLayout.addWidget(self.pushButton)
spacerItem1 = QtWidgets.QSpacerItem(40, 20, QtWidgets.QSizePolicy.Expanding, QtWidgets.QSizePolicy.Minimum)
self.horizontalLayout.addItem(spacerItem1)
self.pushButton_2 = QtWidgets.QPushButton(self.widget)
self.pushButton_2.setObjectName("pushButton_2")
self.horizontalLayout.addWidget(self.pushButton_2)
spacerItem2 = QtWidgets.QSpacerItem(40, 20, QtWidgets.QSizePolicy.Expanding, QtWidgets.QSizePolicy.Minimum)
self.horizontalLayout.addItem(spacerItem2)
self.verticalLayout.addLayout(self.horizontalLayout)
MainWindow.setCentralWidget(self.centralwidget)
self.menubar = QtWidgets.QMenuBar(MainWindow)
self.menubar.setGeometry(QtCore.QRect(0, 0, 554, 23))
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)
self.pushButton.clicked.connect(self.addtab) # 为“添加”按钮绑定单击信号
self.pushButton_2.clicked.connect(self.deltab) # 为“删除”按钮绑定单击信号
self.tabWidget.currentChanged.connect(self.gettab) # 为选项卡绑定页面切换信号
# 新增选项卡
def addtab(self):
self.atab = QtWidgets.QWidget() # 创建选项卡对象
name = "tab_" + str(self.tabWidget.count() + 1) # 设置选项卡的对象名
self.atab.setObjectName(name) # 设置选项卡的对象名
self.tabWidget.addTab(self.atab, name) # 添加选项卡
# 删除选项卡
def deltab(self):
self.tabWidget.removeTab(self.tabWidget.currentIndex()) # 移除当前选项卡
# 获取选中的选项卡及索引
def gettab(self, currentIndex):
from PyQt5.QtWidgets import QMessageBox
QMessageBox.information(MainWindow, "提示", "您选择了 " + self.tabWidget.tabText(currentIndex) + " 选项卡,索引为: " + str(
self.tabWidget.currentIndex()), QMessageBox.Ok)
def retranslateUi(self, MainWindow):
_translate = QtCore.QCoreApplication.translate
MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
self.label.setText(_translate("MainWindow", "基本信息"))
self.label_2.setText(_translate("MainWindow", "*昵称"))
self.label_3.setText(_translate("MainWindow", "性别"))
self.label_4.setText(_translate("MainWindow", "生日"))
self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab), _translate("MainWindow", "资料设置"))
self.label_5.setText(_translate("MainWindow", "姓 名"))
self.label_6.setText(_translate("MainWindow", "手机号码"))
self.label_7.setText(_translate("MainWindow", "地 址"))
self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_2), _translate("MainWindow", "收货地址设置"))
self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_3), _translate("MainWindow", "账户设置"))
self.pushButton.setText(_translate("MainWindow", "添加"))
self.pushButton_2.setText(_translate("MainWindow", "删除"))
import sys
# 主方法,程序从此处启动PyQt设计的窗体
if __name__ == '__main__':
app = QtWidgets.QApplication(sys.argv)
MainWindow = QtWidgets.QMainWindow() # 创建窗体对象
ui = Ui_MainWindow() # 创建PyQt设计的窗体对象
ui.setupUi(MainWindow) # 调用PyQt窗体的方法对窗体对象进行初始化设置
MainWindow.show() # 显示窗体
sys.exit(app.exec_()) # 程序关闭时退出进程
三、ToolBox:工具盒
工具盒控件主要提供一种列状的层叠选项卡。
QToolBox类常用方法及说明
方法 | 说明 |
addItem() | 添加选项卡 |
setCurrentIndex() | 设置当前选中选项卡索引 |
setItemIcon() | 设置选项卡图标 |
setItemText() | 设置选项卡标题文本 |
setItemEnabled() | 设置选项卡是否可用 |
insertItem() | 插入新选项卡 |
removeItem() | 移除选项卡 |
itemText() | 获取选项卡文本 |
currentIndex() | 获取当前选项卡索引 |
最常用的信号是currentChanged,在切换选项卡时发射。应用效果类似QQ好友管理栏。