如今快節(jié)奏時(shí)代，產(chǎn)品有顏才能提升價(jià)值，更能為用戶帶來可與手機(jī)媲美的圖形應(yīng)用體驗(yàn)。萬物互聯(lián)的時(shí)代，溝通無處不在，我們不僅要與人溝通，還要與萬物溝通。而與機(jī)器溝通的界面，被稱為“人機(jī)界面”（HMI）。

傳統(tǒng)的HMI主要側(cè)重于功能，比如嵌入式設(shè)備啟動(dòng)/停止設(shè)備，通過簡(jiǎn)單顯示了解系統(tǒng)的運(yùn)行方式和狀態(tài)，并通過物理按鍵進(jìn)行適當(dāng)?shù)恼{(diào)整。

而萬物互聯(lián)大趨勢(shì)下，嵌入式設(shè)備的HMI由按鍵實(shí)現(xiàn)與設(shè)備互動(dòng)，演進(jìn)至圖形用戶界面（GUI），要求界面美觀、一目了然、交互友好、符合用戶習(xí)慣均成為人機(jī)交互的必要條件。目前市場(chǎng)中，無論是消費(fèi)類、家電類，抑或更智能的IOT產(chǎn)品，開發(fā)者再設(shè)計(jì)開發(fā)過程中，都需要通過更加友好的人機(jī)交互來提升用戶體驗(yàn)。目前廣泛應(yīng)用于智能穿戴和家用電器的 STM32+TouchGFX 解決方案完美了實(shí)現(xiàn)用戶需求。

本文匯總基于STM32的GUI應(yīng)用開發(fā)資源，以幫助廣大開發(fā)者快速?gòu)某醪搅私獾娇焖僬莆?，進(jìn)而具備創(chuàng)造更多的高顏值嵌入式產(chǎn)品的GUI開發(fā)能力。記得收藏！

GUI?平臺(tái)化開發(fā)軟件

X-Cube-TouchGFX?是意法半導(dǎo)體的專有圖形設(shè)計(jì)工具，與STM32 CubeMX 全面整合，以一個(gè)完整的軟硬件GUI開發(fā)平臺(tái)的形式免費(fèi)提供給STM32微控制器用戶。

以下資源，請(qǐng)復(fù)制鏈接了解詳情：
TouchGFX資源庫(kù)

TouchGFX軟件更新

鏈接：https://www.st.com/content/st_com/en/products/embedded-software/mcu-mpu-embedded-software/stm32-embedded-software/stm32cube-expansion-packages/x-cube-touchgfx.html

X-NUCLEO-GFX01M1 和?TouchGFX 4.15: 用更小的緩存實(shí)現(xiàn)更多不可思議的效果

鏈接：https://www.stmcu.com.cn/mkt_info/1696

STM32CubeMX：STM32初始化代碼生成器

鏈接：https://www.st.com/content/st_com/en/products/development-tools/software-development-tools/stm32-software-development-tools/stm32-configurators-and-code-generators/stm32cubemx.html

應(yīng)用筆記

以下應(yīng)用筆記可幫助有GUI應(yīng)用開發(fā)需求的用戶舉一反三、觸類旁通。

• AN4861：本應(yīng)用筆記介紹了STM32F429/439、STM32F469/479、STM32F7x6、STM32F7x7、STM32F7x8、STM32F7x9微控制器的LCD-TFT顯示控制器，并演示了如何使用和配置LTDC外設(shè)。還重點(diǎn)闡述了為獲得最佳圖形性能所需要的一些硬件、軟件和架構(gòu)考慮因素。

  下載鏈接：https://www.stmcu.com.cn/Designresource/design_resource_detail?file_name=AN4861_STM32_MCU%E4%B8%8A%E7%9A%84LCD_TFT%E6%98%BE%E7%A4%BA%E6%8E%A7%E5%88%B6%E5%99%A8(LTDC)&lang=ZH&ver=2

• AN5051：本應(yīng)用筆記介紹了STM32L4+微控制器中的Chrom‐GRC?全方位顯存優(yōu)化器，減少了外部RAM的使用，并充分利用內(nèi)部RAM的低功耗和高性能特性。帶有Chrom‐GRC?的STM32單片機(jī)非常適用于可穿戴設(shè)備（低功耗、高品質(zhì)）的用戶界面。

  下載鏈接：https://www.stmcu.com.cn/Designresource/design_resource_detail?file_name=AN5051_Chrom%E2%80%90GRC%E2%84%A2%E5%85%A8%E6%96%B9%E4%BD%8D%E6%98%BE%E5%AD%98%E4%BC%98%E5%8C%96%E5%99%A8%E4%BB%8B%E7%BB%8D&lang=ZH&ver=1

