#申请原创#
【测试硬件】
【开发环境】
- 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设计能够轻松的实现复杂的界面与多彩的界面呈现。
|
楼主
标题置顶
标题高亮
