企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
[TOC] ## WHY 在前面的示例中我们知道了创建一个pyqt项目的基本代码,若是我们要更快速方便地编辑,我们可以使用图形化的QTDesigner ## 安装配置 1. 找到你的anaconda目录中Designer的位置: ![](https://img.kancloud.cn/16/84/1684f0b49c3ccea6a3c759eb8ba942ad_785x805.png) ![](https://img.kancloud.cn/6d/c3/6dc3f32e96858e1a30da687b0366a850_997x232.png) ![](https://img.kancloud.cn/6c/ec/6cecd58adfbeefb1f9408c94806e9eb4_925x241.png) 2. 在pycharm中添加QTDesigner扩展 打开pycharm设置 ![](https://img.kancloud.cn/4b/3f/4b3f84d4448e2a7adeaf8a1f4a1e0ae0_715x232.png) 添加额外工具 ![](https://img.kancloud.cn/a6/67/a667d83bdd42b978cee2fdfb378b1495_982x372.png) 其中的program选择designer.exe ![](https://img.kancloud.cn/f5/8b/f58b5d529665581bfd2c9b1faaed6198_773x380.png) 其中的工作目录使用`$ProjectFileDir$` ![](https://img.kancloud.cn/4a/b2/4ab293fef986e7fdf726e3b6ac0fb086_763x343.png) ## 使用QTDesigner-1 1. 使用QTDesigner生成UI文件 使用pycharm的万能搜索 ![](https://img.kancloud.cn/ed/76/ed762e3cbd5934d9ee07b3eda9bd99c0_501x103.png) 找到QTDesigner ![](https://img.kancloud.cn/3e/91/3e91c23d68cd4b3099958ea1675f5c6b_642x180.png) 即可打开设计师界面,随意创建一个窗口 ![](https://img.kancloud.cn/6a/e4/6ae423746b182f9932a65d87152fdba5_1594x720.png) 随意拖动一个按钮,创建窗口内容 ![](https://img.kancloud.cn/96/db/96db9a52eafc30e4867f0ce1c28d51df_1512x725.png) 保存到你的工作目录 ![](https://img.kancloud.cn/b1/e1/b1e1391823245693a9cf5e961c09f855_1262x743.png) 即可在pycharm工作目录看见一个叫test.ui的xml文件 ![](https://img.kancloud.cn/87/71/877175f7308ff3d570c12e6f600bd366_1392x607.png) 2. UI文件转换为可以使用的py文件 使用pycharm的terminal,进入test.ui所在的目录,使用下列命令 ![](https://img.kancloud.cn/06/bf/06bf5865d9a506645d06e88c07ba33d7_655x84.png) ``` python -m PyQt5.uic.pyuic test.ui -o test.py ``` 得到test.py文件 ![](https://img.kancloud.cn/a4/9d/a49d894c3a3d8a99036e72e23c391c99_1248x542.png) 3. 使用test.py文件 ## 使用QTDesigner-2 直接动态加载上面生成的UI文件