当前位置:   article > 正文

PyQt5保姆级入门教程——从安装到使用

pyqt

目录

Part1:安装PyQt5

Part 2:PyCharm配置PyQt5

Part 3:PyQt5设计界面介绍

Part 4:PyQt5设计UI


 

今天看了多个大佬的教程,总算是把PyQt5开发弄好了,每个部分都要看几个人的十分不方便,我十分想要总结一下,所以在这里,你无需看其他的教程,从这就能完成它的安装到快速上手。

Part1:安装PyQt5

在虚拟环境当中安装,我选择的是我的工程文件夹下的,以便我随时进行界面的修改。

pip安装PyQt5

pip install PyQt5

pip安装pyqt5-tools

pip install pyqt5-tools

遇到下载不了的情况,在安装指令后空一格添加下面的指令

-i https://pypi.tuna.tsinghua.edu.cn/simple

在这一步就完成了它的安装,你可以继续在cmd中输入

pip list

查看是否有这个安装包,接着打开搜索框,我的是win11系统,你也可以用win+s键打开。

2ad6114e92374bf0b04a6c0990695691.png

输入  designer,点击红框即可打开

b2f4c39d8cb94904acff215d5f293e48.png

打开方式一

Part 2:PyCharm配置PyQt5

打开设置->工具->外部工具->添加文件(点击加号)

38b6be1e481c45abb77c832f1007f1ef.png

可以参照下面的内容按照要求输入,高级选项默认就好。QtDesigner的位置可以在收索框中右键选择文件所在位置找到,下面两个python的文件位置相同,就是你要安装PyQt5的位置,我的安装的位置是在虚拟环境当中。

  1. 名称:QtDesigner
  2. 工具设置
  3. 程序:E:\Anaconda\anaconda3\Library\bin\designer.exe
  4. 工作目录:$FileDir$
  1. 名称:PyUIC
  2. 工具设置
  3. 程序:E:\Anaconda\anaconda3\envs\pytorch\python.exe
  4. 实参:-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py
  5. 工作目录:$FileDir$
  1. 名称:Pyrcc
  2. 工具设置
  3. 程序:E:\Anaconda\anaconda3\envs\pytorch\python.exe
  4. 实参:$FileName$ -o $FileNameWithoutExtension$_rc.py
  5. 工作目录:$FileDir$

dc1cb7adc37c4db48d380039c5de69ba.png4657d7fb937d476db39caca7e44b89d7.png67f9f141d11e4e23af4785ccbd0dbb6f.png

完成后在pycharm的上面导航栏中,按照下图所示,即可打开PyQt5设计。

4b947f9104204fa8b836ef7d69a4810c.png

打开方式二

至此,安装和配置结束,打开的方式也有两种可选。

Part 3:PyQt5设计界面介绍

27844bebf5f1495ebd612962a73f996a.png

 

首先,打开后会有这样一个界面,选择"Main Windows",点击创建,如果你不想每次打开都弹出这个窗口,取消勾选即可。

下面来介绍一下它的一个工作界面。

cc69d43d48664283948e7ce7320ad180.png

  • 位于左上方的“Widget Box”包含了各种可以自由拖动的组件;
  • 位于界面中央的“MainWindows - untitled”就是你可以设计的画布;
  • 位于右上方的“对象查看器”可以查看当前ui的结构;
  • 位于右侧中央的“属性编辑器”可以设置选中组件的属性;
  • 位于右下方的“资源浏览器”可以添加各种素材,比如像图片、背景等等。

当然对于这个也有汉化功能,而我的安装好后就是这样了(有部分中文),所以大家如果有需要可以看看其他教程,现在相信你应该清楚了各个模块部分作用,我们接下来将会设计你的第一个UI了。

Part 4:PyQt5设计UI

在左边的Wiget Box中找到“Push Button”、“Label”、“Text Browser”,通过双击即可修改名称,右边有属性可以修改。你觉得你做好后可以快捷键Ctrl+r,预览当前编写的GUI。

a0e4b23880fa465f8a84dc277c35bef9.png

简简单单的设计一个,毕竟这是入门教程,后续我会将我的项目设计上传。

项目文件下我新生成了一个新建文件命名为PyQt5_demo,我们将文件保存在该文件夹下,下面会有一个.ui文件,如下所示:

33b4fc4caac145f1898c23f4ca525b9a.png

左键untitled.ui文件,找到External Tools,点击PyUIC,同目录下就将.ui文件转换为了.py文件。

37bf9f3f501f4ec5ac4dd487e9f4b584.png

当然如果你运行这个代码,它是没有任何的问题,想要看见这个ui界面,还需要添加其他的东西,这里新建一个文件:run_untitled.py

  1. import sys
  2. import untitled
  3. from PyQt5.QtWidgets import QApplication,QMainWindow
  4. if __name__ == '__main__':
  5. # 实例化,传参
  6. app = QApplication(sys.argv)
  7. # 创建对象
  8. mainWindow = QMainWindow()
  9. # 创建ui,引用untitled文件中的Ui_MainWindow类
  10. ui = untitled.Ui_MainWindow()
  11. # 调用Ui_MainWindow类的setupUi,创建初始组件
  12. ui.setupUi(mainWindow)
  13. # 创建窗口
  14. mainWindow.show()
  15. # 进入程序的主循环,并通过exit函数确保主循环安全结束(该释放资源的一定要释放)
  16. sys.exit(app.exec_())

当然它只能表示一个展示的功能,那么后续的功能添加,我准备放在我的项目设计当中来写,希望这个教程能够给你带来帮助,不劳我辛苦一场(手动滑稽,呵呵)。

20e264de177d429aaa229502138e2cd2.png

 

 

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

闽ICP备14008679号