PyQt介绍——QStackedWidget堆栈组件的介绍使用_qstackwidget

QStackedWidget是一个堆栈窗口控件，用于管理多个堆叠的子部件。它只显示当前选中的子部件，而隐藏其余的子部件。

例子：

ControlWidget窗口中，创建QStackedWidget，分别添加两个组件，为Test1Widget和Test2Widget，两个组件都添加ViewOnButton，通过ViewOnButton切换两个组件。

from PyQt5.QtWidgets import *
import sys


class ViewOnButton(QPushButton):
    def __init__(self, is_view=True):
        super().__init__()
        self.is_view = is_view
        self.init_ui()

    def init_ui(self):
        self.setMaximumWidth(100)
        if self.is_view:
            self.setText(" 画面1")
            font_color = "rgb(70, 106, 170)"

        else:
            self.setText(" 画面2")
            font_color = "rgb(231, 197, 111)"

        style_str = """QPushButton {{background-color: rgb(240, 254, 230);
                        border-style: outset;
                        border-width: 2px;
                        border-color: #8f8f91;
                        border-radius: 6px;
                        padding: 6px;
                        font-size: 16px;
                        font-weight: bold;
                        color: {};}}""".format(font_color)
        self.setStyleSheet(style_str)


class Test1Widget(QWidget):
    """
    动态视图页面
    """

    def __init__(self):
        super(Test1Widget, self).__init__()
        self.main_layout = QVBoxLayout()
        self.main_layout.setContentsMargins(10, 10, 10, 10)
        self.setStyleSheet("background-color: blue;")
        self.setLayout(self.main_layout)
        self.label = QLabel("我是组件1画面")

        h_layout = QHBoxLayout()
        h_layout.addStretch(1)
        self.preview_btn = ViewOnButton(is_view=False)
        h_layout.addWidget(self.preview_btn)
        self.main_layout.addLayout(h_layout)
        self.main_layout.addWidget(self.label)

    def get_btn(self):
        return self.preview_btn


class Test2Widget(QWidget):
    """
    动态视图页面
    """

    def __init__(self):
        super(Test2Widget, self).__init__()
        self.main_layout = QVBoxLayout()
        self.main_layout.setContentsMargins(10, 10, 10, 10)
        self.setStyleSheet("background-color: yellow;")
        self.setLayout(self.main_layout)
        self.label = QLabel("我是组件2画面")
        h_layout = QHBoxLayout()
        h_layout.addStretch(1)
        self.view_btn = ViewOnButton(is_view=True)
        h_layout.addWidget(self.view_btn)
        self.main_layout.addLayout(h_layout)
        self.main_layout.addWidget(self.label)

    def get_btn(self):
        return self.view_btn


class ControlWidget(QWidget):
    """
    控制主页面
    """

    def __init__(self):
        super(ControlWidget, self).__init__()
        self.resize(400, 200)
        self.setWindowTitle("切换页面测试")
        self.main_layout = QVBoxLayout()
        self.main_layout.setContentsMargins(10, 10, 10, 10)
        self.setLayout(self.main_layout)

        self.stacked_widget = QStackedWidget()
        self.main_layout.addWidget(self.stacked_widget)

        self.widget1 = Test2Widget()
        self.widget2 = Test1Widget()

        self.stacked_widget.addWidget(self.widget1)
        self.stacked_widget.addWidget(self.widget2)

        self.case_btn = self.widget1.get_btn()
        self.view_btn = self.widget2.get_btn()

        self.case_btn.clicked.connect(self.switch_to_view)
        self.view_btn.clicked.connect(self.switch_to_case)

    def switch_to_view(self):
        self.stacked_widget.setCurrentWidget(self.widget2)

    def switch_to_case(self):
        self.stacked_widget.setCurrentWidget(self.widget1)


app = QApplication(sys.argv)
window = ControlWidget()
window.show()
sys.exit(app.exec_())

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119

结果：