1.簡介

1.1 PyQt前身 — Qt C++

PyQt是由Qt衍伸而來,Qt是C++用來設計跨平台桌面應用程式的一個強大的框架,廣泛的用於GUI設計中,又稱作部件工具箱。

使用Qt設計出來的GUI程式可以在任何一個支援的平台上編譯與執行,而不需修改原始碼。生成出的GUI的展現風格則會依照當前平台的不同而不同。

Qt - 維基百科,自由的百科全書

1.2 PyQt特性

PyQt是由Python程式語言與Qt融合出來的一個強大的工具包,結合了Python簡潔的特性與Qt強大的套件工具,絕大部分Qt所提供的功能,在PyQt也能找到。可用於代替Python內建的Tkinter GUI套件,並且能夠使用其強大的套件庫製作出更豐富的GUI應用程式。目前以到第6版,稱作pyqt6。而我們要使用的套件名稱則是 PySide6,以下皆使用此名稱。

<aside> 💡 pyside6 與 pyqt6 是同一個開發團隊設計的東西,差別在於使用的開放原始碼協議不同,pyside6採用較為寬鬆的協議,因此下載它。

</aside>

1.3 Qt Designer

Qt designer一個用來開發GUI應用程式的GUI程式,它能夠以拖曳的方式進行元件的擺放及設計,並且也能夠提供外部多媒體資源的嵌入進行快速的開發。

Qt designer會將設計好的UI介面編譯成 .ui 檔案,而這個 .ui 檔案可以透過 PyQt 所提供的編譯程式編譯成 .py 檔案。

<aside> 🚨 透過編譯得到的 .py 檔案是UI介面以Python程式實作的檔案,我們並不會將該UI介面的操作寫在此 .py 檔案中,而是會在建立一個新的 .py 檔案,將編譯得到的 .py 檔案內的class引入並建立物件,並將UI元件的操作寫在 .py 中。

</aside>

2.下載Qt designer及vscode相關設定

2.1 下載Qt designer

首先透過下列連結下載Qt designer,並記下路徑(檔案很小,大約40MB)

Qt Designer Download for Windows and Mac

2.2 嵌入VScode

PyQt6、Qt designer已經可以嵌入至vscode中了,並且編譯以及檔案分類可以自訂,非常好用,因此這邊介紹如何嵌入。

2.2.1 建立虛擬環境

在專案根目錄(可自訂)開啟vscode,建立好虛擬環境(Python虛擬環境 )後,進入虛擬環境以及執行git 初始化