4.21

4.21

切换界面

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QStackedLayout, QLabel, QPushButton


class One(QWidget):
    def __init__(self):
        super(One, self).__init__()
        self.create_ui()

    def create_ui(self):
        label = QLabel('第一个页面', self)
        label.move(50, 30)

        self.btn = QPushButton('下一页', self)
        self.btn.move(300, 300)


class Two(QWidget):
    def __init__(self):
        super(Two, self).__init__()
        self.create_ui()

    def create_ui(self):
        label = QLabel('第二个页面', self)
        label.move(50, 60)

        self.btn1 = QPushButton('下一页', self)
        self.btn1.move(300, 300)
        # btn1.clicked.connect(self.btnAction)

        self.btn2 = QPushButton('上一页', self)
        self.btn2.move(100, 300)


class Three(QWidget):
    def __init__(self):
        super(Three, self).__init__()
        self.create_ui()

    def create_ui(self):
        label = QLabel('第三个页面', self)
        label.move(50, 100)

        self.btn = QPushButton('上一页', self)
        self.btn.move(100, 300)


class MainWindow(QWidget):
    def __init__(self):
        super(MainWindow, self).__init__()
        self.create_ui()
        self.setGeometry(200, 100, 800, 600)
        self.setWindowTitle('图书管理系统首页')
        self.show()

    def create_ui(self):
        self.stacked = QStackedLayout(self)

        one = One()
        two = Two()
        three = Three()

        one.btn.clicked.connect(self.next_action)
        two.btn1.clicked.connect(self.next_action)
        two.btn2.clicked.connect(self.pre_action)
        three.btn.clicked.connect(self.pre_action)

        self.stacked.addWidget(one)
        self.stacked.addWidget(two)
        self.stacked.addWidget(three)

    def next_action(self):
        index = self.stacked.currentIndex()
        # 切换页面
        self.stacked.setCurrentIndex(index + 1)

    def pre_action(self):
        index = self.stacked.currentIndex()
        self.stacked.setCurrentIndex(index - 1)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MainWindow()
    sys.exit(app.exec_())

部分切换一（复杂）

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QStackedLayout, QPushButton, QLabel, QHBoxLayout


class One(QWidget):
    def __init__(self):
        super(One, self).__init__()
        self.create_ui()

    def create_ui(self):
        self.setStyleSheet('QWidget{background-color: red;}')
        label = QLabel('第一个页面', self)
        label.move(50, 30)

        self.btn = QPushButton('下一页', self)
        self.btn.move(300, 300)


class Two(QWidget):
    def __init__(self):
        super(Two, self).__init__()
        self.create_ui()

    def create_ui(self):
        self.setStyleSheet('QWidget{background-color: yellow;}')

        label = QLabel('第二个页面', self)
        label.move(50, 60)

        self.btn1 = QPushButton('下一页', self)
        self.btn1.move(300, 300)
        # btn1.clicked.connect(self.btnAction)

        self.btn2 = QPushButton('上一页', self)
        self.btn2.move(100, 300)


class Three(QWidget):
    def __init__(self):
        super(Three, self).__init__()
        self.create_ui()

    def create_ui(self):
        self.setStyleSheet('QWidget{background-color: blue;}')

        label = QLabel('第三个页面', self)
        label.move(50, 100)

        self.btn = QPushButton('上一页', self)
        self.btn.move(100, 300)


class TopView(QWidget):
    def __init__(self, stacked=QStackedLayout()):
        super(TopView, self).__init__()
        self.stacked = stacked
        self.create_ui()

    def create_ui(self):
        box = QHBoxLayout(self)

        self.btn1 = QPushButton('one', self)
        self.btn1.clicked.connect(self.change_page1)

        self.btn2 = QPushButton('two', self)
        self.btn2.clicked.connect(self.change_page2)

        self.btn3 = QPushButton('three', self)
        self.btn3.clicked.connect(self.change_page3)

        box.addWidget(self.btn1)
        box.addWidget(self.btn2)
        box.addWidget(self.btn3)
        box.addStretch(1)

    def change_page2(self):
        self.stacked.setCurrentIndex(1)

    def change_page1(self):
        self.stacked.setCurrentIndex(0)

    def change_page3(self):
        self.stacked.setCurrentIndex(2)


