PyQt5 Designer教程

PyQt是基于Qt开发的Python模块。PyQt提供了构建GUI应用程序的丰富功能，它的设计方式也很符合Python的简洁、易用等特点。其中，Designer是PyQt的一个可视化工具，它可以通过拖拽控件，在一个可视化环境下设计GUI界面，最后生成.py文件。本篇教程将从多个方面详细讲解PyQt5 Designer工具。

一、工具安装与启动

1.安装PyQt5：PyQt5的安装非常简单，我们可以通过以下命令完成：


pip install PyQt5

2.启动Designer：在终端输入designer即可启动Designer工具。打开Designer会看到左侧是设计器，右侧是属性窗口，左下方是控件库。


designer

二、使用Designer创建GUI界面

1.创建工程：在Designer中，点击File->New File或者快捷键Ctrl+N可以创建一个新的工程。创建成功后，默认会生成一个MainWindow。

2.控件拖拽：在左边的控件库中，我们可以找到许多GUI控件。我们可以拖拽到设计器中创建控件，然后使用属性窗口进行属性设置。例如，我们可以拖拽一个Label控件，再在属性窗口中设置文本内容和字体大小等属性。

3.布局设置：为了让控件更好地显示，我们需要进行布局设置。Designer提供了四种布局方式：水平布局、垂直布局、网格布局和表单布局。我们可以选择布局方式，然后将控件拖拽到布局中进行设置。

4.信号与槽：信号与槽是PyQt的重要概念，可以实现控件之间的交互。在Designer中，我们可以使用右下角的信号和槽连接工具栏来建立信号和槽之间的连接，也可以在属性窗口中进行设置。

三、导出GUI界面

在设计好GUI界面之后，我们需要将GUI界面导出成.py文件，并在程序中进行调用。我们可以点击File->Save As命令导出成.py文件。


python -m PyQt5.uic.pyuic -x example.ui > example.py

四、实例演示

以下是一个简单的例子，将会使用Designer创建一个GUI界面，包含一个输入框和一个按钮。当用户在输入框中输入内容，点击按钮时，程序将会输出该内容。完整代码如下：


import sys
from PyQt5.QtWidgets import QApplication, QMainWindow
from PyQt5 import uic

# 加载designer生成的.py文件
Ui_MainWindow, QtBaseClass = uic.loadUiType("example.ui")

class MyApp(QMainWindow, Ui_MainWindow):
    def __init__(self):
        QMainWindow.__init__(self)
        Ui_MainWindow.__init__(self)
        self.setupUi(self)
        self.pushButton.clicked.connect(self.button_clicked)

    def button_clicked(self):
        input_text = self.lineEdit.text()
        self.label.setText("Hello, " + input_text)

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MyApp()
    window.show()
    sys.exit(app.exec_())

其中，我们需要在Designer中创建一个MainWindow，然后添加一个LineEdit和一个PushButton。我们还需要为PushButton添加clicked信号，连接到程序中定义的button_clicked槽函数。完整的example.ui文件可以按照以下代码组织：


<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <widget class="QWidget" name="centralwidget">
   <widget class="QLineEdit" name="lineEdit">
    <property name="geometry">
     <rect>
      <x>20</x>
      <y>30</y>
      <width>113</width>
      <height>25</height>
     </rect>
    </property>
   </widget>
   <widget class="QPushButton" name="pushButton">
    <property name="geometry">
     <rect>
      <x>20</x>
      <y>70</y>
      <width>113</width>
      <height>32</height>
     </rect>
    </property>
    <property name="text">
     <string>PushButton</string>
    </property>
   </widget>
   <widget class="QLabel" name="label">
    <property name="geometry">
     <rect>
      <x>20</x>
      <y>120</y>
      <width>121</width>
      <height>21</height>
     </rect>
    </property>
   </widget>
  </widget>
  </widget>
 </ui>

这里需要注意的是，我们需要在.py文件中使用PyQt的uic模块进行加载。

五、总结

本篇教程通过多个方面详细讲解了PyQt5 Designer工具，包括工具的安装、使用Designer创建GUI界面、导出GUI界面和实例演示等。使用Designer可以大大减少我们的编写工作，并提高程序的开发效率。

原创文章，作者：ENPXJ，如若转载，请注明出处：https://www.506064.com/n/371197.html