lvgl的应用：移植MusicPlayer(基于STM32F407)
目录
概述
1 软硬件环境
1.1 UI开发版本
1.2 MCU开发环境
1.3 注意点
2 GUI Guider开发UI
2.1 使用GUI Guider创建UI
2.2 GUI Guider编译项目和测试
2.2.1 GUI Guider编译项目
2.2.2 编译
2.3 了解GUI Guider生成代码
3 移植项目
3.1 Keil中加载代码
3.2 调用GUI接口
4 编译项目
5 运行代码
源代码下载地址：
stm32-f407-lcd-lvgl-proj-MusicPlayer资源-CSDN文库
lvgl-demo-MusicPlayer资源-CSDN文库
概述
本文主要介绍使用GUI Guider工具创建一个MusicPlayer的应用程序，并且该程序在GUI Guider上模拟UI的功能，然后将GUI Guider生成的代码移植到基于STM32F407主控MCU的控制板卡上。并测试了UI的功能。
1 软硬件环境
1.1 UI开发版本
| 软件信息 | 版本信息 |
|---|---|
| MinGW-w64 | MinGW-W64 GCC-8.1.0 |
| Simple Directmedia Layer(SDL) | V2.30.3 |
| CMake | 3.30.0-rc2 |
| LVGL | V8.4.0 |
| GUI Guider | 1.7.2 |
1.2 MCU开发环境
| 软硬件信息 | 版本信息 |
|---|---|
| STM32 MCU | STM32F407IGTx |
| Keil | MDK ARM 5.38 |
| STM32CubeMX | V6.8.1 |
| 调试工具：st-link | ST-LINK/V2-1 |
1.3 注意点
在使用GUI Guider开发UI之前，必须保证lvgl库已经移植完成，并且该库相关的UI能正常工作。相关移植的文档可参看：
基于STM32移植lvgl(V8.2)（SPI接口的LCD）_lvgl lcd-CSDN博客
2 GUI Guider开发UI
2.1 使用GUI Guider创建UI
1) 创建Project
打开GUI Guider，创建项目，选择应用模版，这里选择MusicPlarer，并选择LCD的屏幕大小，笔者使用480X320大小尺寸。
2）设置项目路径和工程名称
3）完成以上配置后，点击下一步完成创建项目步骤，此时可以预览UI
2.2 GUI Guider编译项目和测试
2.2.1 GUI Guider编译项目
点击代码编译，可以看见GUI Guider生成的和项目UI相关的代码，其中最重要的两个目录，分别为：
Custom目录： 包括UI Steup函数、事件相关操作函数
Generate目录：UI相关的数据，包括各个Pannel使用的图片数据、字体数据、页面项目的接口等。
2.2.2 编译
1） 生成代码
出现如下信息，说明生成代码已经完成
2）生成代码后，就可以进行编译
3）编译代码完成后，系统会生成一个.exe文件。系统此时会自动运行该文件
完成以上步骤，说明生成的代码可以正常工作，此时就可以准备接下来的移植工作。
2.3 了解GUI Guider生成代码
点击工程目录，进行到代码目录中
重点关注custom和generate目录
在custom目录下生成和UI逻辑关系处理相关的代码
在generate目录下生成和UI数据关系处理相关的代码
3 移植项目
3.1 Keil中加载代码
在lvgl_project下创建GUI目录，然后将如下两个目录从GUI Guider中copy到GUI目录中。
1）将custom目录和generate目录中的.c文件全部添加到GUI目录中。
2）配置项目路径
3）添加代码后的系统架构
3.2 调用GUI接口
在项目中添加一个User/test目录，编写调用代码
代码5~7行： 添加UI相关的头文件
代码9行： 创建UI对象
代码12行：setup UI，此时相关UI的页面已经被创建出来
代码13行：初始化用户自定义UI，包括创建事件函数
4 编译项目
编写完成调用代码后，此时就可以编译程序，然后下载代码到板卡中。
根据编译信息可知：
此项目需要消耗520K左右的Flash空间，所以必须保证MCU有足够多的空间烧写数据。
Build started: Project: stm32_f407_lcd_proj
*** Using Compiler 'V5.05 update 1 (build 106)', folder: 'd:\Keil_v5\ARM\ARMCC\Bin'
Build target 'stm32_f407_lcd_proj'
compiling lv_mainstart.c...
linking...
Program Size: Code=189488 RO-data=318372 RW-data=816 ZI-data=75480
FromELF: creating hex file...
"..\..\..\build\stm32_f407_lcd_lvgl_proj\stm32_f407_lcd_proj.axf" - 0 Error(s), 0 Warning(s).
Build Time Elapsed: 00:00:06
5 运行代码
播放歌曲页面
切换歌曲页面
播放新的歌曲页面
相关文章：
lvgl的应用：移植MusicPlayer(基于STM32F407)
目录 概述 1 软硬件环境 1.1 UI开发版本 1.2 MCU开发环境 1.3 注意点 2 GUI Guider开发UI 2.1 使用GUI Guider创建UI 2.2 GUI Guider编译项目和测试 2.2.1 GUI Guider编译项目 2.2.2 编译 2.3 了解GUI Guider生成代码 3 移植项目 3.1 Keil中加载代码 3.2 调用G…...
Hadoop3：MapReduce中的Shuffle机制
一、流程图 Shuffle是Map方法之后，Reduce方法之前的数据处理过程称。 二、图解说明 1、数据流向 map方法中context.write(outK, outV);开始，写入环形缓冲区，再进行分区排序，写到磁盘 reduce方法拉取磁盘上的数据，…...
从设计到实践：高速公路监控技术架构全剖析
随着高速公路网络的迅速扩展和交通流量的日益增加，高效的监控系统成为保障交通安全、提升管理效率的重要手段。本文将深入探讨高速公路监控技术架构，从设计理念到实际应用，全面解析这一关键技术的各个环节。 ### 一、系统设计理念 #### 1. 高…...
Go Context
Context 介绍 Context 代表了协程的上下文，用以在父子协程之间传递控制信号，共享变量等操作// context.Context 接口 type Context interface {// 当Context自动取消或者到了取消时间被取消后返回Deadline() (deadline time.Time, ok bool)// 当Contex…...
centOS Stream9配置NAT8网络
首先将VMware关机，添加网络适配器 启动虚拟机，查看ens192是否打开连接 安装的图形化需要查看右上角电源处网卡是否连接 最小化安装一般不会出现未连接的状态 使用ip a 查看 配置网卡文件 cd /etc/NetworkManager/system-connections/cd到当前目录下…...
Linux - 进程
一、什么是进程 首先，Linux是一个多用户多进程的操作系统，系统上可以同时运行多个进程。 进程的产生：①是在执行程序或者命令时产生的；②定时任务进程 进程的类型：前台进程/后台进程 前台进程：一个终端…...
nginx+tomcat负载均衡、动静分离群集【☆☆☆☆☆】
Nginx是一款非常优秀的HTTP服务器软件，性能比tomcat更优秀，它支持高达50 000个并发连接数，拥有强大的静态资源处理能力，运行稳定，内存、CPU等系统资源消耗非常低。目前很多大型网站都应用Nginx服务器作为后端网站程序的…...
MySQL容器部署步骤
1、拉取MySQL镜像 docker pull mysql # 默认拉取最新版本docker pull mysql:5.7 # 拉取5.7版本docker pull mysql:8.0 # 拉取8.0版本 2、创建挂载目录 # 创建挂载目录 mkdir -p /home/mysql/conf/ # -p: 多级创建mkdir -p /home/mysql/log/mkdir -p /home/mysql/data/ 3…...
在 Ubuntu 18.04.4 LTS上安装 netmap
文章目录 步骤运行配置文件编译安装使用netmap 步骤 sudo su sudo apt-get update sudo apt install build-essential sudo apt-get install -y git sudo apt-get install -y linux-headers-$(uname -r)rootVM-20-6-ubuntu:/home/ubuntu/netmap/LINUX# git clone https://gith…...
spark 整合 yarn
spark 整合 yarn 1、在master节点上停止spark集群 cd /usr/local/soft/spark-2.4.5/sbin ./stop-all.sh 2、spark整合yarn只需要在一个节点整合, 可以删除node1 和node2中所有的spark文件 分别在node1、node2 的/usr/local/soft目录运行 rm -rf spark-2.4.…...
蓝桥杯十五届国赛模拟题1答案
1、bug缺陷报告 功能名称缺陷描述操作步骤预期结果实际结果缺陷级别销售订单列表...
分布式之日志系统平台ELK
ELK解决了什么问题 我们开发完成后发布到线上的项目出现问题时(中小型公司),我们可能需要获取服务器中的日志文件进行定位分析问题。但在规模较大或者更加复杂的分布式场景下就显得力不从心。因此急需通过集中化的日志管理,将所有服务器上的日志进行收集汇总。所以ELK应运而生…...
git常见错误
refusing to merge unrelated histories 如果git merge合并的时候出现refusing to merge unrelated histories的错误，原因是两个仓库不同而导致的，需要在后面加上--allow-unrelated-histories进行允许合并，即可解决问题。 git push origin …...
构建稳定高效的消息传递中间件：消息队列系统的设计与实现
✨✨谢谢大家捧场，祝屏幕前的小伙伴们每天都有好运相伴左右，一定要天天开心哦！✨✨ 🎈🎈作者主页： 喔的嘛呀🎈🎈 目录 一、引言 二、设计目标 2.1、高可用性 1. 集群搭建 1.1 …...
支持 MKV、MP4、AVI、MPG 等格式视频转码器
一、简介 1、一款开源的视频转码器，适用于 Linux、Mac 和 Windows。它是一个免费的工具，由志愿者们开发，可以将几乎所有格式的视频转换为现代、广泛支持的编码格式。你可以在官网上下载该应用或源代码。该软件支持 MKV、MP4、AVI、MPG 等格式…...
yum
文章目录 本地源配置本地yum源仓库yum常用的操作命令 网络源阿里云当yum 安装源代码软件包需要编译安装，需要安装支持c和c程序语言的编译器，如gcc、gcc-c、make 如果使用rpm方式安装，则需要先安装多个依赖包，这样会很繁琐。可以使…...
【单片机毕业设计选题24016】-基于STM32和阿里云的采空区环境监测系统设计
系统功能: 系统分为主机端和从机端，主机端主动向从机端发送信息和命令，从机端 收到主机端的信息后回复温度,甲烷，一氧化碳，氧气和系统状态等信息。 同时主机端将这些信息上传至阿里云服务器。 主要功能模块原理图: 电源时钟烧…...
Leetcode3179. K 秒后第 N 个元素的值
Every day a Leetcode 题目来源：3179. K 秒后第 N 个元素的值 解法1：模拟 模拟 k 轮，数组保存上一次结果，然后计算当前轮次的结果。 代码： /** lc appleetcode.cn id3179 langcpp** [3179] K 秒后第 N 个元素的值…...
vue3第二阶段的开发文档
1 2.1 案例——学习计划表 2.1.1 准备工作 在开发“学习计划表”案例之前，需要先完成一些准备工作，具体步骤如下。 ① 打开命令提示符，切换到 D:\vue\chapter02 目录，在该目录下执行如下命令，创建 项目。 np…...
【网络安全学习】漏洞扫描：- 02- nmap漏洞扫描
1.nmap的介绍 Nmap是一款功能强大的网络探测和安全扫描工具，可以对目标进行端口扫描、服务探测、操作系统指纹识别等操作。 Nmap自带了许多内置的NSE脚本，它们可以根据不同的目标和场景来执行不同的功能。这些脚本存放在Nmap安装目录**/usr/share/nmap…...
label-studio的使用教程(导入本地路径)
文章目录 1. 准备环境2. 脚本启动2.1 Windows2.2 Linux 3. 安装label-studio机器学习后端3.1 pip安装(推荐)3.2 GitHub仓库安装 4. 后端配置4.1 yolo环境4.2 引入后端模型4.3 修改脚本4.4 启动后端 5. 标注工程5.1 创建工程5.2 配置图片路径5.3 配置工程类型标签5.4 配置模型5.…...
python/java环境配置
环境变量放一起 python： 1.首先下载Python Python下载地址：Download Python | Python.org downloads ---windows -- 64 2.安装Python 下面两个，然后自定义，全选 可以把前4个选上 3.环境配置 1）搜高级系统设置 2…...
【git】把本地更改提交远程新分支feature_g
创建并切换新分支 git checkout -b feature_g 添加并提交更改 git add . git commit -m “实现图片上传功能” 推送到远程 git push -u origin feature_g...
Xen Server服务器释放磁盘空间
disk.sh #!/bin/bashcd /run/sr-mount/e54f0646-ae11-0457-b64f-eba4673b824c # 全部虚拟机物理磁盘文件存储 a$(ls -l | awk {print $NF} | cut -d. -f1) # 使用中的虚拟机物理磁盘文件 b$(xe vm-disk-list --multiple | grep uuid | awk {print $NF})printf "%s\n"…...
：观察者模式)
JS设计模式(4)：观察者模式
JS设计模式(4):观察者模式 一、引入 在开发中，我们经常会遇到这样的场景：一个对象的状态变化需要自动通知其他对象，比如： 电商平台中，商品库存变化时需要通知所有订阅该商品的用户；新闻网站中࿰…...
NPOI操作EXCEL文件 ——CAD C# 二次开发
缺点:dll.版本容易加载错误。CAD加载插件时，没有加载所有类库。插件运行过程中用到某个类库，会从CAD的安装目录找，找不到就报错了。 【方案2】让CAD在加载过程中把类库加载到内存 【方案3】是发现缺少了哪个库，就用插件程序加载进…...
GraphQL 实战篇：Apollo Client 配置与缓存
GraphQL 实战篇：Apollo Client 配置与缓存 上一篇：GraphQL 入门篇：基础查询语法 依旧和上一篇的笔记一样，主实操，没啥过多的细节讲解，代码具体在： https://github.com/GoldenaArcher/graphql…...
【Post-process】【VBA】ETABS VBA FrameObj.GetNameList and write to EXCEL
ETABS API实战：导出框架元素数据到Excel 在结构工程师的日常工作中，经常需要从ETABS模型中提取框架元素信息进行后续分析。手动复制粘贴不仅耗时，还容易出错。今天我们来用简单的VBA代码实现自动化导出。 🎯 我们要实现什么？ 一键点击，就能将ETABS中所有框架元素的基…...
 ----- Python的类与对象)
Python学习(8) ----- Python的类与对象
Python 中的类（Class）与对象（Object）是面向对象编程（OOP）的核心。我们可以通过“类是模板，对象是实例”来理解它们的关系。 🧱 一句话理解： 类就像“图纸”，对…...
Docker、Wsl 打包迁移环境
电脑需要开启wsl2 可以使用wsl -v 查看当前的版本 wsl -v WSL 版本： 2.2.4.0 内核版本： 5.15.153.1-2 WSLg 版本： 1.0.61 MSRDC 版本： 1.2.5326 Direct3D 版本： 1.611.1-81528511 DXCore 版本： 10.0.2609…...