PyQt中使用QTabWidget實現(xiàn)多頁面布局的方法

更新時間：2025年04月02日 09:40:00 作者：QMT量化交易

在使用PyQt編寫桌面應(yīng)用程序的過程中,要實現(xiàn)多頁面布局方案,可以使用QTabWidget控件來實現(xiàn),本案例提供了完整的標(biāo)簽頁管理功能,同時保持了響應(yīng)式設(shè)計的核心原則,能夠很好地適應(yīng)不同屏幕尺寸和內(nèi)容變化,感興趣的朋友一起看看吧

功能概覽

本案例提供了完整的標(biāo)簽頁管理功能，同時保持了響應(yīng)式設(shè)計的核心原則，能夠很好地適應(yīng)不同屏幕尺寸和內(nèi)容變化。

標(biāo)簽管理：支持動態(tài)添加/關(guān)閉標(biāo)簽頁

響應(yīng)式布局：每個頁面使用布局管理器自動適應(yīng)窗口大小

樣式定制：通過QSS自定義標(biāo)簽外觀

擴(kuò)展性：可輕松添加更多頁面類型

交互功能：包含基本的表單元素和文本編輯功能

基礎(chǔ)結(jié)構(gòu)搭建

from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *
import sys
class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()
    def initUI(self):
        self.setWindowTitle('多頁面應(yīng)用示例')
        # 創(chuàng)建中央部件和主布局
        central_widget = QWidget()
        self.setCentralWidget(central_widget)
        main_layout = QVBoxLayout(central_widget)
        # 創(chuàng)建標(biāo)簽控件
        self.tab_widget = QTabWidget()
        main_layout.addWidget(self.tab_widget)
        # 添加示例標(biāo)簽頁
        self.add_tab("首頁", self.create_home_page())
        self.add_tab("設(shè)置", self.create_settings_page())
        self.add_tab("關(guān)于", self.create_about_page())
        # 設(shè)置標(biāo)簽位置（可選：北/南/東/西）
        self.tab_widget.setTabPosition(QTabWidget.North)
        # 啟用標(biāo)簽關(guān)閉按鈕（可選）
        self.tab_widget.setTabsClosable(True)
        self.tab_widget.tabCloseRequested.connect(self.close_tab)
    def add_tab(self, name, widget):
        """添加新標(biāo)簽頁"""
        self.tab_widget.addTab(widget, name)
    def close_tab(self, index):
        """關(guān)閉標(biāo)簽頁"""
        widget = self.tab_widget.widget(index)
        if widget:
            widget.deleteLater()
        self.tab_widget.removeTab(index)

創(chuàng)建頁面內(nèi)容

def create_home_page(self):
    """創(chuàng)建首頁內(nèi)容"""
    page = QWidget()
    layout = QVBoxLayout(page)
    # 添加響應(yīng)式內(nèi)容
    title = QLabel("歡迎使用")
    title.setAlignment(Qt.AlignCenter)
    title.setStyleSheet("font-size: 24px; font-weight: bold;")
    content = QTextEdit()
    content.setPlaceholderText("輸入您的內(nèi)容...")
    content.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding)
    btn_container = QHBoxLayout()
    btn_add = QPushButton("添加")
    btn_add.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Fixed)
    btn_container.addWidget(btn_add)
    layout.addWidget(title)
    layout.addWidget(content)
    layout.addLayout(btn_container)
    return page
def create_settings_page(self):
    """創(chuàng)建設(shè)置頁面"""
    page = QWidget()
    layout = QFormLayout(page)
    # 添加表單元素
    layout.addRow(QLabel("主題顏色:"), QComboBox())
    layout.addRow(QLabel("字體大小:"), QSpinBox())
    layout.addRow(QLabel("自動保存:"), QCheckBox())
    return page
def create_about_page(self):
    """創(chuàng)建關(guān)于頁面"""
    page = QWidget()
    layout = QVBoxLayout(page)
    logo = QLabel("應(yīng)用圖標(biāo)")
    logo.setAlignment(Qt.AlignCenter)
    logo.setFixedSize(100, 100)
    logo.setStyleSheet("border: 1px solid #ccc;")
    info = QLabel("版本 1.0.0\n版權(quán)所有 ? 2023")
    info.setAlignment(Qt.AlignCenter)
    layout.addWidget(logo)
    layout.addWidget(info)
    layout.addStretch()
    return page

