本篇文章將介紹恩智浦客戶應用工程師設計的機車儀表板圖形應用以及最新的GUI Guider v1.4.0。

此機車儀表板演示所使用的開發(fā)板是由恩智浦和代理商共同開發(fā)設計，使用i.MX RT1176搭配800x480 TFT LCD。首先利用GUI Guider設計機車儀表板的圖形用戶接口，然后將產(chǎn)生的LVGL代碼導入到i.MX RT1170 SDK進行應用程序開發(fā)，最后部署到i.MX RT1176開發(fā)板，完成整個圖形應用程序開發(fā)。

此項目源代碼已經(jīng)上傳到github(https://github.com/dinguluer/NXP_RT1170)公開讓有興趣的開發(fā)者下載，包含GUI Guider和MCUXpresso項目源代碼，軟件版本信息分別為GUI Guider v1.3.1, LVGL v8.0, i.MX RT1170 SDK2.11.0和 MCUXPresso IDE v11.5.0。

用戶可以在恩智浦的官網(wǎng)下載最新的GUI Guider v1.4.0版本(https://www.nxp.com/design/software/development-software/gui-guider:GUI-GUIDER)，開啟下載的機車儀表板GUI Guider Project之后，起始畫面如下。

GUI Guider的窗口設計畫面主要分成四個部分，左上是組件窗口，GUI Guider支持的所有LVGL組件都會顯示在這個窗口，用戶可以通過鼠標拖拉的方式，將需要的組件直接布署在中間的圖形設計窗口。

除了組件信息之外，這個窗口還可以瀏覽應用程序當前導入的資源，如圖片資源、字體。

左下的資源窗口，顯示目前項目工程設計的屏幕以及使用的組件列表。中間的部分是圖形設計窗口，用戶可以將需要的組件托放到這里，進而設計、編輯圖形用戶接口。右邊是組件屬性窗口，用戶可以很容易地通過屬性設置的方式來調(diào)整圖形應用的外觀和風格。同時，這個窗口還可以支持事件的操作和設置，用戶可以很方便地點擊鼠標就能定義事件的操作行為。

在左下的資源窗口可以看到當前項目工程所有的設計屏幕，鼠標點擊任一屏幕，就可以看到此屏幕包含的所有組件。

每一個組件都可以通過組件屬性窗口中的屬性設置，來調(diào)整組件的外觀和風格。

每個屏幕是由許多的組件建構(gòu)而成，GUI Guider提供給用戶一個直觀的圖形應用開發(fā)接口，通過鼠標拖放，就能輕松的使用LVGL 30多個組件來設計圖形用戶接口。同時用戶還能使用自定義的圖像和字體，結(jié)合LVGL組件來定制圖形應用設計，設計出不同風格的圖形應用接口。

當用戶完成圖形設計之后，按下右上的”Generatecode”按鈕，等待代碼生成之后，在工具菜單選擇”ExportProject”，GUI Guider將會產(chǎn)生適用于IAR、KEIL和MCUXpresso IDE開發(fā)環(huán)境工具的項目代碼，方便用戶進行相關(guān)的應用程序開發(fā)。

開啟導出的MCUXpresso工程項目，可以發(fā)現(xiàn)此項目是基于RT1170 SDK中的” lvgl_guider” 項目再加上GUI Guider生成的LVGL源代碼。

用戶可以在MCUXpresso IDE進行相關(guān)應用的開發(fā)，如底層驅(qū)動、接口設備驅(qū)動、圖形畫面與其他周邊的互動事件行為等等，最后下載到開發(fā)版上驗證圖形設計效果、調(diào)適，最終完成圖形應用設計開發(fā)。

以上是i.MX RT1176機車儀表板圖形應用設計的介紹，有興趣的用戶趕快動手下載來試試看吧。最后，一起來觀看i.MX RT1176機車儀表板的演示視頻(https://www.bilibili.com/video/BV14d4y1o77u/)，歡迎留言、分享和意見反饋，謝謝。