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

[复制链接]
 楼主| lulugl 发表于 2023-12-13 21:04 | 显示全部楼层 |阅读模式
<
#申请原创#
【测试硬件】
  • 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工程,并录入自己的工程名称,配置好屏的分辨率、方向、颜色深度、最后按创建:

cb75a30c065f936987ff6d24a78ad130
16ee9cd07f06868116640b76a08bb12b
2、在生成的界面中,我们先创建一个文本框,用于标明开发板型号,然后再添加一个
35cd664f4bfd590a764e1ed8b3903154
4630afd37a7b400ec3addf7d891b4d23
3、最后我们再添加一个标签用于展示日期时间,并命名一个有意义的名称。
8ea3943798c8fa4d3acab030286aef9c
4、指定导出UI文件夹,点菜单Export->Export UI Files:
26e5f74d72ae5e94b55b68644bbc78af
821dd1fa9c433b77bdb34dbcdd6bb9da
5、然后我们复制Ui文件夹中的文件到我们原来移植好的lvgl工程文件夹中:
38505368da7cfae5acb0442ec9f8cb10
6、我们把ui文件的路径添回进工程中:
67f554029d0e801ba7bfaa0888d81d7a
7、在app_free.c中,引用ui.h:
7db89f9f3972d5ee9b17a350670d2337
8、最后我们注释掉以前手工写的代码,加入ui_init()
c3257e045dc144ed02f9c98bc3a3ed6f
9、最后我们下载到开发板,成功的实现我们所见即所得的效果:
bb9afe1c14ecfc4c8d93406e5e0d8559
【总结】
Stm32U5A5有拥大内存,大闪存,可以轻松的实现LVGL,结果Squareline Studio这个所见即所得的设计工具,使得GUI设计能够轻松的实现复杂的界面与多彩的界面呈现。
Clyde011 发表于 2024-1-23 13:08 | 显示全部楼层
s

每个Strategy交由Spring管理,并在构造后注册
万图 发表于 2024-1-23 15:04 | 显示全部楼层
s

使用Optional简化if判空
Uriah 发表于 2024-1-23 16:07 | 显示全部楼层
s

不同的代码逻辑就代表了不同的策略
您需要登录后才可以回帖 登录 | 注册

本版积分规则

180

主题

830

帖子

12

粉丝
快速回复 在线客服 返回列表 返回顶部