STM32移植LVGL(版本：lvgl-8.3.10)

已于 2025-03-14 13:17:54 修改
阅读量4.4k 收藏 75
点赞数 20
分类专栏： STM32单片机 文章标签： stm32 嵌入式硬件 单片机
于 2024-10-31 15:12:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_26043945/article/details/143393607
版权

目录

1.LVGL 简述

2.修改LVGL文件夹

(1)文件夹 examples 改动

(2)文件夹 demos 改动 

(3)移动 porting、keypad_encoder文件夹

3.最终LVGL文件夹内容

4.软件Keil配置、添加头文件 

5.程序配置 

5.1、启用 lv_conf.h

5.2、启用 lv_port_disp.h

5.3、启用  lv_port_disp.c 

5.4、添加 LCD 驱动的头文件

5.5、选择创建缓存的方式，3选1

5.6、关联绘制函数

5.6.1、“点” 的绘制方式

5.6.2、“块” 的绘制方式

5.7、关联触摸函数

5.7.1、修改lv_port_indev_init函数

5.7.2、添加坐标获取函数

6.创建一个按钮的配置

7.LVGL 心跳、任务刷新

7.1、给LVGL一个心跳时基

7.2、主函数main配置

7.3、一个按钮效果展示

8.官方显示例程配置

9.其它配置 参考链接

完整代码，以及原理图下载地址：https://download.youkuaiyun.com/download/qq_26043945/90139281

STM32驱动显示屏

1.LVGL 简述

LVGL官网地址：https://github.com/lvgl/lvgl

备用源码下载地址：https://download.youkuaiyun.com/download/qq_26043945/90042554

  • 丰富且强大的模块化图形组件：按钮 、图表 、列表、滑动条、图片等
  • 高级的图形引擎：动画、抗锯齿、透明度、平滑滚动、图层混合等效果
  • 支持多种输入设备：触摸屏、 键盘、编码器、按键等
  • 不依赖特定的硬件平台
  • 配置可裁剪，最低资源占用：64 kB Flash，20 kB RAM
  • 基于UTF-8的多语种支持，例如中文、英文、阿拉伯文等
  • 支持操作系统、外置内存、以及硬件加速（已内建支持STM32 DMA2D）
  • 即便仅有单缓冲区(frame buffer)的情况下，也可保证渲染如丝般顺滑

  • 支持模拟器仿真，可以无硬件依托进行开发

2.修改LVGL文件夹

只需要这5个文件即可，把他们复制到一个新创建的 LVGL文件夹 里面。

(1)文件夹 examples 改动

        在 examples文件夹 里面，只需要保留 porting文件夹 下面的文件夹，其余删除。

        在 porting文件夹 里面，只需要保留下面 4个文件，其余删除。然后对文件进行 改名 操作，如下所示。 

(2)文件夹 demos 改动 

        在 demos文件夹 里面，只需要保留 keypad_encoder文件夹 和 lv_demos.h文件 ，其余删除。 

然后把 v_demos.h文件 移动到 keypad_encoder文件夹 中，如下所示。

(3)移动 porting、keypad_encoder文件夹

        把 demos里面的porting 和 examples里面的keypad_encoder 移动到  LVGL 目录下。

3.最终LVGL文件夹内容

对文件进行 改名 操作，如下所示。 

4.软件Keil配置、添加头文件 

(1)首先复制 LVGL 文件夹，粘贴到STM32工程目录下，然后在MDK中包括LVGL的头文件和设置c99模式。

(2)MDK里面创建4个新的文件

文件夹名称 (Groups)用于存放什么文件
LVGL_myGui用户自己的界面代码文件等
LVGL_conf用户配置文件等
LVGL_portingLVGL 的接口文件, 如显示、触摸屏、键盘等
LVGL_srcLVGL 的所有底层c文件

重要：

        每个文件夹（Group)，需要添加的文件，如下表：

文件夹 需要添加的文件
LVGL_myGui