class MainWindow(QWidget):
    def __init__(self):
        super(MainWindow, self).__init__()
        self.create_ui()
        self.setGeometry(200, 100, 800, 600)
        self.setWindowTitle('页面切换')
        self.show()

    def create_ui(self):
        # 1.整体盒子
        self.box = QVBoxLayout(self)

        # 2.1 顶部视图
        top_view = TopView()

        # 2.2 底部用来进行切换的Layout
        self.stacked = QStackedLayout()
        one = One()
        two = Two()
        three = Three()
        self.stacked.addWidget(one)
        self.stacked.addWidget(two)
        self.stacked.addWidget(three)

        top_view.stacked = self.stacked

        self.box.addWidget(top_view)
        self.box.addLayout(self.stacked)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MainWindow()
    sys.exit(app.exec_())

部分切换二

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QHBoxLayout, QStackedLayout, QPushButton, QLabel
from PyQt5.QtWidgets import QListWidget, QAction
from PyQt5 import QtWidgets


class One(QWidget):
    def __init__(self):
        super(One, self).__init__()
        self.create_ui()

    def create_ui(self):
        box = QHBoxLayout(self)

        left_box = QVBoxLayout()
        list_v = QListWidget(self)
        list_v.addItems(['释义', '例句'])     # 添加文字选项
        list_v.setCurrentRow(0)     # 设置默认选中
        list_v.currentItemChanged.connect(self.item_change)     # 关联切换事件
        left_box.addWidget(list_v)

        self.right_box = QStackedLayout()
        l1 = QLabel('释义的界面', self)
        l2 = QLabel('例句的界面', self)
        self.right_box.addWidget(l1)
        self.right_box.addWidget(l2)

        box.addLayout(left_box, 1)
        box.addLayout(self.right_box, 3)

    def item_change(self, value: QtWidgets.QListWidgetItem):
        print('改变:', value.text())
        if value.text() == '释义':
            self.right_box.setCurrentIndex(0)
        else:
            self.right_box.setCurrentIndex(1)







class MainWindow(QWidget):
    def __init__(self):
        super(MainWindow, self).__init__()
        self.create_ui()
        self.setGeometry(200, 100, 800, 600)
        self.setWindowTitle('图书管理系统首页')
        self.show()

    def create_ui(self):
        box = QVBoxLayout(self)

        # 1.顶部视图
        top_box = QHBoxLayout()
        btn1 = QPushButton('页面1', self)
        btn2 = QPushButton('页面2', self)
        btn3 = QPushButton('页面3', self)
        top_box.addWidget(btn1)
        top_box.addWidget(btn2)
        top_box.addWidget(btn3)

        btn1.clicked.connect(self.btn1_action)
        btn2.clicked.connect(self.btn2_action)
        btn3.clicked.connect(self.btn3_action)

        # 2.底部视图
        self.bottom_box = QStackedLayout()
        # label1 = QLabel('页面1', self)
        page1 = One()
        label2 = QLabel('页面2', self)
        label3 = QLabel('页面3', self)
        # self.bottom_box.addWidget(label1)
        self.bottom_box.addWidget(page1)
        self.bottom_box.addWidget(label2)
        self.bottom_box.addWidget(label3)

        box.addLayout(top_box)
        box.addLayout(self.bottom_box)

    def btn1_action(self):
        self.bottom_box.setCurrentIndex(0)

    def btn2_action(self):
        self.bottom_box.setCurrentIndex(1)

    def btn3_action(self):
        self.bottom_box.setCurrentIndex(2)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MainWindow()
    sys.exit(app.exec_())