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

2024-06-20 08:36

本文主要是介绍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-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)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1077628

相关文章

Python中随机休眠技术原理与应用详解

《Python中随机休眠技术原理与应用详解》在编程中,让程序暂停执行特定时间是常见需求,当需要引入不确定性时,随机休眠就成为关键技巧,下面我们就来看看Python中随机休眠技术的具体实现与应用吧... 目录引言一、实现原理与基础方法1.1 核心函数解析1.2 基础实现模板1.3 整数版实现二、典型应用场景2

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Java中&和&&以及|和||的区别、应用场景和代码示例

《Java中&和&&以及|和||的区别、应用场景和代码示例》:本文主要介绍Java中的逻辑运算符&、&&、|和||的区别,包括它们在布尔和整数类型上的应用,文中通过代码介绍的非常详细,需要的朋友可... 目录前言1. & 和 &&代码示例2. | 和 ||代码示例3. 为什么要使用 & 和 | 而不是总是使

Python循环缓冲区的应用详解

《Python循环缓冲区的应用详解》循环缓冲区是一个线性缓冲区,逻辑上被视为一个循环的结构,本文主要为大家介绍了Python中循环缓冲区的相关应用,有兴趣的小伙伴可以了解一下... 目录什么是循环缓冲区循环缓冲区的结构python中的循环缓冲区实现运行循环缓冲区循环缓冲区的优势应用案例Python中的实现库

SpringBoot整合MybatisPlus的基本应用指南

《SpringBoot整合MybatisPlus的基本应用指南》MyBatis-Plus,简称MP,是一个MyBatis的增强工具,在MyBatis的基础上只做增强不做改变,下面小编就来和大家介绍一下... 目录一、MyBATisPlus简介二、SpringBoot整合MybatisPlus1、创建数据库和

python中time模块的常用方法及应用详解

《python中time模块的常用方法及应用详解》在Python开发中,时间处理是绕不开的刚需场景,从性能计时到定时任务,从日志记录到数据同步,时间模块始终是开发者最得力的工具之一,本文将通过真实案例... 目录一、时间基石:time.time()典型场景:程序性能分析进阶技巧:结合上下文管理器实现自动计时

QT移植到RK3568开发板的方法步骤

《QT移植到RK3568开发板的方法步骤》本文主要介绍了QT移植到RK3568开发板的方法步骤,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录前言一、获取SDK1. 安装依赖2. 获取SDK资源包3. SDK工程目录介绍4. 获取补丁包二

Java逻辑运算符之&&、|| 与&、 |的区别及应用

《Java逻辑运算符之&&、||与&、|的区别及应用》:本文主要介绍Java逻辑运算符之&&、||与&、|的区别及应用的相关资料,分别是&&、||与&、|,并探讨了它们在不同应用场景中... 目录前言一、基本概念与运算符介绍二、短路与与非短路与:&& 与 & 的区别1. &&:短路与(AND)2. &:非短

Spring AI集成DeepSeek三步搞定Java智能应用的详细过程

《SpringAI集成DeepSeek三步搞定Java智能应用的详细过程》本文介绍了如何使用SpringAI集成DeepSeek,一个国内顶尖的多模态大模型,SpringAI提供了一套统一的接口,简... 目录DeepSeek 介绍Spring AI 是什么?Spring AI 的主要功能包括1、环境准备2