Python/pyqt5
2024-05-05 22:32:17 +08:00
..
CODE 上傳檔案到「pyqt5/CODE/元件使用範例」 2024-05-05 22:32:17 +08:00
img 新增pyqt5 會用到的圖片 2024-04-19 20:31:59 +08:00
PPT 引用紀光輝老師的教材學習 2024-05-05 22:11:59 +08:00
README.md 新增 pyqt5 readme 2024-04-19 20:50:30 +08:00

Pyqt5

Python QT安裝設定

1. 下載相關套件

輸入指令
pip install pyqt5-tools

並等待出現類似如下

2. 設定QT Designer快速操作功能

  1. 按下setting->Tools->External Tools
  2. 進入設定頁面後按下+號
  3. NameQtDesigner
  4. Programanaconda路徑\Library\bin\designer.exe
  5. ArgumentsFileName
  6. Working directoryFileDir

*. 如果不知道Anaconda安裝路徑

  1. 在windows底下找到anaconda Navigator
  2. 右鍵->更多->開啟檔案位置
  3. 選到anaconda Navigator右鍵->內容
  4. 選擇開啟檔案位置即可知道anaconda安裝位置

3. 設定UIC

  1. 如果pyuic5在對應的路徑底下找不到
  2. 請至anaconda資料夾底下直接搜尋
  3. 並將對應的路徑填入Program中

UI 教學

1. 創建一個UI介面

  1. 在專案資料夾按下右鍵->External Tools->QtDesigner(此名稱會依據剛剛設定快速操作功能時名稱設定不同顯示不同)
  2. 跳出最右邊的畫面即可開始編制UI介面

  1. 選擇MainWindows範本
  2. 可從旁邊工具箱中拖曳所需之物件

2. UI內部需注意之參數

  1. 選擇到物件時即可查看此元件能設定之參數
  2. 須注意objectNamepython呼叫元件皆需要知道元件名稱須清楚知道自己取了甚麼名稱

3. 儲存UI畫面

  1. 選擇到物件時即可查看此元件
  2. 儲存名字隨興後續程式呼叫名稱統一即可

*. 佈局

畫面佈局使用Layouts與Spacers工具規劃UI元件可動態變更大小

4. 轉換UI畫面(.ui轉.py)

  1. 回到專案資料夾中可以看到剛剛儲存的UI畫面
  2. 右鍵->External Tools->UIC
  3. 此時會出現一個依樣名稱的py檔此檔案即為後續程式呼叫所需之檔案

執行

第一次執行pythonQT

  1. 第一次執行pythonQT
  2. 創建一個主py檔
  3. 資料夾底下最少需要3個檔案

主程式內部

  • 呼叫剛剛建立的UI至主程式中須注意名稱需要一樣

按鈕觸發

  1. 呼叫UI上對應的按鈕
  2. 設定按鈕點即時的動作