当前位置： 首页 > news >正文

lvgl的应用：移植MusicPlayer(基于STM32F407)

news 2025/12/16 19:51:32

目录

概述

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-w64MinGW-W64 GCC-8.1.0
Simple Directmedia Layer(SDL)V2.30.3
CMake3.30.0-rc2
LVGLV8.4.0
GUI Guider1.7.2

 1.2 MCU开发环境

软硬件信息版本信息
STM32 MCUSTM32F407IGTx
KeilMDK ARM 5.38
STM32CubeMXV6.8.1
调试工具：st-linkST-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…...

编程日记 2024/6/20 9:22:52

Hadoop3：MapReduce中的Shuffle机制

一、流程图 Shuffle是Map方法之后，Reduce方法之前的数据处理过程称。 二、图解说明 1、数据流向 map方法中context.write(outK, outV);开始，写入环形缓冲区，再进行分区排序，写到磁盘 reduce方法拉取磁盘上的数据，…...

编程日记 2024/6/20 9:21:51

从设计到实践：高速公路监控技术架构全剖析

随着高速公路网络的迅速扩展和交通流量的日益增加，高效的监控系统成为保障交通安全、提升管理效率的重要手段。本文将深入探讨高速公路监控技术架构，从设计理念到实际应用，全面解析这一关键技术的各个环节。 ### 一、系统设计理念 #### 1. 高…...

编程日记 2024/6/20 9:20:49

Go Context

Context 介绍 Context 代表了协程的上下文，用以在父子协程之间传递控制信号，共享变量等操作// context.Context 接口 type Context interface {// 当Context自动取消或者到了取消时间被取消后返回Deadline() (deadline time.Time, ok bool)// 当Contex…...

编程日记 2024/6/20 9:17:45

centOS Stream9配置NAT8网络

首先将VMware关机，添加网络适配器 启动虚拟机，查看ens192是否打开连接 安装的图形化需要查看右上角电源处网卡是否连接 最小化安装一般不会出现未连接的状态 使用ip a 查看 配置网卡文件 cd /etc/NetworkManager/system-connections/cd到当前目录下…...

编程日记 2024/6/20 9:16:44

Linux - 进程

一、什么是进程 首先，Linux是一个多用户多进程的操作系统，系统上可以同时运行多个进程。 进程的产生：①是在执行程序或者命令时产生的；②定时任务进程 进程的类型：前台进程/后台进程 前台进程：一个终端…...

编程日记 2024/6/20 9:14:41

nginx+tomcat负载均衡、动静分离群集【☆☆☆☆☆】

Nginx是一款非常优秀的HTTP服务器软件，性能比tomcat更优秀，它支持高达50 000个并发连接数，拥有强大的静态资源处理能力，运行稳定，内存、CPU等系统资源消耗非常低。目前很多大型网站都应用Nginx服务器作为后端网站程序的…...

编程日记 2024/6/20 9:13:40

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…...

编程日记 2024/6/20 9:11:37

在 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…...

编程日记 2024/6/20 9:05:30

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.…...

编程日记 2024/6/20 9:04:28

蓝桥杯十五届国赛模拟题1答案

1、bug缺陷报告 功能名称缺陷描述操作步骤预期结果实际结果缺陷级别销售订单列表...

编程日记 2024/6/20 9:03:26

分布式之日志系统平台ELK

ELK解决了什么问题 我们开发完成后发布到线上的项目出现问题时(中小型公司),我们可能需要获取服务器中的日志文件进行定位分析问题。但在规模较大或者更加复杂的分布式场景下就显得力不从心。因此急需通过集中化的日志管理,将所有服务器上的日志进行收集汇总。所以ELK应运而生…...

编程日记 2024/6/20 9:01:24

git常见错误

refusing to merge unrelated histories 如果git merge合并的时候出现refusing to merge unrelated histories的错误，原因是两个仓库不同而导致的，需要在后面加上--allow-unrelated-histories进行允许合并，即可解决问题。 git push origin …...

编程日记 2024/6/20 9:00:22

构建稳定高效的消息传递中间件：消息队列系统的设计与实现

✨✨谢谢大家捧场，祝屏幕前的小伙伴们每天都有好运相伴左右，一定要天天开心哦！✨✨ 🎈🎈作者主页： 喔的嘛呀🎈🎈 目录 一、引言 二、设计目标 2.1、高可用性 1. 集群搭建 1.1 …...

编程日记 2024/6/20 8:57:17

支持 MKV、MP4、AVI、MPG 等格式视频转码器

一、简介 1、一款开源的视频转码器，适用于 Linux、Mac 和 Windows。它是一个免费的工具，由志愿者们开发，可以将几乎所有格式的视频转换为现代、广泛支持的编码格式。你可以在官网上下载该应用或源代码。该软件支持 MKV、MP4、AVI、MPG 等格式…...

编程日记 2024/6/20 8:56:16

yum

文章目录 本地源配置本地yum源仓库yum常用的操作命令 网络源阿里云当yum 安装源代码软件包需要编译安装，需要安装支持c和c程序语言的编译器，如gcc、gcc-c、make 如果使用rpm方式安装，则需要先安装多个依赖包，这样会很繁琐。可以使…...

编程日记 2024/6/20 8:55:15

【单片机毕业设计选题24016】-基于STM32和阿里云的采空区环境监测系统设计

