🔍 問題背景

當界面控件過多時，直接平鋪會導致窗口擁擠、用戶體驗下降。PyQt5提供了兩種高效容器控件：

• QTabWidget：選項卡式布局，支持直接切換不同功能模塊
• QStackedWidget：堆棧式布局，需配合導航控件實現頁面切換

QTabWidget：選項卡式布局

🛠? 核心方法速查

方法	描述
addTab()	將一個控件添加到Tab控件的選項卡中
insertTab()	將一個Tab控件的選項卡插入到指定的位置
removeTab()	根據指定的索引刪除Tab控件
setCurrentIndex()	設置當前可見的選項卡所在的索引
setCurrentWidget()	設置當前可見的頁面
setTabBar()	設置選項卡欄的小控件
setTabPosition()	設置選項卡的位置：QTabWidget.Noflh,顯示在頁面的上方；QTabWidget.South,顯示在頁面的下方；QTabWidget.West，顯示在頁面的左側；QTabWidget.East,顯示在頁面的右側；
setTabText()	定義Tab選項卡的顯示值

💻 代碼實戰：三欄信息表單

# 創建選項卡容器 
self.tab1  = QWidget()
self.addTab(self.tab1,  "聯系方式")  # 添加第一個選項卡 # 表單布局示例 
layout = QFormLayout()
layout.addRow(" 姓名", QLineEdit())
self.tab1.setLayout(layout) 

? 技術要點

• 布局嵌套：每個選項卡使用獨立布局（如QFormLayout、QHBoxLayout）
• 動態修改：通過setTabText()實時更新選項卡名稱
• 信號監聽：綁定currentChanged信號實現切換時數據加載

QStackedWidget：堆棧式布局

🎯 與QTabWidget的核心差異

特性	QTabWidget	QStackedWidget
切換方式	自帶選項卡	需外部導航控件（如QListWidget）
內存占用	同時加載所有頁面	只加載當前顯示頁面
適用場景	功能模塊明確劃分	需要動態加載內容的流程式界面

💻 代碼實戰：側邊欄導航

# 創建堆棧容器+左側導航 
self.leftlist  = QListWidget()
self.Stack = QStackedWidget()
self.leftlist.currentRowChanged.connect(self.display)   # 綁定導航切換 # 頁面切換邏輯 
def display(self, index):self.Stack.setCurrentIndex(index)   # 關鍵代碼：根據索引切換頁面 

?? 避坑指南

• 重復布局問題：示例代碼中stack2UI()重復添加性別選擇欄需修正
• 初始化加載：建議默認顯示第一個頁面（setCurrentIndex(0)）
• 性能優化：復雜頁面可配合懶加載技術

應用場景對比

場景	推薦方案	優勢說明
設置界面	QTabWidget	直觀分類，快速切換
向導式表單	QStackedWidget	線性流程控制，減少界面干擾
動態內容加載	QStackedWidget	節省內存，按需渲染

📝 設計建議

• 視覺一致性：選項卡圖標+文字混合使用提升辨識度
• 響應式設計：通過setTabPosition(QTabWidget.West)實現側邊欄適配寬屏
• 交互增強：結合QPropertyAnimation實現頁面切換動畫