林林.台灣 | Linwebs - 課程

跨平台圖形化程式開發 - (4)賽車遊戲開發-發布 Windows 程式

本文章接續前一篇文章【跨平台圖形化程式開發 - (3)賽車遊戲開發-程式碼實作】內容

若在 Windows 作業系統中的一般情況下，直接到 Qt 專案建置出的資料夾中執行程式，會發生無法執行的情況，因要執行 Qt 程式並非單一個執行檔即可執行，需要引入許多 dll 檔才可執行，接下來本篇文章會告訴大家如何運用 Qt 的 windeployqt 程式來將這些檔案引入。

PS: 本課程圖片較多，此頁面圖片有經過壓縮處理，若圖片模糊不清，可點選圖片開啟圖片原始檔

1. 直接執行 Qt 建置出的執行檔會無法開啟程式。
   
2. 打開 Qt Creator，選擇要使用的 Kit，並選擇建置 Release 版本(在此以建置 64 位元的程式為範例，32 位元的程式建置方式也相同)。
   
3. 在 Windows 的開始功能表中找到【Qt 5.15.2 (MinGW 8.1.0 64-bit)】此捷徑，從此捷徑開啟的終端介面，會自動幫我們加入此 Qt Kit 的環境變數。
   
4. 使用 cd 指令切換資料夾至專案建置出的資料夾的位置，可看到執行檔【racing_car_1.exe】。
   
5. 輸入 windeployqt 指令加上程式名稱，可執行專案發布的動作。
   若專案沒有使用到翻譯檔，在發布時可加入 --no-translations 參數，減少專案發布的大小，如下圖所示。
   
6. 可看到資料夾中多了許多檔案。
   
7. 現在已可直接執行程式。
   
8. 如第6步的截圖，雖然我們有設定程式的 icon，但僅限程式執行時才會顯示，在 Windows 作業系統的檔案總管中並不會顯示。
   我們打開專案的設定檔【racing_car_1.pro】，加入此行參數 RC_ICONS = src/icon.ico (後面的 src/icon.ico 為 icon 圖片位於資源檔的相對路徑)
   在 Windows 作業系統中的圖示僅限 icon 的格式。
   
9. 再次編譯程式後，可看到 icon 已顯示出來了。
   
10. 可將整個 release 資料夾打包傳送給其他台電腦執行此程式。
    在此示範壓縮成 zip 格式，方便傳輸至其他台電腦，執行前建議先解壓縮後再執行程式。
    
11. 最後，我們將所有修改的程式碼交由 git 來管理。
    使用 git status 指令查看目前狀態。
    
12. 使用 git add . 指令將所有檔案的修改交由 git 管理。
    再次使用 git status 指令查看目前狀態。
    
13. 使用  git commit -m "xxx" 指令提交暫存區的程式碼。
    再使用  git push 指令將程式碼 push 到遠端儲存庫(GitHub)上。
    可開啟瀏覽器查看此儲存庫。