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可以大大減少我們的編寫工作，並提高程序的開發效率。