mac 使用 PyQt5 和 py_designer 搭建窗体

mac 使用 PyQt5 和 py_designer 搭建窗体

本文主要讲解在mac上如何使用 PyQt5 和 py_designer 搭建窗体。本文目录如下:

• 使用anaconda配置虚拟环境
• 使用pip安装qt和designer
• 使用py designer编辑你的窗体
• 将.ui文件转换为.py文件
• 测试/后端序

本文参考资料如下:

"Macos环境下pyqt5、Designer、Pyuic、PyCharm集成环境设置"https://blog.csdn.net/icerose/article/details/122745507

"Qt Designer快速入门"https://www.bilibili.com/read/cv14305733

---

使用anaconda配置虚拟环境

这一步骤为选做。若要配置环境，可以参考文章：mac 配置 anaconda 。参考文章链接https://blog.csdn.net/qq_43369406/article/details/126732435

使用pip安装qt和designer

在terminal-bash中输入source activate [your virtual envrionment进入你的虚拟环境。在虚拟环境中输入如下内容安装pyqt5和designer。

pip install PyQt5==5.15.7 -i https://pypi.tuna.tsinghua.edu.cn/simple	# 使用清华源
pip install pyqt5-tools	# 目前源上没有

在这里使用了清华镜像源，当然你可以使用别的源：

# 清华源
pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple

# 或：
# 阿里源
pip config set global.index-url https://mirrors.aliyun.com/pypi/simple/
# 腾讯源
pip config set global.index-url http://mirrors.cloud.tencent.com/pypi/simple
# 豆瓣源
pip config set global.index-url http://pypi.douban.com/simple/

qt designer是一款可视化编辑/设计软件，能够帮助你摆脱pyqt前端知识的繁忙学习。

使用py designer编辑你的窗体

我们需要找到你刚才安装的designer.app在哪。他一般存在在你的虚拟环境的lib的pythonx.x/site-packages中，当然你也可以直接在finder中查找，如笔者的designer.app就在/Users/yingmuzhi/anaconda3/envs/conda_OCT/lib/python3.8/site-packages/qt5_applications/Qt/bin 中。

我们找到该app后双击打开便进入了可视化编辑模式，你可以按照自己的喜欢添加label, botton等component, 来创建自己需要的窗体。app的使用可以参考https://www.bilibili.com/read/cv14305733

编辑完毕后我们保存该文件，生成.ui文件

将.ui文件转换为.py文件

为了能够更好地调用界面的逻辑，我们需要生成.py文件。.ui文件类似xml，用textexit打开如下：

接下来我们要在terminal中将.ui文件转换为.py文件。我们在terminal中找到刚才编辑的ui文件，输入如下代码生成testQt.py文件：

python -m PyQt5.uic.pyuic [your file name].ui -o [your file name].py 

测试/后端序

创建main.py文件用于测试刚才生成的文件，main.py内容如下：

# 第二行中testQt改成刚才你生成的.py文件的文件名
from testQt import *
import sys
from PyQt5.QtWidgets import QApplication, QMainWindow


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


if __name__ == "__main__":
    app = QApplication(sys.argv)
    ui = CamShow()
    sys.exit(app.exec_())

运行后，我们能看到刚才生成的窗体程序

至此，窗体前端和测试完成，如果你需要什么交互事件，可以参考资料后，在main.py中增加你需要的交互函数，keep on learning。