文章目录
前言
项目地址:https://github.com/pikeduo/TXTReader
PyQt5中文手册:https://maicss.gitbook.io/pyqt-chinese-tutoral/pyqt5/
一、前期准备
QtDesigner是一个可视化的GUI设计工具,首先我们要在pycharm上配置QtDesigner,用来设计ui,确保你已经安装了pyqt5库。
pip install pyqt5
点击File->Settings->Tools->External Tools,点击+添加外部工具。
下面是QtDesigner的一些配置
Name:QtDesigner 可自定义
Program:E:\项目根目录\venv\Lib\site-packages\qt5_applications\Qt\bin\designer.exe
Arguments:不用填
Workig directory: P r o j e c t F i l e D i r ProjectFileDir ProjectFileDir\QtDesigner\UI
其中Program填designer.exe的地址,如果找不到在哪里,则在pycharm主界面连续点击两次Shift,进入搜索界面搜索。
记住要将右上角的框勾上。
工作目录里 P r o j e c t F i l e D i r ProjectFileDir ProjectFileDir是项目根目录,QtDesigner\UI是自己创建的目录,可自行选择是否创建,设计的ui文件会保存到这个目录下。
点击ok后,再点击aplay,如果没点的话则设置不成功且要成功设置。
接下来配置pyUIC,将qrc文件转化为py文件,配置如下
Name:puUIC 可自定义
Program:E:\项目地址\venv\Scripts\python.exe
Arguments:-m PyQt5.uic.pyuic F i l e N a m e FileName FileName -o $FileNameWithoutExtension\(.py Workig directory: \$ProjectFileDir\)\QtDesigner\UI
最后是配置pyrc,将资源文件转换为py文件,配置如下
Name:qrcTopy 可自定义
Program:E:\项目地址\venv\Scripts\pyrcc5.exe
Arguments:-o …/$FileNameWithoutExtension\(_rc.py \$FileNameWithoutExtension\).qrc
Workig directory: F i l e D i r FileDir FileDir
注意,Arguments中…/$FileNameWithoutExtension\(_rc.py加了…/,代表要将编译后的py文件存储到父目录,因为qrc文件是存储在resource目录下,文件名加了_rc是因为每次设计完ui,将ui文件编译成py文件后,会`import \$FileNameWithoutExtension\)_rc.py`,为了方便,干脆直接加上_rc。
我的目录结构如下
二、UI设计
(1)主窗口
依次点击Tools->External Tools->QtDesigner,打开QtDesigner,创建一个窗口。
在右边属性编辑器里,设置窗口的最小大小为1280X720。
添加窗