PyQt5使用按键实现QStackedWidget切换

在官方文档中,推荐当我们使用QStackedWidget元件时,使用QComboBox或者QListWidget元件与它相关联起来进行不同页的切换,那么有没有可能我们将按键元件和它关联起来进行不同页的操作呢?答案是可以的,这里记录一下,请看如下代码:

# -*- coding:utf-8 -*-
import sys
from PyQt5.QtWidgets import QApplication, QListWidget, QWidget, QStackedWidget, QHBoxLayout, QGridLayout, \
    QPushButton


class App(QWidget):
    def __init__(self, parent=None):
        super(App, self).__init__(parent)
        # 创建左侧按键元件
        self.btn1 = QPushButton("按钮1")
        self.btn2 = QPushButton("按钮2")
        self.btn3 = QPushButton("按钮3")
        # 设置按键点击属性
        self.btn1.clicked.connect(self.display)
        self.btn2.clicked.connect(self.display)
        self.btn3.clicked.connect(self.display)
        # 创建左侧布局
        self.left_layout = QGridLayout()
        self.left_layout.addWidget(self.btn1)
        self.left_layout.addWidget(self.btn2)
        self.left_layout.addWidget(self.btn3)
        # 创建左侧组件
        self.left_widget = QWidget()
        self.left_widget.setLayout(self.left_layout)
        # 创建右侧分页
        self.stack1 = QWidget()
        self.stack2 = QWidget()
        self.stack3 = QWidget()
        # 创建右侧分页各个组件
        self.initStack1()
        self.initStack2()
        self.initStack3()
        # 创建整体页组件,并将三个分页添加到主页上
        self.Stack = QStackedWidget()
        self.Stack.addWidget(self.stack1)
        self.Stack.addWidget(self.stack2)
        self.Stack.addWidget(self.stack3)
        # 创建主组件布局
        self.main_layout = QHBoxLayout()
        # 向主组件布局中添加左右两个整体组件
        self.main_layout.addWidget(self.left_widget)
        self.main_layout.addWidget(self.Stack)
        # 设置主组件的布局为创建的主布局
        self.setLayout(self.main_layout)

    def initStack1(self):
        layout = QHBoxLayout()
        list1 = QListWidget()
        list1.insertItem(0, "第一页")
        layout.addWidget(list1)

        self.stack1.setLayout(layout)

    def initStack2(self):
        layout = QHBoxLayout()
        list1 = QListWidget()
        list1.insertItem(0, "第二页")
        layout.addWidget(list1)

        self.stack2.setLayout(layout)

    def initStack3(self):
        layout = QHBoxLayout()
        list1 = QListWidget()
        list1.insertItem(0, "第三页")
        layout.addWidget(list1)

        self.stack3.setLayout(layout)

    def display(self):
        sender = self.sender()
        if sender.text() == "按钮1":
            self.Stack.setCurrentIndex(0)
        elif sender.text() == "按钮2":
            self.Stack.setCurrentIndex(1)
        elif sender.text() == "按钮3":
            self.Stack.setCurrentIndex(2)


def main():
    app = QApplication(sys.argv)
    window = App()
    window.show()
    sys.exit(app.exec())


if __name__ == '__main__':
    main()

至此,使用按钮来实现QStackedWidget切换被完成。效果图如下:
PyQt5使用按键实现QStackedWidget切换_第1张图片

至于sender的用法,可以参考PyQt5创建按钮和触发点击事件(超链接点击跳转)进行学习。

码字不易,如果大家觉得有用,请高抬贵手给一个赞让我上推荐让更多的人看到吧~

你可能感兴趣的:(PyQt5,pyqt5,gui,qt,python)