如何通过PyQt5在一个窗口中显示不同的页面?

时间:2017-10-02 16:25:21

标签: qt python-3.5 pyqt5 qstackedwidget

Window Snapshot

正如您所看到的,我创建了一个带有左按钮的窗口,但是我不知道如何在按下每个按钮后使用QStackedWidget来显示不同的视图。我搜索了几个类似的问题,但它们对我没用。我是PyQt5的新手。我在下面添加我的代码,请看一下。

这是我的代码:

class StackedWidget(QStackedWidget):
    def __init__(self, parent = None):
        QStackedWidget.__init__(self, parent)

    def setCurrentIndex(self, index):
        QStackedWidget.setCurrentIndex(self, index)

    def setSend(self):
        self.setCurrentIndex(0)

    def setHome(self):
        self.setCurrentIndex(1)

class Homewindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowFlags(Qt.FramelessWindowHint)
        self.style = """
                QPushButton{
                    background-color:rgba(0,0,0,20);
                }
                QPushButton:hover {
                    background-color: rgba(0,0,0,40);
                    color: white;
                }
            """
        self.setStyleSheet(self.style)
        self.initUI()

    def initUI(self):
        self.setGeometry(300,100,804,634)
        self.setWindowTitle('Home')

        self.stack = StackedWidget()

        page1 = QLabel("Page1")
        self.stack.addWidget(page1)

        email = QLabel("Page2")
        self.stack.addWidget(email)

        titleBarLbl = QLabel(self)
        titleBarLbl.setStyleSheet("background-color:blue")
        titleBarLbl.resize(805,53)

        self.sendBtn = QPushButton(self)
        self.sendBtn.setStyleSheet("background-color:red")
        self.sendBtn.clicked.connect(self.stack.setSend)
        self.sendBtn.setGeometry(0,53,48,48)

        self.homeBtn = QPushButton(self)
        self.homeBtn.setStyleSheet("background-color:green")
        self.homeBtn.clicked.connect(self.stack.setHome)
        self.homeBtn.setGeometry(0,101,48,48)

        self.show()

    def mousePressEvent(self,event):
        if event.button() == Qt.LeftButton:
            self.moving = True;
            self.offset = event.pos()

    def mouseMoveEvent(self,event):
        if self.moving:
            self.move(event.globalPos()-self.offset)

1 个答案:

答案 0 :(得分:0)

您的问题中的代码似乎工作正常,除了您没有将stack-widget赋予父级或设置其几何。所以就这样做:

def initUI(self):
    ...
    self.stack = StackedWidget(self)
    self.stack.setGeometry(55, 0, 750, 600)

使用按钮更改堆栈窗口小部件中的页面的一般方法是使用QButtonGroup。每个按钮都可以链接到stack-widget中给定页面的索引。然后,按钮组的buttonClicked信号可用于更改页面:

self.group = QtWidgets.QButtonGroup(self)
self.group.addButton(self.buttonA, 0)
self.group.addButton(self.buttonB, 1)
self.group.addButton(self.buttonC, 2)
# etc
self.group.buttonClicked[int].connect(self.stack.setCurrentIndex)

如有必要,可以像这样获取stack-widget中页面的索引:

index = self.stack.indexOf(self.pageA)