既然已經成功安裝了LVGL的軟件包,並進行了優化,那麼接下來要作的就是學習如何用LVGL來開發GUI界面了。因爲LVGL沒有GUI BUILDER這樣的圖形化工具,全部的界面設計都靠擼代碼,所以若是每次都是擼代碼以後編譯下載驗證,會浪費比較多的時間,也不是很現實。大佬們比較推薦的作法固然是在PC模擬器上開發界面,驗證沒問題以後再把代碼放到目標板上跑就能夠了。
所以,下面要作的任務就是安裝一個模擬器。LVGL官方推薦的工具是VS2017。本人一開始沒注意,安裝了VS2019,結果固然又是掉坑裏去了,最後仍是參考了大佬的貼子,才從坑裏爬上來,如今將過程分享出來。git
參考鏈接
[https://blog.csdn.net/qq_4267...github
[https://blog.csdn.net/qq_3387...工具
[https://blog.csdn.net/weixin_...學習
[https://github.com/lvgl/lv_si...開發工具
好了,廢話很少說。首先是下載VS2019,我直接到官網下載社區版,據說是免費的。
[https://visualstudio.microsof...優化
image.png.net
而後就是雙擊安裝包,坑爹的是一個在線安裝包,也就是說要保持聯網狀態,期間要下載軟件包,並且仍是G級別的。因爲VS不是個人主要開發工具,只是用來當模擬器用,因此只安裝必要的包就好,其餘的不裝。
image.png設計
等待VS2019安裝好以後,接下來就是去下載模擬器,網址以下:
[https://github.com/lvgl/lv_si...blog
image.png開發
看不懂洋文不要緊,只要在git工具中敲入這條命令,將軟件包clone到本身新建的目標目錄下就好。
又是漫長的等待。。。。。。。
下載完成以後,打開VS2019,而後將此工程文件拖入項目欄,便可,而後按F5。
image.png
然而期待中的模擬器界面並無打開,這是怎麼回事?
原來缺乏了工具,這個模擬器是用VS2017編譯的,我如今安裝的是VS2019,因此不行,要去找工具。
點擊「工具」,而後選擇「獲取工具和功能」,會彈出一個軟件包管理界面,在這個界面下勾選必要的軟件包。
image.png
注意「VS2017(v141)工具。。。。」須要在單個組件中尋找。
勾選以後單擊「修改」,而後等待安裝完成,重啓VS2019便可。
再次打開模擬器,F5,走你!看到下面的圖形界面,就成功了,能夠開心的玩耍了!