本文介绍了如何使用SquareLineStudio设计UI并在HMI-Board上移植，包括工具准备、创建HMI工程、设计UI、导出源码、移植步骤以及板级验证过程，帮助开发者快速开发GUI智能硬件。
HMI-Board 为 RT-Thread 联合瑞萨推出的高性价比图形评估套件，取代传统的 HMI + 主控板 硬件，一套硬件即可实现 HMI + IoT + 控制 的全套能力。依托于瑞萨高性能芯片 RA6M3 及 RT-Thread 软件生态，HMI Board 不仅硬件性能强劲，同时软件生态丰富，助力开发者快速开发出 GUI 智能硬件产品。
本文介绍基于 LVGL，如何使用 SquareLine Studio 这款专业的 UI 设计软件快速设计 UI 界面，并导出源码、将其移植到 HMI-Board。
准备工具
- SquareLine Studio
- RT-Thread Sthdio
关于 SquareLine Studio 可以参考 基于 LVGL 使用 SquareLine Studio 快速设计 UI 界面，RT-Thread Sthdio 可以从 RT-Thread 官网 下载。
创建 HMI 工程
- 打开 RT-Thread Sthdio，打开 SDK Manager，下载最新的 HMI-Board SDK 版本：
- 使用 DAP-Link 下载调试，还需要下载最新的 PyOCD 资源包：
- 基于 HMI-Board 开发板创建一个 LVGL 示例工程：
- 构建工程、下载：
- 默认运行的是 Music 示例 Demo：
设计 UI
- 使用 SquareLine Studio 创建一个屏幕尺寸为 480×272 大小的工程，颜色深度为 16 bit：
- 简单设计下 UI 界面：
- 导出 UI 源码：
- 查看导出的 UI 源码文件：
UI 移植
- 在 HMI 工程
\board\lvgl\demo目录下创建 ui 文件夹：
- 复制导出的 UI 源码文件到 ui 文件夹：
- 选中 HMI 工程按 F5 刷新即可看到 UI 源码文件已经添加到项目里：
- 修改
lv_demo.c文件，保存：
板级验证
- 构建、下载、运行，一次就成功！
4886
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
