人机交互Demo1

人机交互

pycharm集成QTdesigner

---

整理集合

---

前言

简单整理安装过程。逐渐更新。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、前期准备

安装python、pyqt5-tools、pyqt5designer。这里介绍两种方法（主要是方法一……我失败了报错有亿点点严重所以才有方法二=.=

方法一：

1. python:官网下载python3
2. pyqt5-tools:在cmd输入“pip install PyQt5-tools”（因为用pip添加的pyqt5是不带designer的，但tools包中有designer）
3. pyqt5designer:在cmd输入引号内的内容“pip install PyQt5”（这是安装了pyqt5包，因为我没装python2，所以不用区分pip和pip3）

方法二：

1. python:官网下载python3
2. 点击菜单栏“File”，选择弹出的“Setting”选项：
3. 选择“Project”，选择弹出的“Project Interpreter”选项，点击可看到当前已安装的环境和依赖包，如下图所示，点击右侧“加号”按钮可添加新的依赖包：
   
4. 可以看出当前尚未安装pyqt5的依赖包（我这已经安装好嘞），点击“加号”按钮弹出安装界面如下图所示，在搜索框输入“PyQt5”可以搜索到对应的依赖包，点击“Install Package”按钮进行安装，等待安装完成:
   
5. 同样地安装PyQt5-tools工具包，在搜索框中输入“PyQt5-tools”，选中要安装的依赖包，点击“Install Package”进行安装。
6. 至此PyQt的工具包安装完成，在编辑器或命令行可以通过“import PyQt5”调用该库。这里确定一下安装位置，正常情况下这两个包的安装位置在Python的安装目录下的“\Lib\site-packages\”目录。

安装后可按照下图核对是否完成：

二、pycharm配置

1.pycharm配置 QTdesigner

1. 点击菜单栏“File”，弹出下拉框，选择“Setting”，弹出设置界面。在设置界面中选择“Tools”→“External Tools”。
2. 点击“加号”按钮新建工具，弹出工具配置界面：在“Name”一栏填写“QTDesigner”；在“Program”一栏填写designer.exe文件位置一栏填写$FileDir$。最后点击“OK”：
3. 这样pycharm可直接调用QT designer：
   
   )

2.pycharm配置 pyuic(将ui文件转换为py文件)

1. 同样按照以上方式添加PyUIC工具，点击“加号”按钮，在弹出的编辑设置框中Name一栏填写“PyUIC”
2. Program中填写pyuic5.exe这个程序的文件路径，一般在“Python环境目录\Scripts\pyuic5.exe”
3. 在Arguments中写：$FileName$ -o $FileNameWithoutExtension$.py
4. Working directory写：$FileDir$
   
5. 点击“OK”

3.PyRcc

PyRcc工具的配置方式与PyUIC相似。

1. 在“External Tools”设置中点击“加号”按钮，在设置框中“Name”一栏填写“PyRcc”。
2. Program中填写pyrcc5.exe这个程序的文件路径，在“Python环境目录\Scripts\pyrcc5.exe”
3. Arguments中$FileName$ -o $FileNameWithoutExtension$_rc.py
4. Working directory中$FileDir$
5. 点击“OK”

4.导入qt的UI文件

1. 该界面保存为ui文件并置于项目目录下

2. 在PyCharm中选中保存的ui文件，使用“Tools”下的“External Tools”中的“PyUIC”工具将该文件转换为需要的py文件：
   

3. 在PyCharm中选中保存的qrc文件，使用“Tools”下的“External Tools”中的“PyRcc”工具将该资源文件转换为需要的py文件：
   

4. 在PyCharm中打开使用“PyUIC”工具转换的py文件，在下面添加如下代码（文件名自行修改哈）：

# This is a sample Python script.
import sys
import resources_rc # 导入添加的资源
from PyQt5 import QtWidgets
from PyQt5.QtWidgets import QApplication, QMainWindow

# Press Shift+F10 to execute it or replace it with your code.
# Press Double Shift to search everywhere for classes, files, tool windows, actions, and settings.
from SideBarDemo import Ui_SideBarDemo

class QMainWindow(QtWidgets.QWidget, Ui_SideBarDemo):
    def __init__(self):
        super(QMainWindow, self).__init__()
        self.setupUi(self)

# Press the green button in the gutter to run the script.
if __name__ == '__main__':
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    MainWindow.show()
    sys.exit(app.exec_())

# See PyCharm help at https://www.jetbrains.com/help/pycharm/

结果如下图：

---

总结

有待更新。