ST TouchGFX Designer 介紹

 最近看到ST 官方推出新的HMI 介面設計軟體，可以在電腦上模擬呈現樣子，話不多說開始吧!

優點介紹

1. HMI 快速開發
2. 可在電腦端模擬
3. 在軟體設定動作事件
4. 自動生成程式碼
5. 提供多片開發版範例
6. 免費開源

一、開發環境

軟體

TouchGFX 4.16.1 Designer

官網軟體連結 https://www.st.com/en/development-tools/touchgfxdesigner.html

開發板

STM32F429 Discovery Board

二、軟體安裝

1.需安裝IDE(擇一安裝)

STM32 cube IDE 或 Keil+CUBE MX

2.Touch GFX

 

三、開發環境介紹

        安裝完後剛開啟長這樣

           

四、專案建立

        

        選擇STM32F429I Discovery

        

        選擇官方提供的範例

        初步設定完成後的畫面，接著點擊"CREATE"

        完成後產生樣子

五、電腦端進行模擬

    

        點擊 Run Simulator

        接著會跳出模擬視窗，我透過截圖顯示畫面切換的結果

六、燒錄到開發板

        點擊 Run Target，開發板便會自動載入    

        燒錄完成後的樣子

七、結語

         電腦端的解析度及細緻度，無法在這片板子上呈現，部分原因是因為硬體規格限制住了，若是換成後來較高階的板子也是可以更貼近電腦端模擬的樣子。

        感覺像是用點一點就可以把UI畫面做出來了，難得還是後面的客製化及應用層面，下次繼續分享。

參考

https://www.st.com/en/development-tools/touchgfxdesigner.html