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。