Python PyQt5系列(五)界面设计第一步Qt Design

开发环境:win10 + python3.7 + PyQt5
开发工具:VS Code
开发要点:PyQt5的界面设计

第0步:安装PyQt5的界面设计库pyqt5_tools

pip install pyqt5_tools

第1步:安装好以后,在命令行模式可以输入pyuic5 --version查看一下

pyuic5 --version

在这里插入图片描述
第2步:找到qt design运行图标,
目录:
C:\Users\BlueSand\Anaconda3\Lib\site-packages\pyqt5_tools\Qt\bin
这个目录就是Python所以目录下的
我这里python是用anaconda3安装的,所以目录是这样的

Python PyQt5系列(五)界面设计第一步Qt Design_第1张图片
这是一个windows软件
原生是英文版的
可以百度查找一下汉化文件

第3步:打开designer.exe新建一个文件

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190903113358138.pngPython PyQt5系列(五)界面设计第一步Qt Design_第2张图片

在这里插入图片描述
Python PyQt5系列(五)界面设计第一步Qt Design_第3张图片

点击保存到指定目录

Python PyQt5系列(五)界面设计第一步Qt Design_第4张图片
第4步:生成界面的Py文件
在刚才那个目录下打开命令行:
Python PyQt5系列(五)界面设计第一步Qt Design_第5张图片
生成py文件命令:

pyuic5 -o my.py my.ui

Python PyQt5系列(五)界面设计第一步Qt Design_第6张图片
命令注解:pyuic5 是命令,-o(字母o)表示生成Py文件,后面两个一个是生成的py文件名,一个是要生成py的ui文件名(也就是我们刚才保存的文件)
UI文件的本质是一个XML文件

根据习惯,将两个文件保存成同名的。这样方便我们后期修改的时候,不至于找不到对面的源文件
实现界面与实现分开的目标
第5步:界面UI的应用

from testui import Ui_MainWindow
from PyQt5.QtWidgets import QMainWindow, QApplication
import sys

class MyWin(QMainWindow, Ui_MainWindow):
    def __init__(self, parent=None):
        super(MyWin, self).__init__(parent)
        self.setupUi(self)

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

Python PyQt5系列(五)界面设计第一步Qt Design_第7张图片

Python PyQt5系列(五)界面设计第一步Qt Design_第8张图片
OK。到此结束。
关于信号与槽的处理,下节继续

你可能感兴趣的:(#,PyQt5,Python,PyQt5,Qt,designer,界面设计)