系统功能: 系统分为主机端和从机端，主机端主动向从机端发送信息和命令，从机端 收到主机端的信息后回复温度,甲烷，一氧化碳，氧气和系统状态等信息。 同时主机端将这些信息上传至阿里云服务器。 主要功能模块原理图: 电源时钟烧…...

编程日记 2024/6/20 8:54:13

Leetcode3179. K 秒后第 N 个元素的值

Every day a Leetcode 题目来源：3179. K 秒后第 N 个元素的值 解法1：模拟 模拟 k 轮，数组保存上一次结果，然后计算当前轮次的结果。 代码： /** lc appleetcode.cn id3179 langcpp** [3179] K 秒后第 N 个元素的值…...

编程日记 2024/6/20 8:53:12

vue3第二阶段的开发文档

1 2.1 案例——学习计划表 2.1.1 准备工作 在开发“学习计划表”案例之前，需要先完成一些准备工作，具体步骤如下。 ① 打开命令提示符，切换到 D:\vue\chapter02 目录，在该目录下执行如下命令，创建 项目。 np…...

编程日记 2024/6/20 8:52:11

【网络安全学习】漏洞扫描：- 02- nmap漏洞扫描

1.nmap的介绍 Nmap是一款功能强大的网络探测和安全扫描工具，可以对目标进行端口扫描、服务探测、操作系统指纹识别等操作。 Nmap自带了许多内置的NSE脚本，它们可以根据不同的目标和场景来执行不同的功能。这些脚本存放在Nmap安装目录**/usr/share/nmap…...

编程日记 2024/6/20 8:51:09

简易版抽奖活动的设计技术方案

1.前言 本技术方案旨在设计一套完整且可靠的抽奖活动逻辑，确保抽奖活动能够公平、公正、公开地进行，同时满足高并发访问、数据安全存储与高效处理等需求，为用户提供流畅的抽奖体验，助力业务顺利开展。本方案将涵盖抽奖活动的整体架构设计、核心流程逻辑、关键功能实现以及…...

编程新知 2025/12/9 18:30:35

使用分级同态加密防御梯度泄漏

抽象 联邦学习 （FL） 支持跨分布式客户端进行协作模型训练，而无需共享原始数据，这使其成为在互联和自动驾驶汽车 （CAV） 等领域保护隐私的机器学习的一种很有前途的方法。然而，最近的研究表明&…...

编程新知 2025/12/14 17:46:27

连锁超市冷库节能解决方案：如何实现超市降本增效

在连锁超市冷库运营中，高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术，实现年省电费15%-60%，且不改动原有装备、安装快捷、…...

编程新知 2025/11/30 16:55:29

基于Docker Compose部署Java微服务项目

一. 创建根项目 根项目&#xff08;父项目&#xff09;主要用于依赖管理 一些需要注意的点&#xff1a; 打包方式需要为 pom<modules>里需要注册子模块不要引入maven的打包插件&#xff0c;否则打包时会出问题 <?xml version"1.0" encoding"UTF-8…...

编程新知 2025/12/9 4:33:58

现代密码学 | 椭圆曲线密码学—附py代码

Elliptic Curve Cryptography 椭圆曲线密码学&#xff08;ECC&#xff09;是一种基于有限域上椭圆曲线数学特性的公钥加密技术。其核心原理涉及椭圆曲线的代数性质、离散对数问题以及有限域上的运算。 椭圆曲线密码学是多种数字签名算法的基础&#xff0c;例如椭圆曲线数字签…...

编程新知 2025/12/14 17:07:40

GitFlow 工作模式（详解）

今天再学项目的过程中遇到使用gitflow模式管理代码&#xff0c;因此进行学习并且发布关于gitflow的一些思考 Git与GitFlow模式 我们在写代码的时候通常会进行网上保存&#xff0c;无论是github还是gittee&#xff0c;都是一种基于git去保存代码的形式&#xff0c;这样保存代码…...

编程新知 2025/12/11 5:42:26

Unity UGUI Button事件流程

场景结构 测试代码 public class TestBtn : MonoBehaviour {void Start(){var btn GetComponent<Button>();btn.onClick.AddListener(OnClick);}private void OnClick(){Debug.Log("666");}}当添加事件时 // 实例化一个ButtonClickedEvent的事件 [Formerl…...

编程新知 2025/12/6 1:18:17

python爬虫——气象数据爬取

一、导入库与全局配置 python 运行 import json import datetime import time import requests from sqlalchemy import create_engine import csv import pandas as pd作用&#xff1a; 引入数据解析、网络请求、时间处理、数据库操作等所需库。requests&#xff1a;发送 …...

编程新知 2025/12/16 7:53:39

在树莓派上添加音频输入设备的几种方法

在树莓派上添加音频输入设备可以通过以下步骤完成&#xff0c;具体方法取决于设备类型&#xff08;如USB麦克风、3.5mm接口麦克风或HDMI音频输入&#xff09;。以下是详细指南&#xff1a; 1. 连接音频输入设备 USB麦克风/声卡&#xff1a;直接插入树莓派的USB接口。3.5mm麦克…...

编程新知 2025/11/22 14:54:34

Python 训练营打卡 Day 47

注意力热力图可视化 在day 46代码的基础上&#xff0c;对比不同卷积层热力图可视化的结果 import torch import torch.nn as nn import torch.optim as optim from torchvision import datasets, transforms from torch.utils.data import DataLoader import matplotlib.pypl…...

编程新知 2025/11/24 9:42:16