高級功能

動態(tài)添加標(biāo)簽頁

def add_new_tab(self):
    """動態(tài)創(chuàng)建新標(biāo)簽"""
    count = self.tab_widget.count()
    new_page = QWidget()
    new_layout = QVBoxLayout(new_page)
    new_layout.addWidget(QLabel(f"這是第 {count+1} 個標(biāo)簽頁"))
    self.add_tab(f"頁面 {count+1}", new_page)
    self.tab_widget.setCurrentIndex(count)

標(biāo)簽樣式定制

# 設(shè)置標(biāo)簽形狀（可選：圓形/三角形）
self.tab_widget.setTabShape(QTabWidget.Rounded)
# 自定義標(biāo)簽樣式（通過QSS）
self.tab_widget.setStyleSheet("""
    QTabBar::tab {
        background: #f0f0f0;
        border: 1px solid #ccc;
        padding: 8px 16px;
    }
    QTabBar::tab:selected {
        background: #fff;
        border-bottom: 2px solid #2196F3;
    }
""")

響應(yīng)式布局技巧

嵌套布局

在復(fù)雜頁面中組合使用QVBoxLayout/QHBoxLayout/QGridLayout

伸縮控制

layout.setStretch(0, 1)  # 第一個部件擴(kuò)展
layout.setStretch(1, 2)  # 第二個部件雙倍擴(kuò)展

部件策略

widget.setSizePolicy(QSizePolicy.Preferred, QSizePolicy.Maximum)

動態(tài)調(diào)整

def resizeEvent(self, event):
    self.tab_widget.adjustSize()
    super().resizeEvent(event)

完整示例代碼

import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()
    def initUI(self):
        self.setWindowTitle('多頁面應(yīng)用')
        self.setGeometry(300, 300, 800, 600)
        central_widget = QWidget()
        self.setCentralWidget(central_widget)
        main_layout = QVBoxLayout(central_widget)
        # 創(chuàng)建標(biāo)簽控件
        self.tab_widget = QTabWidget()
        main_layout.addWidget(self.tab_widget)
        # 添加示例標(biāo)簽
        self.add_tab("首頁", self.create_home_page())
        self.add_tab("設(shè)置", self.create_settings_page())
        # 添加控制按鈕
        btn_add = QPushButton("新建標(biāo)簽")
        btn_add.clicked.connect(self.add_new_tab)
        main_layout.addWidget(btn_add)
    def add_tab(self, name, widget):
        self.tab_widget.addTab(widget, name)
        self.tab_widget.setTabToolTip(self.tab_widget.count()-1, name)
    def add_new_tab(self):
        new_page = QWidget()
        layout = QVBoxLayout(new_page)
        text_edit = QTextEdit()
        layout.addWidget(text_edit)
        self.add_tab(f"新標(biāo)簽 {self.tab_widget.count()+1}", new_page)
        self.tab_widget.setCurrentIndex(self.tab_widget.count()-1)
    def create_home_page(self):
        page = QWidget()
        layout = QVBoxLayout(page)
        title = QLabel("首頁內(nèi)容")
        title.setAlignment(Qt.AlignCenter)
        title.setStyleSheet("font-size: 24px;")
        content = QTextEdit()
        content.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding)
        layout.addWidget(title)
        layout.addWidget(content)
        return page
    def create_settings_page(self):
        page = QWidget()
        layout = QFormLayout(page)
        layout.addRow(QLabel("選項1:"), QLineEdit())
        layout.addRow(QLabel("選項2:"), QComboBox())
        layout.addRow(QLabel("選項3:"), QCheckBox("啟用"))
        return page
if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    sys.exit(app.exec_())

到此這篇關(guān)于PyQt中使用QTabWidget實現(xiàn)多頁面布局的實現(xiàn)方法的文章就介紹到這了,更多相關(guān)PyQt QTabWidget多頁面布局內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: