当前位置:   article > 正文

PyQt5使用QtDesigner实现多界面切换程序_pyqt菜单切换

pyqt菜单切换

一、首先要安装QtDesigner

        具体安装步骤在此不做赘述,若是有需要的小伙伴可以去找一找教程。

二、简单介绍QtDesigner

        各位伙伴安装完成打开之后的界面类似如下图(Windows版本),图片中已经对各个区域及其作用进行简单介绍,具体用法会在下面继续讲解。

     

 三、使用QtDesigner做简单界面

        1.按照如下步骤,创建一个项目,开始添加控件以及设置相应的各项属性。

        

        2.打开的窗口如下,通过控件属性修改区域设置窗口的标题和图标

                

         我们双击修改属性将窗口标题修改为:W_1,关于窗口图标的设置会在后边介绍导入本地资源文件时详细讲解。

此处我们暂时略过·······

        3.为窗口添加控件(如Label(标签)、Button(按钮)等)

          

         我们通过拖动要添加的控件Label、Push Button到创建的窗口区域来实现添加,添加成功之后,双击即可以修改其中的内容,同时在空间的总览区域,我们可以选中相应的控件名称双击修改成为我们要设置成为的名称,在此处我们将Label和Push Button的名称分别设置为:label_1和btn_1方便我们之后在程序中的调用;在控件属性的修改区域,我们找到font相关的属性,通过Point Size设置字体的大小,勾选Bold选项表示设置字体为粗体。到此,我们第一个窗口的基本控件及其属性已经修改完成,点击保存按钮选择路径,设置文件名称将文件保存到预期文件夹中(注意保存格式为.ui)

        4.保存设置好的文件

           选择好文件保存的路径,将文件命名修改为与窗口名称一致(建议,防止写代码的时候搞不清楚文件对应的窗口)

        

         5.重复上述操作,设置另外需要的三个子窗口模板以及第一的菜单窗口模板。

                相关流程如下:

                

                 

          关于创建菜单主窗口,我们需要为其添加四个按钮对应四个子窗口,同时按照用户习惯我们添加一个退出程序的按钮,关于四个按钮的布局我们可以添加一个horizontal Layout(水平布局器)将按钮加入到布局器中,这样子,四个按钮就会在布局器区域内均匀分布且大小相同。至此,我们关于QtDesigner的操作已经结束,下面要开始Python的编程阶段。

四、Python编写程序实现界面切换功能

  1. from PyQt5 import uic
  2. import sys
  3. from PyQt5.QtWidgets import QWidget, QApplication
  4. class Window_0(QWidget):
  5. def __init__(self):
  6. super(Window_0, self).__init__()
  7. self.init_ui()
  8. def init_ui(self):
  9. self.Firstui = uic.loadUi("UI文件/模板/W_0.ui")
  10. self.btn_w1 = self.Firstui.btn_w1
  11. self.btn_w2 = self.Firstui.btn_w2
  12. self.btn_w3 = self.Firstui.btn_w3
  13. self.btn_w4 = self.Firstui.btn_w4
  14. self.btn_quit = self.Firstui.btn_quit
  15. class Window_1(QWidget):
  16. def __init__(self):
  17. super(Window_1, self).__init__()
  18. self.init_ui_1()
  19. def init_ui_1(self):
  20. self.ui_1 = uic.loadUi("UI文件/模板/W_1.ui")
  21. self.btn_1 = self.ui_1.btn_1
  22. class Window_2(QWidget):
  23. def __init__(self):
  24. super(Window_2, self).__init__()
  25. self.init_ui_2()
  26. def init_ui_2(self):
  27. self.ui_2 = uic.loadUi("UI文件/模板/W_2.ui")
  28. self.btn_2 = self.ui_2.btn_2
  29. class Window_3(QWidget):
  30. def __init__(self):
  31. super(Window_3, self).__init__()
  32. self.init_ui_3()
  33. def init_ui_3(self):
  34. self.ui_3 = uic.loadUi("UI文件/模板/W_3.ui")
  35. self.btn_3 = self.ui_3.btn_3
  36. class Window_4(QWidget):
  37. def __init__(self):
  38. super(Window_4, self).__init__()
  39. self.init_ui_4()
  40. def init_ui_4(self):
  41. self.ui_4 = uic.loadUi("UI文件/模板/W_4.ui")
  42. self.btn_4 = self.ui_4.btn_4
  43. if __name__ == '__main__':
  44. app = QApplication(sys.argv)
  45. w_0 = Window_0()
  46. w_1 = Window_1()
  47. w_2 = Window_2()
  48. w_3 = Window_3()
  49. w_4 = Window_4()
  50. w_0.Firstui.show()
  51. w_0.btn_w1.clicked.connect(w_1.ui_1.show)
  52. w_0.btn_w2.clicked.connect(w_2.ui_2.show)
  53. w_0.btn_w3.clicked.connect(w_3.ui_3.show)
  54. w_0.btn_w4.clicked.connect(w_4.ui_4.show)
  55. w_0.btn_quit.clicked.connect(app.quit)
  56. app.exec_()

        注意:uic.loadUi("UI文件/模板/W_0.ui")双引号里边的内容是为对应的UI文件的存储路径,根据自己文件的存储路径自行修改。

五、程序运行效果

感谢观看,感兴趣的话可以点一下关注,后续会继续更新相关的文章! 

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

闽ICP备14008679号