[STM32U5]【NUCLEO-U5A5ZJ-Q测评】使用SquareLine快速实现设计图形界面

【测试硬件】

• STM32U5A5。
• ILI9488LCD屏

【开发环境】

• STM32CubeIDE 1.14
• SquareLine Studio

【前期准备】

• 在我的帖子https://bbs.21ic.com/icview-3341056-1-1.html已经移植好了LVGL的前提下，并安装好squareline Studio。
• SquareLine Studio是LVGL官方推荐的UI设计平台，可以便捷地设计界面并一键生成代码导出。导出的代码在模拟器和嵌入式设备上都适用。对个人而言，注册即可免费使用。

【实现步聚】

• 打开SquareLine Stduio后新建后，我们在向导中使用新建eclipse工程，并录入自己的工程名称，配置好屏的分辨率、方向、颜色深度、最后按创建：

 

 

2、在生成的界面中，我们先创建一个文本框，用于标明开发板型号，然后再添加一个
 

 

3、最后我们再添加一个标签用于展示日期时间，并命名一个有意义的名称。
 

4、指定导出UI文件夹，点菜单Export->Export UI Files:

 

5、然后我们复制Ui文件夹中的文件到我们原来移植好的lvgl工程文件夹中：
 

6、我们把ui文件的路径添回进工程中：
 

7、在app_free.c中，引用ui.h:
 

8、最后我们注释掉以前手工写的代码，加入ui_init()
 

9、最后我们下载到开发板，成功的实现我们所见即所得的效果：
 

【总结】
Stm32U5A5有拥大内存，大闪存，可以轻松的实现LVGL，结果Squareline Studio这个所见即所得的设计工具，使得GUI设计能够轻松的实现复杂的界面与多彩的界面呈现。。
---------------------
作者：lulugl
链接：https://bbs.21ic.com/icview-3347540-1-1.html
来源：21ic.com
此文章已获得原创/原创奖标签，著作权归21ic所有，任何人未经允许禁止转载。