共3个文件：

     keypad_encoder文件夹下的：" lv_demos.h " 、" lv_demo_keypad_encoder.h " 、 " lv_demo_keypad_encoder.c "

LVGL_conf

共2个文件：

    LVGL文件夹下的：" lv_conf.h "   、" lvgl.h "  

LVGL_porting

共4个文件：

    porting文件夹下的：" lv_port_disp.c "  、" lv_port_disp.h "  、 " lv_port_indev.c "  、" lv_port_indev.h "

LVGL_src近200+的c文件："LVGL/ src" 下的所有 c 文件(重点：包括src里所有子、子子文件夹的 c 文件. 不用添加h和mk文件)

5.程序配置 

5.1、启用 lv_conf.h

打开 lv_conf.h，对以下内容进行修改，以启用此文件。

  • 第15行，原：#if 0，修改为：#if 1 

完成后，是这个样子的：

5.2、启用 lv_port_disp.h

双击打开 lv_port_disp.h，修改以下内容，以启用此文件：

  • 第7行，原：#if 0, 修改为：#if 1 
  • 第22行，原：“lvgl/lvgl.h", 修改为：”lvgl.h"

完成后，是这个样子的：

5.3、启用  lv_port_disp.c 

双击打开 lv_port_disp.c，修改以下内容，以启用此文件：

  • 第7行，原：#if 0, 修改为：#if 1 

完成后，是这个样子的：

5.4、添加 LCD 驱动的头文件

在 lv_port_disp.c中：

  • 第14行，插入你的LCD驱动文件，如：#include "bsp_LCD_ILI341.h"，写上你的h文件。
  • 第20行、第25行，是显示屏的宽、高度。查看你的显示屏参数，填写实际像素即可。

插入LCD的头文件，目的是为了让这个c文件，能调用LCD的: 画点函数;

注意一个：LVGL默认使用横屏的方式，这一点要注意，别写反了。

完成后，是这个样子的

5.5、选择创建缓存的方式，3选1

还是在 lv_port_disp.c 中，向下滚动，

（会出现很多错误提示，不用管。也可以先编译一次，让刚才启用的h文件生效，错误就会消失）

第86行到101行，LVGL 提供了创建显示缓冲区的3种方式，这里，必须3选1。

绝大多数情况下，使用第1种方法，即：只创建1个缓冲区;

  • 注释掉第90~101行，即：不使用第2和第3种方法;

完成后，是这个样子的：

5.6、关联绘制函数

        这里有两种方式，一种是一个点一个点的获取数据，然后调用画点函数进行绘制；另外一种则是通过绘制一块的地方，进行块绘制。

5.6.1、“点” 的绘制方式

还是在 lv_port_disp.c 中，向下滚动，找到disp_flush( )函数：

  • 第173行，替换你的 LCD 的画点函数;  参数：x坐标、y坐标、16位颜色值。
  • 小编用的画点函数：LCD_1IN69_DrawPoint(x,y,color_p->full);

完成后，是这个样子的：

这里给LVGL一个画点函数后， LVGL就能完成需要的显示操作了。

5.6.2、“块” 的绘制方式

还是在 lv_port_disp.c 中，向下滚动，找到disp_flush( )函数：

  • 第173行，替换你的 LCD 的画块函数;  参数：开始x、开始y、结束x、结束y、16位颜色指针
  • 小编用的画点函数：LCD_Color_Fill(area->x1,area->y1,area->x2,area->y2,&(color_p->full));

完成后，是这个样子的：

这里给LVGL一个画点函数后， LVGL就能完成需要的显示操作了。

5.7、关联触摸函数

5.7.1、修改lv_port_indev_init函数

还是在 lv_port_indev_init.c 中，向下滚动，找到lv_port_indev_init( )函数：

  • 将lv_port_indev_init函数里的其他输入设备注释掉，留下触摸

  • 注意!!!       注意!!!        注意!!!       注意!!!        

  • 一定注释掉没有用到的输入设备，不然有可能不能正常触发（遇到这样的坑，触摸没反应）

