当前位置:   article > 正文

PyQT学习之Stacked Widget控件_pyqt stackedwidget

pyqt stackedwidget

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代码如下:

  1. # -*- coding: utf-8 -*-
  2. # Form implementation generated from reading ui file 'test.ui'
  3. #
  4. # Created by: PyQt5 UI code generator 5.15.4
  5. #
  6. # WARNING: Any manual changes made to this file will be lost when pyuic5 is
  7. # run again. Do not edit this file unless you know what you are doing.
  8. from PyQt5 import QtCore, QtGui, QtWidgets
  9. class Ui_Form(object):
  10. def setupUi(self, Form):
  11. Form.setObjectName("Form")
  12. Form.resize(1053, 713)
  13. self.pushButton = QtWidgets.QPushButton(Form)
  14. self.pushButton.setGeometry(QtCore.QRect(80, 90, 93, 28))
  15. self.pushButton.setObjectName("pushButton")
  16. self.pushButton_1 = QtWidgets.QPushButton(Form)
  17. self.pushButton_1.setGeometry(QtCore.QRect(80, 180, 93, 28))
  18. self.pushButton_1.setObjectName("pushButton_1")
  19. self.stackedWidget = QtWidgets.QStackedWidget(Form)
  20. self.stackedWidget.setGeometry(QtCore.QRect(220, 80, 621, 461))
  21. self.stackedWidget.setObjectName("stackedWidget")
  22. self.page = QtWidgets.QWidget()
  23. self.page.setObjectName("page")
  24. self.label = QtWidgets.QLabel(self.page)
  25. self.label.setGeometry(QtCore.QRect(120, 80, 421, 181))
  26. font = QtGui.QFont()
  27. font.setFamily("Adobe Arabic")
  28. font.setPointSize(72)
  29. self.label.setFont(font)
  30. self.label.setObjectName("label")
  31. self.stackedWidget.addWidget(self.page)
  32. self.page_2 = QtWidgets.QWidget()
  33. self.page_2.setObjectName("page_2")
  34. self.label_2 = QtWidgets.QLabel(self.page_2)
  35. self.label_2.setGeometry(QtCore.QRect(110, 140, 361, 171))
  36. font = QtGui.QFont()
  37. font.setFamily("Adobe Arabic")
  38. font.setPointSize(72)
  39. self.label_2.setFont(font)
  40. self.label_2.setObjectName("label_2")
  41. self.stackedWidget.addWidget(self.page_2)
  42. self.retranslateUi(Form)
  43. QtCore.QMetaObject.connectSlotsByName(Form)
  44. def retranslateUi(self, Form):
  45. _translate = QtCore.QCoreApplication.translate
  46. Form.setWindowTitle(_translate("Form", "Form"))
  47. self.pushButton.setText(_translate("Form", "页面1"))
  48. self.pushButton_1.setText(_translate("Form", "页面2"))
  49. self.label.setText(_translate("Form", "页面1"))
  50. self.label_2.setText(_translate("Form", "页面2"))

4. 新建main.py文件

  1. # encoding=utf-8
  2. import sys
  3. from PyQt5.QtWidgets import *
  4. import test
  5. class UI_Test(QWidget, test.Ui_Form):
  6. def __init__(self):
  7. super().__init__()
  8. self.setupUi(self)
  9. self.pushButton.clicked.connect(self.pushButton_func)
  10. self.pushButton_1.clicked.connect(self.pushButton_1_func)
  11. def pushButton_func(self):
  12. self.stackedWidget.setCurrentIndex(0)
  13. def pushButton_1_func(self):
  14. self.stackedWidget.setCurrentIndex(1)
  15. if __name__ == '__main__':
  16. app = QApplication(sys.argv)
  17. ui_win = UI_Test()
  18. ui_win.show()
  19. sys.exit(app.exec_())

运行代码:

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/寸_铁/article/detail/961294
推荐阅读
相关标签
  

闽ICP备14008679号