寫在前面,寫這篇blog的目的也是為了提醒自己how to移植LVGL,所以寫的不夠好,也可能不是會很詳細(xì),大佬勿噴
準(zhǔn)備工作,下載lvgl源碼,Github源碼,很容易。
一.GUI Guider的使用
首先是GUI Guider的介紹
GUI Guider是NXP公司開發(fā)的一個圖形化軟件,對于初學(xué)GUI或者寫ui界面的小白們非常合適,也非常方便,現(xiàn)在就示例寫一個demo
?首先是初始化界面,在相應(yīng)的位置填寫相關(guān)信息(文件名,是否使用模板,以及數(shù)據(jù)位,最重要的 是大?。@個顯示的大小要和自己的顯示屏配套才行,然后就可以進(jìn)行后面的ui設(shè)計
?圖形化界面,完全通過拖拽去實(shí)現(xiàn),寫一個令自己滿意的ui
在系統(tǒng)設(shè)置里可以改變語言的選擇,切換成中文或者英文,目前支持菜單,按鍵,led模塊等,等你完成設(shè)計一個ui界面,可以在上方,點(diǎn)擊運(yùn)行模擬器,你可以看到你寫的ui是否可以被模擬出來,如果可以的話,就可以直接生成代碼。
二.然后是lvgl庫移植+CUBEMX
cubemx配置可以見我的上一篇博客,很詳細(xì)(60條消息) 超詳細(xì)?。?!STM32F407ZGT6HAL庫移植STemwin(基于正點(diǎn)原子最小系統(tǒng)板+GUIBuilder)_flushddd的博客-CSDN博客
這里面除了CRC可以不用,其他的都需要保留
我們需要前往c代碼生成的位置,那里是lvgl根據(jù)我們設(shè)計的ui自行生成的c代碼,在這之前我們需要先移植lvgl庫,對其中的文件進(jìn)行一個修改,然后使我們自己可以使用
具體的操作步驟我就貼一下其他up的步驟,這里就不贅述了,稍微有點(diǎn)復(fù)雜
移植步驟
除了修改error,最重要的是記得給自己的lvgl加上心跳。
移植完畢后,就可以繼續(xù)ui的移植
在我們生成c代碼的文件夾,把整個generated復(fù)制下來,到工程文件夾,然后引用編譯,解決bug,就可以完成移植了。
g
?最后放一張效果圖片:
?
完整工程見文章來源:http://www.zghlxwxcb.cn/news/detail-423661.html
(60條消息) STM32F407ZGT6LVGL移植+HAL庫-嵌入式文檔類資源-CSDN文庫文章來源地址http://www.zghlxwxcb.cn/news/detail-423661.html
到了這里,關(guān)于GUI——LVGL移植+STM32f407zgt6(正點(diǎn)原子最小系統(tǒng)板+GUI Guider的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!