跳轉到主要內容

教程1:嘗試使用範例

請跟隨本教程學習TouchGFX的基礎知識。 本教程將展示如何安裝TouchGFX,以及如何運行隨附的TouchGFX Simulator和STM32評估套件範例。

入門

首先,確保您已安裝了TouchGFX Designer。 點擊此處閱讀關於如何下載和安裝TouchGFX的更多內容。

使用TouchGFX Simulator運行範例

通過TouchGFX Designer可獲取TouchGFX的許多UI範例。 這些範例可以幫助您學習更多具體的TouchGFX主題,它們都專注於一個特定的TouchGFX主題或小工具。

選擇主題

TouchGFX Designer有淺色和深色兩種色彩主題。 在您第一次啟動TouchGFX Designer時,您會被要求選擇一個主題。 選擇是可以日後更改的。

1

選擇主題

選擇一個主題並點擊 “確定” (1)。 在本教程中,我們將使用淺色主題。

選擇UI範本

您既可以將範例作為專案的起點,也可以將它們作為參考範例。 您可以在PC上(使用TouchGFX Simulator)、STM32評估套件上甚至是基於STM32的客製化硬體上運行範例。

  • 為了從範例啟動專案,點擊左上角的“Examples”圖示 (1):
1

打開範例

現在,TouchGFX Designer將顯示包含可用UI範例的視窗。

1

選擇一個範例

選擇“Animated Image Example”(1)。

1

動畫圖像範例已選中

創建專案

現在,您可以用TouchGFX Designer創建專案。 我們在右側設定了專案名稱“MyAnimatedImageExample”。 請注意,您還可以選擇專案所屬的資料夾 (1)。

點擊“Create”創建專案。 現在,TouchGFX Designer將基於範例創建完整專案。 此過程需要的時間隨下載速度而變化。

運行TouchGFX Simulator

TouchGFX Designer現已顯示組合專案。 為了運行Windows模擬器,點擊右下角的“Run Simulator”按鈕 (1) 或者按下鍵盤上的 F5鍵

1

專案就緒

TouchGFX Simulator現在顯示為常規的Windows應用。 標題列顯示應用名稱。 點擊“Start”按鈕可與範例交互。

The TouchGFX Simulator

在繼續學習教程之前,如果您願意,可以再嘗試一些範例。 與之前一樣,只需點擊“File”>“New ”並選擇新的UI範本。

在STM32評估套件上運行範例

在這一步中,您將學習如何啟動STM32F746-Disco開發板的專案,以及如何在該開發板上運行一個TouchGFX範例。 如果您沒有STM32評估套件,可以直接跳過這一步。 如果您有其他SMT32評估套件,請查看支援的開發板列表中是否包含您的套件。

TouchGFX Designer有一個預製應用範本清單,其中包含各種不同SMT32評估套件的對應範本。 為了基於這樣的範本創建專案,點擊左上角的“範例”圖示,在TouchGFX Designer中重新開始新建專案。

1

從範例開始

選擇“Animated Image Example”(若尚未選中)。 點擊「Select Board Setup」(選擇開發板設定)按鈕以選擇特定硬體。 預設的“Simulator”只允許在Windows上運行。

1

動畫圖像範例已選中

TouchGFX Designer現已顯示可用的硬體設定:

12

動畫圖像範例已選中

對於這一步,我們將使用STM32F746-Disco開發板,因此點擊“STM32F746GDiscovery Kit”(1) 並點擊“Select”(2)。

現在可以創建專案。 如果您願意,可以更改應用名稱。 這裡我們將它改成了“MyAnimatedImageExample746”。 點擊“Create”按鈕繼續。

1

創建專案

專案的外觀與我們在上一步中看到的類似。 唯一的區別是,現在“Run Simulator”按鈕 (2) 的旁邊多了一個“Run Target”按鈕 (1)。 在您按下此按鈕(或鍵盤上的 F6 />)時,TouchGFX Designer使用GNU ARM C++編譯器編譯專案,並將應用燒錄到目標硬體。 此過程可能需要幾分鐘,具體取決於電腦的速度和應用的複雜度。 TouchGFX Designer底部的狀態列將輸出進度。 您可按下狀態列(3) (或 CTRL + L 鍵)。

1234

專案就緒

當燒錄完成時,TouchGFX Designer將在狀態列中寫入“燒錄完成”。 現在,您應看到應用在開發板上運行。

Note
為了燒錄目標硬體,您需要安裝STM32CubeProgrammer / ST-Link Utility:

如果您點擊右下角的“Files”按鈕 (4),TouchGFX Designer將打開檔案瀏覽器,其中顯示了新專案所在的目錄。 導航到 build\bin ,可以看到以下檔:

專案的二進位檔案。

target.hex 文件是開發板的STM32應用。 這是TouchGFX Designer剛才程式設計到開發板上的檔案。

您還可以使用STM32CubeProgrammer或ST-Link Utility手動燒錄開發板。 參見“編譯&燒錄”頁面瞭解詳細資訊。