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

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

此項(xiàng)目源代碼已經(jīng)上傳到github(https://github.com/dinguluer/NXP_RT1170)公開讓有興趣的開發(fā)者下載，包含GUI Guider和MCUXpresso項(xiàng)目源代碼，軟件版本信息分別為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)，開啟下載的機(jī)車儀表板GUI Guider Project之后，起始畫面如下。

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

除了組件信息之外，這個(gè)窗口還可以瀏覽應(yīng)用程序當(dāng)前導(dǎo)入的資源，如圖片資源、字體。

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

在左下的資源窗口可以看到當(dāng)前項(xiàng)目工程所有的設(shè)計(jì)屏幕，鼠標(biāo)點(diǎn)擊任一屏幕，就可以看到此屏幕包含的所有組件。

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

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

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

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

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

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