[MCU] 【我與gui-guider①】新建GUI工程

RCSN 樓主
2021-3-15 23:30
本帖最后由 RCSN 于 2021-3-15 23:38 編輯

   對于gui-guider搞好的PC工程,移植到單片機的效果,可以參考這個貼子看看http://bbs.eeworld.com.cn/thread-1159258-1-1.html 

  對于新建工程這塊發帖,樓主覺得沒什么必要,一來覺得水,二來覺得沒質量,但是也是后面的基礎,所以想想還是單獨做個貼子。

  下載安裝好gui-guider之后,打開gui-guider,一開始會彈出以下界面,以下界面介紹如下,目前模擬器顏色深度只支持16Bit,分辨率可以自定義。

image.png

   按照上面提示,在BOARD TEMPLATES界面上選擇Simulator,這里我們如果沒有NXP的官方板子的話,選擇這個作為board進行模擬。

image.png

  在APPLICATION TEMPLATES界面上,有很多參考模板,這里我們不參考,選擇空白頁

image.png

  SIZE選項上默認的是480*272,我們準備移植到實際的板子屏幕分辨率是240*320,這里并沒有,所以選擇custom,填好自己的工程名字和路徑,點擊CRETE生成

image.png

image.png

  這樣就生成一個空白界面,本文章主要對主要界面進行介紹

image.png

①widget 控件,littlevgl的基本所有控件都在這里,以此可以進行拖拉控件到④界面中

②resource 資源,其實也是界面資源,可以建立多個屏幕,并且可以自己命名,以此來作為區分ID。

image.png

image.png

③ 圖片資源,后續再聊,可以在界面直接添加圖片,模擬器編譯直接生成C代碼,不過生成的代碼沒做倒序,SPI屏幕需要字節倒序,需要自己另外生成、

④ 主界面編輯,控件拖拉就在這里操作

⑤就是在界面上的控件屬性,比如界面上有個Buttom,你點擊就會有相關屬性出來。

image.png

⑥控件事件,對于事件的配置,后續章節再做說明,特別提醒的是,并不是所有控件都支持event,需要事件觸發,只能自己手動編寫代碼實現。

image.png

⑦ 系統設置,主要是配置軟件語言,目前支持英文和中文,建議使用英文,比較好知道控件。內存也支持自動分配或者自定義分配

image.png

  選擇中文后的界面

image.png

  再來看生成的代碼路徑,我們需要移植到單片機的只需要custom和generated兩個文件夾,后續做說明。其他并不需,其他都是PC需要的文件。

image.png

至此,工程建立完畢。

1084534438 歡迎交流  [加油,一切皆有可能]

回復評論 (9)

沙發 freebsder

2021-3-15 23:33

和guix哪個更牛逼?

默認摸魚

板凳 freebsder

2021-3-15 23:34

據說stm32cubemx已經開始支持生成threadx了。

默認摸魚

4樓 RCSN

2021-3-15 23:36
引用: freebsder 發表于 2021-3-15 23:34 據說stm32cubemx已經開始支持生成threadx了。

支持了,還沒試。據說port和啟動文件適配不是很好,等ST官方修復再試下

1084534438 歡迎交流  [加油,一切皆有可能]

5樓 火辣西米秀

2021-3-16 07:09

把生成的代碼copy出來直接用在其他的板子上 能有多慢

6樓 RCSN

2021-3-16 13:45
引用: 火辣西米秀 發表于 2021-3-16 07:09 把生成的代碼copy出來直接用在其他的板子上 能有多慢

生成的代碼基本與底層無關,底層只需要做好畫點顯示,慢不慢跟底層外設性能有關,參考看下我上個帖子,跑的AT32F403A,SPI 50M,再加DMA。320*240分辨率,20fps基本無壓力

1084534438 歡迎交流  [加油,一切皆有可能]

7樓 Jacktang

2021-3-16 14:07

所有控件都在這里,以此可以進行拖拉控件操作,比較好

8樓 w494143467

2021-3-16 17:21

真好,這么多gui可以玩耍了哈!

9樓 freebsder

2021-3-16 22:34
引用: RCSN 發表于 2021-3-15 23:36 支持了,還沒試。據說port和啟動文件適配不是很好,等ST官方修復再試下

你可以自己搞的,還等什么官方?

默認摸魚

10樓 ou513

2021-3-17 08:02

期待更多的續集

電子工程世界版權所有 京B2-20211791 京ICP備10001474號-1 京公網安備 11010802033920號
    我也要說兩句
    發送
    評論
    萝卜大香蕉