完成后，是这个样子的：

5.7.2、添加坐标获取函数

        还是在 lv_port_indev_init.c 中，向下滚动，找到touchpad_read( )函数，在里面有touchpad_is_pressed函数（用于判断是否被按下），touchpad_is_pressed函数（用于获取按下的坐标）。对应的在里面添加你的触摸函数。

完成后，是这个样子的：

6.创建一个按钮的配置

这里编写一个创建一个按钮的函数，然后在main函数中调用。

void create_button(void) {
    /* 创建一个按钮对象 */
    lv_obj_t * btn = lv_btn_create(lv_scr_act()); // 在当前活动屏幕上创建按钮
 
    /* 设置按钮的位置和大小 */
    lv_obj_set_pos(btn, 20, 50);
    lv_obj_set_size(btn, 100, 50); // 假设按钮的大小为100x50
 
    /* 设置按钮的标签（显示的文本） */
    lv_obj_t * label = lv_label_create(btn);
    lv_label_set_text(label, "test");
 
}

7.LVGL 心跳、任务刷新

按目前的移植进度，我们只差两个时间任务要处理：

  • 第1个时间任务：为LVGL提供准确的心跳。必须间隔精准地，调用时基函数：lv_tick_inc()，俗称心跳，让LVGL精准地知道时间的流逝; 

  • 第2个时间任务：间隔5ms左右，调用周期性任务函数： lv_timer_handler() ，它的作用是检查所有注册任务的时间戳，执行那些已经到期的任务，如：屏显更新、动画更新、触控、定时器事件等;

7.1、给LVGL一个心跳时基

LVGL心跳函数(时基函数)：lv_tick_inc()，每隔1ms调用一次;

这个函数对于图形界面的流畅运行比较重要，它令 LVGL 知道执行任务时流逝的时间。

如果 lv_tick_inc() 调用间隔不准确，可能会导致显示卡顿、任务处理不及时。

建议使用TIM产生1ms中断，设置它的中断为高优先级，通过中断函数调用LVGL心跳时基。

void HAL_TIM_PeriodElapsedCallback(TIM_HandleTypeDef *htim){

	//回调函数 1ms 触发一次
	if(htim == &htim1){
		lv_tick_inc(1);//lvgl的1ms中断
	}
}

7.2、主函数main配置

在主函数中添加lvgl相关头文件。

#include "lvgl.h"
#include "lv_port_disp.h"
#include "lv_port_indev.h"
#include "lv_demo_keypad_encoder.h"

然后在主函数中添加初始化函数。

	lv_init();
	lv_port_disp_init();	// lvgl显示接口初始化,放在lv_init()的后面
	lv_port_indev_init();   // lvgl输入接口初始化,放在lv_init()的后面
	
    //示例1
	//lv_demo_keypad_encoder();
	//示例2  创建按钮
    create_button();

	HAL_TIM_Base_Start_IT(&htim1);  // 启动1ms的定时器

然后在while循环里面 调用lvgl事务处理函数 lv_task_handler() 。

 lv_task_handler(); // lvgl的事务处理

最后main函数的样式如下所示。

7.3、一个按钮效果展示

完成后，最终显示是这个样子的： 

8.官方显示例程配置

打开 llv_demo_keypad_encoder.h文件 ，对以下内容进行修改，以启用此文件。

  • 第16行，原：#include "../lv_demos.h"，修改为：#include "lv_demos.h"

完成后，是这个样子的：

然后在 lv_conf文件 里，首先打开使能demo的宏，如下所示。

9.其它配置 参考链接

https://blog.youkuaiyun.com/mucherry/article/details/126685909?spm=1001.2014.3001.5501

https://openatomworkshop.youkuaiyun.com/6645ae51b12a9d168eb6c98d.html