• AN5050：Octal-SPI接口說明

  鏈接：https://www.st.com/content/ccc/resource/technical/document/application_note/group0/91/dd/af/52/e1/d3/48/8e/DM00407776/files/DM00407776.pdf/jcr:content/translations/en.DM00407776.pdf

• AN4860：MIPI-DSI

  鏈接：https://www.st.com/content/ccc/resource/technical/document/application_note/group0/1d/b8/33/4f/dc/0a/45/52/DM00287601/files/DM00287601.pdf/jcr:content/translations/en.DM00287601.pdf

• AN4943：FMC+DMA2D

  鏈接：https://www.st.com/content/ccc/resource/technical/document/application_note/group0/17/82/73/f8/b8/8a/47/c7/DM00338361/files/DM00338361.pdf/jcr:content/translations/en.DM00338361.pdf

• AN4996：JPEG編碼解碼模塊

  鏈接：https://www.st.com/content/ccc/resource/technical/document/application_note/group0/a5/9d/22/46/61/6d/4a/ab/DM00356635/files/DM00356635.pdf/jcr:content/translations/en.DM00356635.pdf

實(shí)戰(zhàn)經(jīng)驗(yàn)

以下實(shí)戰(zhàn)經(jīng)驗(yàn)文章，可供點(diǎn)擊下載：

• TouchGFX_簡(jiǎn)單界面設(shè)計(jì)_按鍵控制光圈移動(dòng)

  鏈接：https://www.stmcu.com.cn/Designresource/design_resource_detail?file_name=TouchGFX+%E7%AE%80%E5%8D%95%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1_%E6%8C%89%E9%94%AE%E6%8E%A7%E5%88%B6%E5%85%89%E5%9C%88%E7%A7%BB%E5%8A%A8&lang=EN&ver=1

• TouchGFX中Callback模板實(shí)現(xiàn)原理

  鏈接：https://www.stmcu.com.cn/Designresource/design_resource_detail?file_name=TouchGFX%E4%B8%ADCallback%E6%A8%A1%E6%9D%BF%E5%AE%9E%E7%8E%B0%E5%8E%9F%E7%90%86&lang=EN&ver=0.2

• GUI方案中ALPHA通道處理介紹

  鏈接：https://www.stmcu.com.cn/Designresource/design_resource_detail?file_name=GUI%E6%96%B9%E6%A1%88%E4%B8%ADALPHA%E9%80%9A%E9%81%93%E5%A4%84%E7%90%86%E4%BB%8B%E7%BB%8D&lang=EN&ver=1

• 通過STM32CubeMX制作外部Flash的燒寫驅(qū)動(dòng)

  鏈接：https://www.stmcu.com.cn/Designresource/design_resource_detail?file_name=%E9%80%9A%E8%BF%87STM32CubeMX%E5%88%B6%E4%BD%9C%E5%A4%96%E9%83%A8Flash%E7%9A%84%E7%83%A7%E5%86%99%E9%A9%B1%E5%8A%A8&lang=EN&ver=0.1

• STM32G0_GUI_DEMO及環(huán)境搭建教程

  鏈接：https://www.stmcu.com.cn/Designresource/design_resource_detail?file_name=STM32G0_GUI_DEMO%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA1&lang=EN&ver=1

線上課程

《STM32 & X-Cube-TouchGFX GUI開發(fā)實(shí)踐》線上課程面向使用STM32高性能產(chǎn)品的開發(fā)人員和高校師生，旨在通過大量方案分享、理論講解，幫助工程師提升基于STM32 GUI開發(fā)實(shí)踐能力，同時(shí)拓寬開發(fā)者如何通過GUI提升嵌入式產(chǎn)品價(jià)值的思路。

通過課程學(xué)習(xí)，你將收獲：

• 拓寬GUI開發(fā)思路，導(dǎo)入通過改善用戶體驗(yàn)提升產(chǎn)品價(jià)值的設(shè)計(jì)思維；

• 快速了解STM32 + X-Cube-TouchGFX 開發(fā)平臺(tái)的優(yōu)點(diǎn)；

• 快速熟悉STM32 + X-Cube-TouchGFX 的開發(fā)流程；

• 在不同MCU/LCD拓?fù)浣Y(jié)構(gòu)下如何進(jìn)行GUI開發(fā)的思路；

• 案例分享，快速掌握并動(dòng)手實(shí)踐基于STM32的GUI開發(fā)。
  

點(diǎn)擊鏈接，立即報(bào)名課程：

https://www.stmcu.com.cn/Meeting/Details/20GUI

重要提示

報(bào)名《STM32 & X-Cube-TouchGFX GUI開發(fā)實(shí)踐》線上課程后，請(qǐng)關(guān)注“STM32”公眾號(hào)，（掃碼下方二維碼，即刻關(guān)注），及時(shí)獲得課程相關(guān)信息。