PyQT学习之Stacked Widget控件

1. 打开PyCharm中:Tools->Externel Tools->Qt_Designer

 

注:

Qt_Designer和PyUIC的设置:

File->Settings->Tools->External Tools

Qt_Designer:

      Name: Qt_Designer

      Program: Python安装地址\Lib\site-packages\QtDesigner\designer.exe

      Working Dirctory: $ProjectFileDir$

PyUIC:

      Name: PyUIC

      Program: Python安装地址\python.exe

     Arguments:-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py

      Working Dirctory: $FileDir$


2. QtDesigner中:文件->新建->Widget

在左侧栏中选择拖动“Push Button”和“Stacked Widget”控件到右侧

为了验证两个页面的切换过程,在右侧对象查看器中选中page,然后拖动Label到UI中

然后将此UI保存名为“test.ui”


3. 将test.ui生成test.py文件

选中test.ui,选择Tools->Externel Tools->PyUIC,生成test.py代码如下:

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'test.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(1053, 713)
        self.pushButton = QtWidgets.QPushButton(Form)
        self.pushButton.setGeometry(QtCore.QRect(80, 90, 93, 28))
        self.pushButton.setObjectName("pushButton")
        self.pushButton_1 = QtWidgets.QPushButton(Form)
        self.pushButton_1.setGeometry(QtCore.QRect(80, 180, 93, 28))
        self.pushButton_1.setObjectName("pushButton_1")
        self.stackedWidget = QtWidgets.QStackedWidget(Form)
        self.stackedWidget.setGeometry(QtCore.QRect(220, 80, 621, 461))
        self.stackedWidget.setObjectName("stackedWidget")
        self.page = QtWidgets.QWidget()
        self.page.setObjectName("page")
        self.label = QtWidgets.QLabel(self.page)
        self.label.setGeometry(QtCore.QRect(120, 80, 421, 181))
        font = QtGui.QFont()
        font.setFamily("Adobe Arabic")
        font.setPointSize(72)
        self.label.setFont(font)
        self.label.setObjectName("label")
        self.stackedWidget.addWidget(self.page)
        self.page_2 = QtWidgets.QWidget()
        self.page_2.setObjectName("page_2")
        self.label_2 = QtWidgets.QLabel(self.page_2)
        self.label_2.setGeometry(QtCore.QRect(110, 140, 361, 171))
        font = QtGui.QFont()
        font.setFamily("Adobe Arabic")
        font.setPointSize(72)
        self.label_2.setFont(font)
        self.label_2.setObjectName("label_2")
        self.stackedWidget.addWidget(self.page_2)

        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.pushButton.setText(_translate("Form", "页面1"))
        self.pushButton_1.setText(_translate("Form", "页面2"))
        self.label.setText(_translate("Form", "页面1"))
        self.label_2.setText(_translate("Form", "页面2"))

4. 新建main.py文件

# encoding=utf-8
import sys
from PyQt5.QtWidgets import *

import test


class UI_Test(QWidget, test.Ui_Form):
    def __init__(self):
        super().__init__()
        self.setupUi(self)
        self.pushButton.clicked.connect(self.pushButton_func)
        self.pushButton_1.clicked.connect(self.pushButton_1_func)

    def pushButton_func(self):
        self.stackedWidget.setCurrentIndex(0)

    def pushButton_1_func(self):
        self.stackedWidget.setCurrentIndex(1)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ui_win = UI_Test()
    ui_win.show()
    sys.exit(app.exec_())

运行代码:

 

 

PyQt5中,有两种常用的布局控件用于窗口和界面的设计: 1. **QStackedWidget**[^1]:这个控件主要用于组织和切换多个独立的窗口或界面。它的主要用途是在一个父窗口中显示多个子窗口,并可以通过脚本控制当前显示的是哪个子窗口。例如,你可以创建一个QStackedWidget,添加多个QWidget作为其页面,然后调用`addWidget()`方法添加子窗口,并使用`setCurrentIndex()`来切换显示。 2. **QGridLayout**[^2]:这是一个基于网格的布局管理器,它将窗口分成行和列,每个控件占据网格中的一个单元格。这种布局方式非常适合需要精确对齐和尺寸固定的场景,比如表格或复杂的布局设计。要使用QGridLayout,只需在窗口上设置它为布局,然后使用`addWidget()`方法将控件放在特定的位置。 要开始使用这两种布局,首先导入所需的模块,如`QtWidgets`,然后创建一个窗口并设置布局。例如,创建一个包含QStackedWidget的窗口: ```python from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QStackedWidget app = QApplication([]) window = QWidget() layout = QVBoxLayout(window) stacked_widget = QStackedWidget() # 添加子窗口到QStackedWidget sub_window1 = QWidget() sub_window2 = QWidget() stacked_widget.addWidget(sub_window1) stacked_widget.addWidget(sub_window2) layout.addWidget(stacked_widget) window.setLayout(layout) window.show() app.exec_() ``` 而对于QGridLayout,你会在窗口上创建一个网格,然后添加控件: ```python from PyQt5.QtWidgets import QApplication, QWidget, QGridLayout, QPushButton app = QApplication([]) window = QWidget() grid_layout = QGridLayout(window) button1 = QPushButton('Button 1') button2 = QPushButton('Button 2') grid_layout.addWidget(button1, 0, 0) # (row, column) grid_layout.addWidget(button2, 0, 1) # (row, column) window.setLayout(grid_layout) window.show() app.exec_() ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值