STM32之LCD显示-GUI-LVGL（四）
weixin_47006346的博客
11-26 2399
实现LCD液晶显示功能，需准备STM32F407开发板和LCD模块（淘宝上卖的很多）。软件开发平台keil5，GUI采用LVGL-V8.3，开发平台Gui-Guider-1.7.1。准备的一块4.3寸MCU屏，驱动芯片型号为NT35510，分辨率为：800*480，16 位真彩显示。
stm32_f429_lvgl (9)_初步移植成功.zip
12-13
stm32f429 移植cubemx6.0+lvgl7.8, 使用的正点原子屏幕7寸1024x600, 移植了LTDC,SRAM,ft5206触摸 跑的widget demo, 可以正常使用
STM32移植LVGL(版本：lvgl-8.3.10)完整代码及原理图
12-16
STM32移植LVGL(版本：lvgl-8.3.10)完整代码，以及原理图
STM32F407移植LVGL(V8.3版本)
08-05
STM32F407移植LVGL(V8.3版本)
【LVGL】-- STM32移植（最简便的方式）
Fei_优快云Name的博客
04-25 570
LVGL是一个开源的图形库，关于在stm32上移植lvgl的例程很多，但大部分都是从lvgl仓库下载源码，然后在keil工程中添加lvgl相关源文件来实现。但这一个过程中有一个非常繁琐的步骤，就是在添加lvgl源码根目录下的src文件夹里的.c文件时，由于.c文件非常多，且里面还有很多子文件夹，这样一个一个的打开子文件夹去添加.c文件是非常繁琐的，且容易遗漏。本文就针对这一操作步骤提供另一种更简便的移植方式。
LittleVGL(LVGL)移植到STM32F429IG 野火STM32F429至尊开发板 包含官方演示程序
09-13
LittleVGL (LVGL) STM32F429IGTx [使用野火STM32F429开发板] LVGL版本：v7.5 使用STD库 MDK-ARM Keil5集成开发环境 实现各小控件的演示 移植触摸以及LTDC驱动 800*480的RGB显示屏 已开启DMA2D 打印机例程因Flash内存不足无法演示!!!
【快速入门 LVGL】-- 1、STM32 工程移植 LVGL
热门推荐
qq_49053936的博客
04-03 5万+
STM32移植LVGL
STM32移植LVGL(LittleVGL)
qq_53000374的博客
08-25 1万+
**STM32移植LVGL(LittleVGL)**
STM32 LVGL移植
xyx0610的博客
06-13 4204
stm32 lvgl移植，使用mdk的RTE配置
STM32进行LVGL裸机移植
qq_28576837的博客
10-22 3807
缓冲区其实就是个数组，数组大小，至少是一行像素所占用字节的大小，假如屏幕大小是300*240，所用的颜色是16位的，也就是一个像素点占两个字节，那么数组大小就要求至少是300*2=600字节大小。直接下载正点原子的A盘里的“程序源码”，打开“扩展例程”里的“LVGL例程”，打开以下路径：LVGL例程1 无操作系统移植\Middlewares，将内部的LVGL拿过来放在自己所建的基础工程的MIDDLEWARE目录下，并且，删除LVGL中的GUI_APP，因为我们实际开发中不必使用例程来查看效果。
stm32移植lvgl
Jack Yi的博客
05-11 8173
1、lvgl简介 lvgl是一款全部用c语言实现的ui图形库，对硬件的要求比较低，可以较为流畅的运行在单片机上。并且完全开源，对按钮，触摸，编码器旋钮等支持的非常到位。且开发的界面较为美观，符合时下主流的审美。 目前最新版本已经更新到了8.3版本，官网地址为https://lvgl.io/。本次移植使用的是8.1版本。下载链接为https://github.com/lvgl/lvgl/releases/tag/v8.1.0 2、lvgl源码 下载完成后接下，源码根目录如下 移植需要用的目录是src和exa
LVGL移植到STM32F407ZGT6，带FreeRTOS的移植
11-02
借鉴文章+参考官网的资料，把LVGL移植到FreeRTOS的STM32F407ZGT6上（其他F4系列的只要满足内部SRAM>64K，均可适用）。我用的是正点F4最小系统板+4.7寸电容屏（800*480）。上传是为了和大家共同学习探讨，后续会更新中文字库添加的方法。
#界面开发使用LVGL源码包(版本：lvgl-8.3.10)
11-26
该图形库特别适合资源受限的嵌入式系统，如STM32单片机等。lvgl-8.3.10版本是该库的一个特定更新版本，包含了一系列的图形处理和界面设计功能，为开发者提供了丰富的模块化图形组件和高级图形引擎的支持。 在lvgl-...
慧勤智远 STM32H7 LVGL移植成8.3.10版本
最新发布
06-07
移植到LVGL版本8.3.10
STM32+HAL库+FreeRTOS移植LVGL（8.3）驱动SPI协议的LCD触摸屏—从点亮到提速之移植篇
Ccz_Cccc的博客
05-08 916
本章将系统讲解LVGL在嵌入式平台的完整开发流程，分为三大实战阶段：首先完成LVGL基础移植，接着通过DMA加速与源码级优化提升性能，最终结合GUI-Guider进行高效UI设计。我们将以踩坑日记的形式，深入剖析移植过程中的典型问题及解决方案。首篇聚焦LVGL移植环节，详细演示从零搭建图形框架的关键步骤。如果你已成功移植lvgl，但是觉得显示速度过慢，可直接进入下一章提速篇。
STM32 工程移植 LVGL：一步一步完成
宁子希的博客
05-01 8308
LVGL（Light and Variables Graphics Library）是一个免费的开源图形库，提供了创建具有易于使用的图形元素、优美的视觉效果和低内存占用的嵌入式GUI所需的一切。它用C语言编写，以实现最大的兼容性（与C ++兼容），模拟器可在没有嵌入式硬件的PC上启动嵌入式GUI设计。
【快速入门 LVGL】STM32 工程移植 LVGL
指尖动听知识库
05-22 78
本文介绍了如何在STM32工程中移植LVGL（Light and Versatile Graphics Library）图形库。LVGL是一个功能强大的模块化图形库，支持多种图形组件、输入设备和硬件平台，且资源占用低。移植过程包括以下几个步骤： LVGL简述：LVGL提供丰富的图形组件和高级图形引擎，支持多种输入设备，且不依赖特定硬件平台，最低资源占用为64 kB Flash和16 kB RAM。 复制STM32工程：准备一个满足硬件和软件要求的STM32工程，确保堆栈大小设置为0x1000，并准备好画点函
LVGL移植——stm32f4
weixin_51914919的博客
05-04 3380
移植LVGL版本：8.3.6主控：STM32F407ZGT6github链接：https://github.com/lvgl/lvgl.git。
lvgl 8.3移植
12-30
### LVGL 8.3 版本移植指南 #### 工具链准备 为了成功移植LVGL 8.3至目标平台，需先准备好相应的工具链。对于嵌入式系统而言，通常会涉及到交叉编译环境的设置以及IDE的选择。例如，在VSCode环境下配置LVGL模拟器可以按照特定教程操作[^1]。 #### 平台适配层(PAL)构建 针对不同硬件架构，需要编写或调整PAL以使LVGL能正常工作于指定MCU上。这一步骤涉及初始化显示控制器、触摸屏接口以及其他外设资源。具体来说，当面向STM32系列单片机时，则要依据官方文档来完成这些底层驱动程序的设计与集成[^2]。 #### 图形库定制化 根据实际需求对LVGL进行裁剪优化，移除不必要的功能模块从而减小程序体积并提高性能表现。同时也要注意保持API兼容性以便后续升级维护更加便捷高效[^3]。 #### 开发调试技巧分享 在整个过程中难免遇到各种挑战，比如链接错误或是绘图异常等问题。此时可以通过查阅相关论坛帖子获取解决方案；另外利用仿真工具辅助测试也是一个不错的方法[^4]。 ```c // 示例：初始化显示屏函数定义 void disp_init(void){ // 初始化SPI/IIC等通信协议... // 设置屏幕分辨率和其他参数... } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_755682240

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值