GUI Guider設(shè)計(jì)UI界面移植到STM32
一、什么是GUI Guider
什么是 GUI-Guider? GUI Guider 是恩智浦為 LVGL 開發(fā)了一個(gè)上位機(jī)GUI 設(shè)計(jì)工具，可以通過拖放控件的方式設(shè)計(jì) LVGL GUI 頁面，加速 GUI 的設(shè)計(jì)。 設(shè)計(jì)完成的 GUI 頁面可以在 PC 上仿真運(yùn)行，預(yù)覽自己設(shè)計(jì)的UI界面。確認(rèn)設(shè)計(jì)完畢之后可以生成 C 代碼，再整合到 MCU 項(xiàng)目中。
軟件下載地址：https://www.nxp.com.cn/
打開網(wǎng)址搜索GUI Guider選擇適合自己的系統(tǒng)的版本。下載安裝。
二、軟件使用
打開軟件
選擇自己喜歡的圖片，但是在選擇圖片時(shí)要注意圖片大小，可以通過圖片編輯工具調(diào)整圖片大小已適應(yīng)我們的屏幕大小。
運(yùn)行仿真，選擇C語言
仿真效果
點(diǎn)擊生成代碼。
三、將代碼整合到我們的工程
打開我們剛才的GUI工程目錄，下面有一個(gè) generated 文件夾，該文件夾就是我們所需要的，將generated整個(gè)文件夾復(fù)制到我們的STM32工程中的GUIAPP目錄下。
接著打開keil工程在keil工程添加相關(guān)的.c源文件和.h頭文件路徑。
添加.c文件
包含文件路徑
然后編譯，可能會(huì)報(bào)錯(cuò)，雙擊第一條錯(cuò)誤提示
接著繼續(xù)修改其他類似錯(cuò)誤。再次編譯可能會(huì)提示找不到 “l(fā)v_font.h” 頭文件，記得我們之前在LVGL源碼是遇到有這個(gè)，所以我們這里把GUI/src路徑下的font文件夾路徑包含進(jìn)來。文章來源：http://www.zghlxwxcb.cn/news/detail-782250.html
再次編譯，會(huì)提示找不到"custom.h"頭文件，這里我們把它注釋掉。最后編譯通過。有時(shí)候到這一步會(huì)有 error: #8: missing closing quote 這樣的錯(cuò)誤提示，
解決辦法就是：在KEIL中Options for Target ‘Flash’ -> C/C++ -> Misc Controls添加“–locale=english”。
然后再main.c 源文件中添加相關(guān)的頭文件和代碼。
編譯下載到板子上，可以看到程序運(yùn)行屏幕顯示我們自己設(shè)計(jì)的UI界面。文章來源地址http://www.zghlxwxcb.cn/news/detail-782250.html
到了這里，關(guān)于GUI Guider設(shè)計(jì)UI界面移植到STM32的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
