Python Qt GUI设计：QTabWidget、QStackedWidget和QDockWidget容器控件类（提升篇—2）

目录

1、QTabWidget容器控件类

2、QStackedWidget容器控件类

3、QDockWidget容器控件类

---

有时候我们可能会面临这样一种情况：所开发的程序包含了太多的控件，导致一个窗口装载不下或者装载的控件太多而不美观。

本篇博文就来解决这个问题，即如何在现有的窗口空间中装载更多的控件。

1、QTabWidget容器控件类

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

QTabWidget类中的常用方法如下表所示：

QTabWidget类中的常用信号如下表所示：

通过示例，了解QTabWidget容器控件类的使用方法，效果如下所示：

示例中，一个表单的内容分为三组，每一组小控件都显示在不同的选项卡中。顶层窗口是一个QTablWidget控件，将三个选项卡添加进去。

实现代码如下所示：

1. import sys

2. from PyQt5.QtCore import *

3. from PyQt5.QtGui import *

4. from PyQt5.QtWidgets import *

6. class TabDemo(QTabWidget):

7. def __init__(self, parent=None):

8. super(TabDemo, self).__init__(parent)

9. self.tab1 = QWidget()

10. self.tab2 = QWidget()

11. self.tab3 = QWidget()

12. self.addTab(self.tab1,"Tab 1")

13. self.addTab(self.tab2,"Tab 2")

14. self.addTab(self.tab3,"Tab 3")

15. self.tab1UI()

16. self.tab2UI()

17. self.tab3UI()

18. self.setWindowTitle("Tab 例子")

20. def tab1UI(self):

21. layout = QFormLayout()

22. layout.addRow("姓名",QLineEdit())

23. layout.addRow("地址",QLineEdit())

24. self.setTabText(0,"联系方式")

25. self.tab1.setLayout(layout)

27. def tab2UI(self):

28. layout = QFormLayout()

29. sex = QHBoxLayout()

30. sex.addWidget(QRadioButton("男"))

31. sex.addWidget(QRadioButton("女"))

32. layout.addRow(QLabel("性别"),sex)

33. layout.addRow("生日",QLineEdit())

34. self.setTabText(1,"个人详细信息")

35. self.tab2.setLayout(layout)

37. def tab3UI(self):

38. layout=QHBoxLayout()

39. layout.addWidget(QLabel("科目"))

40. layout.addWidget(QCheckBox("物理"))

41. layout.addWidget(QCheckBox("高数"))

42. self.setTabText(2,"教育程度")

43. self.tab3.setLayout(layout)

45. if __name__ == '__main__':

46. app = QApplication(sys.argv)

47. demo = TabDemo()

48. demo.show()

49. sys.exit(app.exec_())

2、QStackedWidget容器控件类

QStackedWidget是一个堆栈窗口控件，使用QStackedLayout布局，可以填充一些小控件，但同一时间只有一个小控件可以显示。QStackedWidget控件与QTabWidget类似，可以有效地显示窗口中的控件。

通过示例，了解QStackedWidget容器控件类的使用方法，效果如下所示：

示例中，在QStackedWidget对象中填充了三个子控件。每个子控件都可以有自己的布局，包含特定的表单元素。QStackedWidget控件不能在页面之间切换，它与当前选中的QListWidget控件中的选项进行连接。将QListWidget的currentRowChanged信号与display()槽函数相关联，从而改变堆叠控件的视图。

实现代码如下所示：

1. import sys

2. from PyQt5.QtCore import *

3. from PyQt5.QtGui import *

4. from PyQt5.QtWidgets import *

6. class StackedExample(QWidget):

7. def __init__(self):

8. super(StackedExample, self).__init__()

9. self.setGeometry(300, 50, 10,10)

10. self.setWindowTitle('StackedWidget 例子')

12. self.leftlist = QListWidget ()

13. self.leftlist.insertItem (0, '联系方式' )

14. self.leftlist.insertItem (1, '个人信息' )

15. self.leftlist.insertItem (2, '教育程度' )

16. self.stack1= QWidget()

17. self.stack2= QWidget()

18. self.stack3= QWidget()

19. self.stack1UI()

20. self.stack2UI()

21. self.stack3UI()

22. self.Stack = QStackedWidget (self)

23. self.Stack.addWidget (self.stack1)

24. self.Stack.addWidget (self.stack2)

25. self.Stack.addWidget (self.stack3)

26. hbox = QHBoxLayout(self)

27. hbox.addWidget(self.leftlist)

28. hbox.addWidget(self.Stack)

29. self.setLayout(hbox)

30. self.leftlist.currentRowChanged.connect(self.display)

32. def stack1UI(self):

33. layout=QFormLayout()

34. layout.addRow("姓名",QLineEdit())

35. layout.addRow("地址",QLineEdit())

36. self.stack1.setLayout(layout)

38. def stack2UI(self):

39. layout=QFormLayout()

40. sex=QHBoxLayout()

41. sex.addWidget(QRadioButton("男"))

42. sex.addWidget(QRadioButton("女"))

43. layout.addRow(QLabel("性别"),sex)

44. layout.addRow("生日",QLineEdit())

45. self.stack2.setLayout(layout)

47. def stack3UI(self):

48. layout=QHBoxLayout()

49. layout.addWidget(QLabel("科目"))

50. layout.addWidget(QCheckBox("物理"))

51. layout.addWidget(QCheckBox("高数"))

52. self.stack3.setLayout(layout)

54. def display(self,i):

55. self.Stack.setCurrentIndex(i)

57. if __name__ == '__main__':

58. app = QApplication(sys.argv)

59. demo = StackedExample()

60. demo.show()

61. sys.exit(app.exec_())

3、QDockWidget容器控件类

QDockWidget是一个可以停靠在QMainWindow内的窗口控件，它可以保持在浮动状态或者在指定位置作为子窗口附加到主窗口中。QMainWindow类的主窗口对象保留有一个用于停靠窗口的区域，这个区域在控件的中央周围，如下图所示：

QDockWidget控件在主窗口内可以移动到新的区域。QDockWidget类中的常用方法如下表所示：

通过示例，了解QDockWidget容器控件类的使用方法，效果如下所示：

示例中，顶层窗口是一个QMainWindow对象，QTextEdit对象是它的中央小控件，创建可停靠的窗口items，然后，在停靠窗口items内添加QListWidget对象，最后，将停靠窗口放置在中央小控件的右侧。

实现代码如下所示：

。。。。。。。。。。。。。。。。。

版权原因，完整文章，请参考如下：

Python Qt GUI设计：QTabWidget、QStackedWidget和QDockWidget容器控件类（提升篇—2）