pycharm中使用Qt Designer实现UI界面设计

确保pyqt 、qt designer已正常安装
Pycharm中setting->Tools->External Tools->+


image.png

如下:


image.png

name:(命名)
description:(相关的描述)
program:找到之前下载好的designer.exe文件位置

working directory:一般会自动生成 或者输入

$FileDir$

即当前目录
然后就可以在tool下发现 pyqt designer了


image.png

打开界面如下 就可以开始页面设计了


image.png

用designer生成的文件为.ui文件,我们需要转换成py文件,所以要用到PyUIC,配置过程类似


image.png

program:这里是你python.exe文件的位置。
arguments:这里固定的

-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py

working directory:这里注意不要用自动生成的路径 需要使用

$FileDir$

不然在生成py文件时会报错 no such file *.ui


image.png

这样就可以直接生成.py文件了。
新建一个base.py文件

import sys
import ppx
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = ppx.Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

运行base.py 即可打开你写好的页面


image.png

你可能感兴趣的:(pycharm中使用Qt Designer实现UI界面设计)