移植 SquareLine 导出的 UI 源码到 HMI-Board

news/2024/9/23 6:35:41/

目录

    • 准备工具
    • 创建 HMI 工程
    • 设计 UI
    • UI 移植
    • 板级验证
    • 更多内容

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_35">设计 UI

  • 使用 SquareLine Studio 创建一个屏幕尺寸为 480×272 大小的工程,颜色深度为 16 bit:

  • 简单设计下 UI 界面:

  • 导出 UI 源码:

  • 查看导出的 UI 源码文件:

UI__53">UI 移植

  • 在 HMI 工程 \board\lvgl\demo 目录下创建 ui 文件夹:

  • 复制导出的 UI 源码文件到 ui 文件夹:

  • 选中 HMI 工程按 F5 刷新即可看到 UI 源码文件已经添加到项目里:

  • 修改 lv_demo.c 文件,保存:

板级验证

  • 构建、下载、运行,一次就成功!

更多内容

  • CSDN博客:@Hello阿尔法
  • 哔哩哔哩:@Hello阿尔法
  • 知乎:@Hello阿尔法

http://www.ppmy.cn/news/1448079.html

相关文章

MATLAB | 全网唯一!使用MATLAB绘制各类螺旋图

全网唯一,MATLAB绘制各类螺旋图,还在为X轴过长而困扰吗?把X轴盘起来就可以优雅的绘图!!今天带来的是由本人开发的SSpiral MATLAB 工具包,,本期工具函数绘图效果: 工具函数放在最后&a…

GoLang Gin实际使用

所有代码同步到Admin/gitDemo - Gitee.comhttps://gitee.com/mec-deployment-team_0/git-demo/tree/dev/ 1.创建Gin框架 一般设计一个常规的web项目,都需要以下几个模块 runApp 主函数,运行整个项目routes 路由控制,管理跳转以及路由分组co…

windows编程中的位图操作,界面中插入位图方法

在界面中插入位图,主要用到BitBlt这个函数 BOOL CDC::BitBlt(int x, int y, int width, int height, CDC *src, int src_x, int src_y, DWORD dwRop)用法说明见官方说明 这里要注意的是,这个函数是把源图像从src这个设备上下文传递到目标设备上下文(这…

【类型商店】字符字符串(上)

啊,哈喽,小伙伴们大家好。我是#Y清墨,今天呐,我要介绍的是字符与字符串。 导语 在我之前发的[算法材料包]C数字拆分里有提及到.size()和length()和strlen(),想看更多内容请别划走! 一.论字符 (1&#xff…

Java面试题:解释堆和栈的OutOfMemoryError通常在什么情况下会发生

在Java中,OutOfMemoryError(OOM)是一个运行时错误,它表明Java虚拟机(JVM)在尝试分配内存时无法找到足够的空间。这个错误可能发生在堆内存或栈内存耗尽时。以下是一些常见的导致OutOfMemoryError的情况&…

第三章:信息系统基础知识之信息系统概述

信息系统概述 信息系统(Information System,IS)一般泛指收集、存储、处理和传播各种信息的具有完整功能的集合体。现代信息系统总是与计算机技术和互联网技术的应用联系在一起,主要是指以计算机为信息处理工具,以网络为信息传输手段的信息系统…

【FastGPT 】FastGPT 的知识库逻辑

这里写自定义目录标题 FastGPT 的知识库逻辑FastGPT 的知识库检索机制FastGPT 的知识库逻辑 FastGPT的知识库逻辑主要围绕“向量搜索 + 大模型 = 知识库问答”的公式展开。以下是关于FastGPT知识库逻辑的一些关键点: 基础概念: 向量:将人类的语言(文字、图片、视频等)转换…

el-date-picker 禁用时分秒选择(包括禁用下拉框展示)

2024.04.26今天我学习了对el-date-picker进行禁用时分秒, 在使用el-date-picker组件的时候,我们有可能遇到需要把时分秒的时间固定,然后并且不能让他修改: 1714120999296 比如右上角的这个时间,我们要给它固定是‘08:…