pyqt5 + Qt Designer 设计ui界面

安装Qt Designer 

 

官方文档 Qt Documentation | Home

 

conda环境

pip install PyQt5-tools

pycharm配置

D:\anaconda3\envs\groove\Lib\site-packages\qt5_applications\Qt\bin\designer.exe

 

pycharm -> tool -> External tools -> qt designet 打开。

 

 

qtdesignet绘图：

通过拖拽绘图

 记住这个名称

然后保存 会生成一个ui文件

配置工具将ui文件生成代码

D:\anaconda3\envs\groove\python.exe

-m PyQt5.uic.pyuic $FileName$ -o$FileNameWithoutExtension$.py -x

$FileDir$

 

右键 选择我们配置的工具，就自动将ui文件生成代码了。

使用ui文件生成的代码

生成的代码： 是继承的object 提供了一个setui方法，传入我们自己的容器。

 

class CalculatorForm(QWidget):
    def __init__(self, parent=None):
        super(CalculatorForm, self).__init__(parent)

        self.ui = Ui_CalculatorForm()

        self.ui.setupUi(self)

    @pyqtSlot(int)
    def on_inputSpinBox1_valueChanged(self, value):
        self.ui.outputWidget.setText(str(value + self.ui.inputSpinBox2.value()))

    @pyqtSlot(int)
    def on_inputSpinBox2_valueChanged(self, value):
        self.ui.outputWidget.setText(str(value + self.ui.inputSpinBox1.value()))

信号 和曹：

信号可以理解为事件

曹可以理解为执行函数

  @pyqtSlot(int)

函数定义： on_组件名称_信号事件： 

有哪些事件是一个问题，我找了很多资料都没找到。但是有一种方法可以查到有那些事件。

通过qt desiger

 

 可以看见每个组件有哪些信号，并且还可以看见组件自带的函数（曹）

可以当api用。