pyqt5designer詳解

一、簡介

PyQt5是一個Python語言的GUI框架，可以讓程序員輕鬆創建使用者友好的界面。PyQt5Designer是PyQt5提供的一種可視化界面設計工具，可以讓程序員通過拖拽與設置屬性的方式來快速搭建QT應用的用戶界面。

在使用PyQt5Designer時，程序員只需要用鼠標拖拽各種控件，設置控件的屬性，即可完成一個基本的單窗口應用開發，而不必關心具體的代碼實現方法，大大減輕了程序員的工作量。

from PyQt5 import QtWidgets, uic

app = QtWidgets.QApplication([])
win = uic.loadUi("main_window.ui")
win.show()
app.exec_()

二、可視化設計

使用PyQt5Designer時，可以直接在工具欄中選取各種控件，並將其拖拽到工作區中。在這個過程中，可以設置每個控件的屬性，如大小、背景顏色、字體、對齊方式等。此外，還可以放置各種布局控件，用於管理子控件的位置和大小。

當控件和布局全部擺放完畢後，就可以將它們按需求進行分組，修改名稱、調整層級關係等。在修改完畢後，就可以將界面保存為.ui文件，這個文件可以直接在代碼中導入。

from PyQt5 import QtWidgets, uic

app = QtWidgets.QApplication([])
win = uic.loadUi("main_window.ui")
win.show()
app.exec_()

三、事件與槽函數

在PyQt5Designer中，事件與槽函數是界面開發中常用的交互方式。通過PyQt5Designer，可以輕鬆地將控件與其對應的操作進行關聯，使控件能夠響應用戶的操作。

首先，在程序中定義槽函數。

from PyQt5 import QtWidgets
def func():
    print("Hello World!")
app = QtWidgets.QApplication([])
win = QtWidgets.QWidget()
btn = QtWidgets.QPushButton("Push Me", win)
btn.clicked.connect(func)
win.show()
app.exec_()

然後，在PyQt5Designer中選中控件，選中”Edit Signals and Slots”。然後對控件所對應的槽函數與離線槽函數進行綁定，這樣鼠標在單擊控件時就會觸發離線槽函數，進而觸發槽函數。

from PyQt5 import QtWidgets, uic

def func():
    print("Hello World!")
    
app = QtWidgets.QApplication([])
win = uic.loadUi("main_window.ui")
win.pushButton.clicked.connect(func)
win.show()
app.exec_()

四、自定義控件

在實際的開發中，有時需要開發自己的控件，這時就需要PyQt5Designer中提供的”Promote to…”功能。這個功能可以將一個普通控件轉換為自定義控件，並為該控件指定自己實現的預覽和工作模式。

要用到”Promote to…”功能，需要先將自定義控件的類定義在.py文件中，然後在PyQt5Designer中選中需要轉換的控件，點擊右鍵，選擇”Promote to…”，在窗口中填入自定義控件的類名即可。

from PyQt5 import QtWidgets, QtGui
from PyQt5.QtCore import Qt

class MyWidget(QtWidgets.QLabel):
    def __init__(self, parent):
        super().__init__(parent)
        self.setFixedSize(200, 200)
        self.setAlignment(Qt.AlignCenter)
        self.setPixmap(QtGui.QPixmap("image.jpg"))

app = QtWidgets.QApplication([])
win = uic.loadUi("main_window.ui")
l = MyWidget(win.centralWidget())
win.show()
app.exec_()

五、調試

在使用PyQt5Designer時，如果遇到一些問題，可以選擇使用Qt Designer的內置調試器，這樣就能清楚地查看Qt Designer與代碼中的控件之間的連接。

在Qt Designer中，選中需要調試的控件，然後選擇”Edit Signals and Slots”。在窗口中，可以看到該控件所對應的槽函數。如果沒有顯示，就需要檢查程序代碼是否正確地與該控件進行了連接。

from PyQt5 import QtWidgets, uic
def func():
    print("Hello World!")
    
app = QtWidgets.QApplication([])
win = uic.loadUi("main_window.ui")
win.pushButton.clicked.connect(func)
win.show()
app.exec_()