欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

荐 PyCharm+PyQt5+QtDesigner配置

程序员文章站 2022-07-11 13:52:17
PyCharm+PyQt5+QtDesigner配置...


明确两点:
1.PyQt5的作用:将界面转化为python代码
2.QtDesigner:界面编辑器

一、pyqt\QtDesigner的安装

如果通过anaconde安装的python,此时实际上已经安装了二者,只需要将其引入pycharm即可。
可通过在

Anaconda3\Library\bin

目录下查看是否含有 designer.exe;通过在添加的python解释器的包中查看是否存在pyqt。
荐
                                                        PyCharm+PyQt5+QtDesigner配置
如果没有安装:
1、首先打开anaconda,environment—>not installed搜索pyqt,会看到pyqt的包,直接勾选后右下角apply就安装好了。安完后可以切换到installed查看是否真正安装成功。

二、将qtdesigner配置到pycharm下

1.将qtdesigner配置进来,保证可以生成ui界面,此时文件类型为.ui

打开PyCharm,打开File—>Settings—>External Tools,点击加号来添加自己的工具,做如下配置:

Name:QtDesigner   设置名称
Group:Qt   设置组名
Programs:G:\Anaconda3\Library\bin\designer.exe(这里是各位自己的designer路径,之前所看到的)
Working directory:$ProjectFileDir$   生成的ui文件保存在此路径下,此处设置的是项目的根目录下

荐
                                                        PyCharm+PyQt5+QtDesigner配置
2.现在QtDesigner就配置好了,就可以直接在PyCharm中打开它来画界面了,但是要在PyCharm中把界面的.ui文件转换为.py文件还需要下面的配置。

Name:Pyuic  设置名称
Group:Qt    设置组名
Program:G:\Anaconda3\python.exe(自己的python路径)
Arguments:-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py   将该.ui文件转为.py文件
Working directory:$FileDir$  转换后的.py文件的目录

荐
                                                        PyCharm+PyQt5+QtDesigner配置
配置好后可以看到下图所示:
荐
                                                        PyCharm+PyQt5+QtDesigner配置

三、测试

在PyCharm中以此选择,Tools—>Qt—>QtDesigner,点击即可打开designer:
荐
                                                        PyCharm+PyQt5+QtDesigner配置
打开后选择Main Window创建第一个窗体:
荐
                                                        PyCharm+PyQt5+QtDesigner配置
各个部分的含义如下图,通过将组件拖拽到窗体中,进而创建属于自己的窗体
荐
                                                        PyCharm+PyQt5+QtDesigner配置
对于信号与槽部分主要用于创建事件,如按钮点击事件,此部分需要到代码部分编写,不过可以在此处先进行设置。
主要包含发送者(如按钮)、信号(如点击)、接收者(要做出行为的组件或者窗体)、槽(如关闭窗体操作等)
荐
                                                        PyCharm+PyQt5+QtDesigner配置
在qtdesigner中可以通过快捷键预览窗体

ctrl + R

创建好窗体后,点击保存,此时会发现项目目录下生成一个新的.ui文件,此时再通过Qt下的Pyuic将其转化为.py文件
荐
                                                        PyCharm+PyQt5+QtDesigner配置
运行结果如下,此时发现根目录下多了一个.py文件
荐
                                                        PyCharm+PyQt5+QtDesigner配置
到此时,测试已完成,不过此时直接运行.py文件是无法显示出界面的,因为此时的.py文件中并没有运行该窗体的入口。下面介绍如下运行显示该窗体:

四、窗体的运行

一般窗体程序,将设计与逻辑分离,只用建立一个新的.py文件调用界面文件,这个新的.py文件称为逻辑文件,也可以实现业务。界面文件和逻辑文件是两个分开的相对独立的文件,通过上述的方法就可以实现界面和逻辑的分离。
新建的.py文件,调用界面的代码如下:

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow
from MyFirstUI import * #此处的MyFirstUI对应你创建的窗体的.py文件的名字

class MyMainWindow(QMainWindow, Ui_MainWindow):
    def __init__(self, parent=None):
        super(MyMainWindow, self).__init__(parent)
        self.setupUi(self)
        
if __name__ == '__main__':
    app = QApplication(sys.argv)
    myWin = MyMainWindow()
    myWin.show()
    sys.exit(app.exec_())

此时运行该文件便可以显示该窗体了。
荐
                                                        PyCharm+PyQt5+QtDesigner配置

五、pyQt教程推荐

1.pyQt中文官方教程 https://maicss.gitbooks.io/pyqt5/content/
荐
                                                        PyCharm+PyQt5+QtDesigner配置
2.pyQt速成教程 https://www.jianshu.com/nb/26159952
荐
                                                        PyCharm+PyQt5+QtDesigner配置
3.pyQt5教程 http://code.py40.com/face
荐
                                                        PyCharm+PyQt5+QtDesigner配置

本文地址:https://blog.csdn.net/qq_38048756/article/details/107301809