PyQt5 Designer 教程

一、簡介

PyQt5 為 Python 提供了一個強大的 GUI 庫，它能夠讓你創建出漂亮、交互豐富的程序。PyQt5 Designer 是 PyQt5 中的一款可視化工具。它以可視化的方式幫助你設計和構建界面，你可以在 Designer 中拖拽組件、設置屬性、並添加事件，不需要寫下一行代碼即可完成程序的調試和測試。

使用 Designer 建立應用程序的優點在於提高了編寫代碼的效率，尤其是那些特別複雜的 UI。而且，通過 Designer，你可以減少開發過程中的一些錯誤，甚至不需要在代碼中寫同一種組件的樣式。

二、開始使用

使用 PyQt5 Designer 製作 Python GUI 程序步驟如下：

1. 安裝 PyQt5

你需要首先安裝 PyQt5，如果你還沒有安裝，可以在命令行執行以下指令：

pip install PyQt5

2. 啟動 PyQt5 Designer

安裝 PyQt5 後，在命令行輸入以下指令即可啟動 Designer：

designer

Designer 啟動後，你可以在其中打開和創建 UI 文件。

3. 繪製 UI 界面

Designer 允許你通過拖拽和放置控件創建出 UI 界面。你可以使用左側的“工具箱”來得到大多數的控件。

對於每個控件，你可以通過單擊它並拖動到你的 UI 界面上來放置它。當你釋放鼠標時，控件將被添加到位置上。

4. 設置控件屬性

當你放置控件時，在右側的“屬性檢查器”中就會顯示它的屬性。你可以從中修改控件的屬性，並且在“預覽”窗口中實時查看修改效果。

5. 添加事件

Designer 允許你為控件添加事件。事件可以讓你的控件執行特定的操作。例如，當鼠標點擊了一個按鈕時，按鈕可能會執行一個函數，執行文本輸入、文件讀取、或其它事件。

你可以單擊控件並在屬性編輯器中單擊“Signals/Slot”，在彈出的窗口中選擇信號和函數。當信號觸發事件時，將調用該函數。

6. 導出文件

完成你的 UI 界面後，你可以將其保存到文件中以備將來使用。

可以通過在菜單欄中選擇：“文件”—“保存”將文件保存為 .ui 文件。當你將來打開 .ui 文件時，Designer 將還原 UI 界面的狀態。

三、示例

下面是一個簡單的 Python GUI 程序的示例，使用 PyQt5 Designer 工具製作而成：

import sys
from PyQt5 import QtWidgets, uic

# 這裡是 ui 文件的路徑
ui_file_path = 'test.ui'

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    ui = uic.loadUi(ui_file_path)
    ui.show()
    sys.exit(app.exec_())

這個程序從 .ui 文件中讀取 UI 界面信息，並將其顯示。

這裡注意：在使用 Designer 製作 UI 時，你需要使用uic.loadUi函數加載其UI文件。這將轉換 .ui 文件的 XML 內容並將其放置到新創建的QtWidgets.QWidget 中。

四、總結

在本文中，我們學習了 PyQt5 Designer 工具的用法。通過 Designer，你可以大大提高 PyQt5 GUI 程序的開發效率。從工具箱中拖拽控件、設置其屬性，再加入事件處理程序，就能很快地構建出功能強大、美觀的 Python GUI 程序。