教程1:嘗試使用範例
請跟隨本教程學習TouchGFX的基礎知識。 本教程將展示如何安裝TouchGFX,以及如何執行隨附的TouchGFX Simulator和STM32評估套件範例。
入門
首先,確保您已安裝TouchGFX Designer。 點擊此處閱讀如何下載和安裝TouchGFX的相關內容。
使用TouchGFX Simulator執行範例
透過TouchGFX Designer可取得許多TouchGFX的UI範例。 這些範例可以幫助您學習更多具體的TouchGFX主題,它們都著重於一個特定的TouchGFX主題或小工具。
選擇主題
TouchGFX Designer有淺色和深色兩種色彩主題。 在您第一次啟動TouchGFX Designer時,系統會要求您選擇一個主題。 您可於日後變更選擇。
選擇一個主題並點擊「確定」(1)。 在本教程中,我們將使用淺色主題。
選擇UI範本
您既可以將範例作為專案的起點,也可以將它們作為參考範例。 您可以在PC上使用TouchGFX Simulator、在STM32評估套件上,甚至是以STM32為基礎的客製化硬體上執行範例。
- 要從範例啟動專案,點擊左上角的「範例」圖示(1):
現在,TouchGFX Designer將顯示包含可用UI範例的視窗。
選擇「動畫圖像範例」(1)。
建立專案
現在,您可以用TouchGFX Designer建立專案。 我們在右側設定了專案名稱「MyAnimatedImageExample」。 請注意,您還可以選擇專案所屬的資料夾(1)。
點擊「建立」建立專案。 現在,TouchGFX Designer將根據範例建立完整專案。 此過程需要的時間視下載速度而定。
執行TouchGFX Simulator
TouchGFX Designer現已顯示組合專案。 若要執行Windows模擬器,點擊右下角的「執行模擬器」按鈕(1)或者按下鍵盤上的 F5鍵
。
TouchGFX Simulator現在顯示為一般Windows應用程式。 標題列會顯示應用程式名稱。 點擊「開始」按鈕可與範例互動。
在繼續學習教程之前,如果您願意,可以再嘗試一些範例。 與之前一樣,只需點擊「檔案」->「新增」,並選擇新的UI範本即可。
在STM32評估套件上執行範例
在此步驟中,您將學習如何啟動STM32F746-Disco開發板的專案,以及如何在該開發板上執行一個TouchGFX範例。 如果您沒有STM32評估套件,可以直接跳過這一步。 如果您有其他SMT32評估套件,請查看支援的開發板列表中是否包含您的套件。
TouchGFX Designer有一個預製應用範本清單,其中包含各種不同SMT32評估套件的對應範本。 要以這樣的範本為基礎來建立專案,請點擊左上角的「範例」圖示,在TouchGFX Designer中重新開始建立新專案。
選擇「動畫圖像範例」(若尚未選取)。 點擊「選擇開發板設定」按鈕以選擇特定硬體。 預設「模擬器」只允許在Windows上執行。
TouchGFX Designer現已顯示可用的硬體設定:
對於這一步,我們將使用STM32F746-Disco開發板,因此點擊「STM32F746GDiscovery套件」(1),並點擊「選擇」(2)。
現在可以建立專案。 您可隨時變更應用名稱。 我們在這裡將它改成「MyAnimatedImageExample746」。 點擊「建立」按鈕繼續。
專案的外觀與我們在上一步中看到的類似。 唯一的區別是,現在「執行模擬器」按鈕(2)的旁邊多了一個「執行目標」按鈕(1)。 在您按下此按鈕 (或鍵盤上的 F6鍵
/>) 時,TouchGFX Designer會使用GNU ARM C++編譯器編譯專案,並將應用程式燒錄到目標硬體。 此過程可能需要幾分鐘,實際時間取決於電腦的速度和應用程式的複雜度。 TouchGFX Designer底部的狀態列將輸出進度。 如需關於建構和燒錄步驟的詳細資訊,您可按下狀態列(3) (或 鍵盤上的CTRL + L
鍵)。
燒錄完成時,TouchGFX Designer將在狀態列中寫入「燒錄完成」。 現在,您應看到應用程式在開發板上執行。
Note
如果您點擊右下角的「檔案」按鈕(4),TouchGFX Designer將開啟檔案瀏覽器,其中顯示了新專案所在的目錄。 導覽至build\bin
,可以看到以下檔案:
target.hex
檔案是您開發板的STM32應用。 這是TouchGFX Designer剛才編程到開發板上的檔案。
您也可以使用STM32CubeProgrammer或ST-Link Utility手動燒錄開發板。 請參閱編譯&燒錄頁面以取得詳細資訊。