本文介绍使用 python+pyqt5 开发桌面程序的一个可视化 UI 视图布局
一, 环境包的安装
1, 如果还不知道虚拟环境的可以参考, 或者直接使用 pipenv
2, 安装 pyqt5
pip3 install pyqt5
3, 安装 pyqt5-tools(注意目前只支持在 Windows 系统下, 如果你是 Mac 电脑请自行安装虚拟机)
pip3 install pyqt5-tools
4, 使用 pip3 list 查看安装是否成功
二, 在 pycharm 中配置 pyqt5-tools 工具
在 pycharm 编辑器中主要配置有三个
1, 打开可视化设计的界面
2, 将可视化设计保存后的. ui 文件转换为. py 文件
3, 将可视化设计中需要使用到的资源转换为. py 文件
4, 配置结果
三, pyqt5-tools 的配置
1, 点击上面的加号
2, 配置如图
3, 上面参数介绍
1.Name 是自己随便命名的
2.Description 是简单的描素
3.program 是指你执行的程序
- 4.
- Working directory: $ProjectFileDir$
是插入宏, 表示项目文件目录
四, 关于. ui 文件转换为. py 文件的工具
1, 配置结果如图
2, 关于各参数的介绍
1.Program 取安装包中的 pyuic5.exe 程序
2.Arguments 配置为
$FileName$ -o $FileNameWithoutExtension$.py -x
3.Working directory 配置为 $FileDir$ 当前文件目录
五, 将资源文件转换为 py 文件
1, 配置结果如图
2, 参数的介绍
1.Program 取安装包中的 pyrcc5.exe 程序
2.Arguments 配置为
$FileName$ -o $FileNameWithoutExtension$_rc.py
3.Working directory 配置为 $FileDir$ 当前文件目录
六, 测试配置成功否
1, 查看配置的外部工具
2, 点击 pyqt5-tools 打开设计的可视化窗口
3, 给按钮设置背景图片样式
4, 根据上面的步骤新增一个资源, 右边选择资源
5, 保存后在本项目下会生成一个 x.ui 和 x.qrc 文件
6, 选中文件右键选择外部工具, 根据不同文件格式选择不同的编译工具
7, 直接运行 x.ui 编译后的 py 文件, 查看效果
来源: https://juejin.im/post/5c5d8214f265da2db717fa46