基于STM32移植lvgl(V8.2)（SPI接口的LCD）

已于 2024-06-12 08:16:58 修改
阅读量1.7k 收藏 31
点赞数 56
分类专栏： 芯片驱动分析 嵌入式系统UI设计 文章标签： stm32 嵌入式硬件 单片机
于 2024-05-11 02:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mftang/article/details/138654659
版权

目录

概述

1 认识LVGL

1.1 LVGL官网

1.2  LVGL库文件下载

2 认识SPI接口型LCD

2.1 PIN引脚定义

2.2 MCU IO与LCD PIN对应关系

 3 实现LCD驱动

 3.1 使用STM32Cube配置Project

 3.2 STM32Cube生成工程

4 移植LVGL

4.1 准备移植文件

4.2 添加lvgl库文件到项目

4.2.1 src下的文件

4.2.2 examples下的文件

4.2.3 配置文件路径

4.2.4 其他文件

4.3 工程目录下的文件结构

4.4 Keil中的编译配置

4.5 lvgl&lcd驱动接口

5 测试代码

5.1 主函数

5.2 测试函数

6 系统测试

源代码下载地址：

基于STM32移植lvgl(V8.2)（SPI接口的LCD）资源-CSDN文库

gitee下载地址：

https://gitee.com/mftang/stm32_open_test_proj/tree/master/stm32_f407_lcd_lvgl_proj

概述

本文主要介绍基于STM32移植lvgl(V8.2)的详细过程，包括lvgl源代码的下载过程，如何加载这些文件到keil中，以及需要需改的接口文件内容。笔者使用的LCD屏幕为SPI接口类型，通过实操的方法完整的移植lvgl到stm32f4平台，并能完整的运行lvgl的demo。

1 认识LVGL

1.1 LVGL官网

LVGL是最流行的免费和开源嵌入式图形库，可为任何MCU, MPU和显示类型创建漂亮的UI。基于这个特点，其可以在一般的MCU上都能运行的，本文选取STM32F407芯片作为主控MCU,实现该UI库的移植。

官方网址：

https://lvgl.io/

登录网址后，可以看见如下页面，目前最新版本已经升级到 LVGL v8.4 and v9.1 are released!：

1.2  LVGL库文件下载

lvgl的源代码已经共享到github上，用户可以在网站上直接下载，下载地址如下：

https://github.com/lvgl/lvgl

打开链接可以看见如下页面：

笔者选择早期的v8.2版本作为移植对象，其下载链接如下：

https://github.com/lvgl/lvgl/releases/tag/v8.2.0

连接页面如下：

下载完成后打开代码库文件夹，核心文件如下：

2 认识SPI接口型LCD

2.1 PIN引脚定义

 LCD的PIN引脚功能介绍

序号模块引脚引脚说明
1VCC屏电源正
2GND屏电源地
3LCD_CS液晶屏片选控制信号，低电平有效
4LCD_RST液晶屏复位控制信号，低电平复位
5LCD_RS液晶屏命令/数据选择控制信号高电平：数据，低电平：命令
6SDI(MOSI)SPI总线写数据信号（SD卡和液晶屏共用）
7SCKSPI总线时钟信号（SD卡和液晶屏共用）
8LED液晶屏背光控制信号（如需要控制，请接引脚，如不需要控制，可以不接）
9SDO(MISO)SPI总线读数据信号（SD卡和液晶屏共用）
10CTP_SCL电容触摸屏IIC总线时钟信号（无触摸屏的模块不需连接）
11CTP_RST电容触摸屏复位控制信号，低电平复位（无触摸屏的模块不需连接）
12CTP_SDA电容触摸屏IIC总线数据信号（无触摸屏的模块不需连接）
13CTP_INT电容触摸屏IIC总线触摸中断信号，产生触摸时，输入低电平到主控（无触摸屏的模块不需连接）
14SD_CSSD卡片选控制信号，低电平有效（不使用SD卡功能，可不接）

实体LCD Port对应关系如下图所示

2.2 MCU IO与LCD PIN对应关系

STM32 PIN引脚LCD PIN引脚
PB5-MOSIMOSI
PB4-MISOMISO
PB3-SCKSCK
PB6CS
PB9RST
PB8RS

 3 实现LCD驱动

 3.1 使用STM32Cube配置Project

1) 配置SPI接口

SPI的参数

2）配置LCD的控制引脚

3）使能外部晶振

 3.2 STM32Cube生成工程

使用STM32Cube生成工程，并创建两个目录

User/lcd_drv     驱动文件目录

User/test           测试文件目录

LCD驱动代码的详尽情况，请参考笔者提供的源码，或者使用LCD的供应商提供的代码。

在移植LVGL库之前，必须保证LCD的驱动程序能够正确运行：

4 移植LVGL

4.1 准备移植文件

解压下载的lvgl源代码包，然后将如下文件目录和文件copy到工程目录下。各个文件或者文件夹的内容接口如下：

lvgl-8.2.0文件内容功能介绍
examples和MCU相关的驱动接口和应用Demo
srclvgl的核心源码包
lvgl.h资源引用的头文件
lv_conf_template.h资源配置头文件

4.2 添加lvgl库文件到项目

4.2.1 src下的文件

step-1: Core文件目录，添加该目录下所有的.c文件到

 step-2: draw文件目录，添加该目录下所有的.c文件到

 step-3: extra文件目录，添加该目录下所有的.c文件到

 step-4: font文件目录，添加该目录下所有的.c文件到

  step-5: hal文件目录，添加该目录下所有的.c文件到

  step-6: misc文件目录，添加该目录下所有的.c文件到

  step-7: widgets文件目录，添加该目录下所有的.c文件到 

4.2.2 examples下的文件

examples下的文件主要包括和mcu相关的接口函数和应用范例。移植代码时，只需移植porting目录下的文件即可。

4.2.3 配置文件路径

在Keil中配置文件夹路径，方便文件引用

4.2.4 其他文件

修改如下文件的名称，重新命名如下：

4.3 工程目录下的文件结构

完成以上步骤后，在项目文件中已经加载了lvgl的源代码，具体内容如下：

Keil中lvgl的文件结构如下：

4.4 Keil中的编译配置

 在keil中配置如下信息，其目的是避免编译lvgl源代码时，出现过多的warning

--diag_suppress=68 --diag_suppress=111 --diag_suppress=188 --diag_suppress=223 --diag_suppress=546  --diag_suppress=1295

4.5 lvgl&lcd驱动接口

在lv_port_disp_template.c文件中实现和LCD相关的驱动接口

step-1: 添加LCD驱动头文件

 

 step-2: 修改lcd的相关参数

  step-3: 初始化接口函数

 通过以上步骤，移植工作全部结束，lv_port_disp_template.c文件的详细代码：

/**
 * @file lv_port_disp_templ.c
 *
 */
 /* Includes ------------------------------------------------------------------*/
#include "lv_port_disp_template.h"
#include "lvgl.h"
#include "lcd_drv.h"

/* Private includes ----------------------------------------------------------*/
#define MY_DISP_HOR_RES             LCD_W
#define MY_DISP_VER_RES             LCD_H 

/* Private function prototypes -----------------------------------------------*/
static void disp_init(void);
static void disp_flush(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p);


/* Private user code ---------------------------------------------------------*/
static void lcd_draw_fast_rgb_color(int16_t sx, int16_t sy,
                                    int16_t ex, int16_t ey, 
                                    uint16_t *color)
{
    uint16_t w = ex-sx+1;
    uint16_t h = ey-sy+1;
    uint32_t draw_size = w * h;
    uint32_t i;

    LCD_SetWindows(sx, sy, ex, ey);
    // set point value 
    for( i = 0; i < draw_size; i++)
    {
        Lcd_WriteData_16Bit(color[i]);
    }
}

static void disp_init(void)
{
    /*You code here*/
    lcd_gpio_init();
    LCD_Init();

    LCD_direction(USE_HORIZONTAL);
    LCD_Clear(WHITE);
}

void lv_port_disp_init(void)
{
    disp_init();

    static lv_disp_draw_buf_t draw_buf_dsc_1;

    static lv_color_t buf_1[MY_DISP_HOR_RES * 10]; 
    lv_disp_draw_buf_init(&draw_buf_dsc_1, buf_1, NULL, MY_DISP_HOR_RES * 10);

    
    static lv_disp_drv_t disp_drv;  
    lv_disp_drv_init(&disp_drv);

    disp_drv.hor_res = MY_DISP_HOR_RES;
    disp_drv.ver_res = MY_DISP_VER_RES;

    disp_drv.flush_cb = disp_flush;

    disp_drv.draw_buf = &draw_buf_dsc_1;

    lv_disp_drv_register(&disp_drv);
}


static void disp_flush(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p)
{
    lcd_draw_fast_rgb_color(area->x1, area->y1, area->x2, area->y2, (uint16_t *)color_p);
    lv_disp_flush_ready(disp_drv);
}

/* END of this file */

5 测试代码

5.1 主函数

代码122行： 初始化lvgl

代码123行：初始化显示接口

代码124行：调用测试函数

代码130行：调用刷新函数

5.2 测试函数

编写函数实现滑块显示，详细代码参看笔者的附近代码

6 系统测试

编译代码然后下载代码至MCU，运行代码，其结果如下：

mftang
关注
专栏目录
STM32 LVGL-基于100ASK-STM32-F103ZET6开发板的lvgl(v7.11.0)综合例程
03-31
1. 基于100ASK_STM32_F103ZET6开发板的lvgl(v7.11.0)综合例程。 2. 效果展示： https://www.bilibili.com/video/BV1im4y1X7g4 3. 使用的开发板：https://item.taobao.com/item.htm?id=638072392313 4. lvgl中文文档：http://lvgl.100ask.net 5. LVGL入门视频教程：https://www.bilibili.com/video/BV1Ya411r7K2 6. 如果不想积分下载请前往这里下载源码：http://download.100ask.org/boards/St/100ask_stm32f103/index.html
STM32F103 SPI屏幕移植程序 （自写，可用）LVGL程序
08-15
STM32F103 SPI屏幕移植程序 （自写，可用）LVGL程序
LVGL 控件之基础对象（lv_obj）
最新发布
Yuxxxxxxxxxx 的博客
08-30 3万+
管理其他部件的基本属性；作为背景装饰；辅助布局；界面切换。坐标父对象基于父对象的后代包含样式诸如ClickableScrollable等属性。在面向对象的思想中，基础对象就是LVGL 中所有其他对象都继承自的基类。基础对象的功能可以与其他控件一起使用。例如基础对象可以直接用作一个简单的控件：它只不过是一个矩形。在 HTML 术语中，将其视为 。
STM32移植LVGL8.2
weixin_44678052的博客
07-19 5668
移植了大半天，终于成功在stm32平台上移植了lvgl8.2，真是累。lvgl作为最近较为受欢迎的一款嵌入式GUI开源库，功能非常强大，于是我选择了它。在移植的过程中，踩到了许多坑，在这里分享出来，避免重复踩坑，浪费时间。先来看一下移植效果，手机拍的不是很清晰，勉强可以看到效果。完整工程会在微信公众号FPGA之旅给出。在微信公众号中回复STM32移植LVGL获取下载链接。如果移植失败的话，方便大家对比。...
硬件SPI+DMA实现快速刷屏，以及移植LVGL
qq_43532079的博客
04-03 3728
具体代码看附件资料软件准备：STM32的标准库模板工程、LVGL的源码、厂家提供的屏幕驱动硬件准备：正点原子的精英开发板，和一块ST7735S驱动的1.44寸tft彩屏使用硬件SPI+DMA来刷新屏幕后基本看不到刷屏事后的拉帘效果了也可以通过控制宏来只使用软件SPI或者硬件SPI，以及硬件SPI+DMA来看效果。
【快速入门 LVGL】-- 1、STM32 工程移植 LVGL
qq_49053936的博客
04-03 1万+
STM32移植LVGL
笔记：正点原子LVGLv8.2移植stm32
2302_79514441的博客
03-06 1378
lvgl带触摸，裸机，内部SRAM，LVGL自带内存管理
STM32F407移植LVGL8.2无操作系统
05-12
在本文中，我们将深入探讨如何在没有操作系统的情况下，在STM32F407上移植并运行LVGL（LittlevGL）8.2，这是一个功能强大的图形库，用于创建具有丰富用户界面的嵌入式应用。 LVGL是一个开源的图形库，它提供了多种...
STM32H743的LVGL8.2无操作系统移植
05-12
在STM32H743上移植LVGL 8.2，意味着我们要在没有操作系统（通常指RTOS，如FreeRTOS或CMSIS-RTOS）的情况下，直接在裸机环境下进行图形界面的开发。这需要对STM32的HAL库或LL库有深入理解，以及熟悉LVGL的内部结构和...
STM32移植LVGL源码工程 stm32移植GUI-Guider源码 LVGL移植源码
05-22
stm32+LVGL+NXP源码包，移植成功
基于STM32的LVGL-RTC实时日历（可修改日期）.rar
10-18
基于STM32，采用LVGL制作的日历，可与STM32-RTC一并使用，并创立界面，可通过人工交互进行日历修改。
STM32H750+（三线SPI+RGB屏）+LVGL
02-05
在这个例子中，LVGL V8.2版本被移植到了STM32H750开发板上，与RGB接口屏幕配合使用，实现裸机运行的测试例程。 在“LTDC LCD（RGB屏）_LVGL”这个压缩包中，可能包含了以下内容： 1. LTDC（Layered Transparent ...
STM32F429+（三线SPI+RGB屏）+LVGL
02-05
在本项目中，LVGL V8.2版本被移植到STM32F429上，这意味着用户可以利用这个强大的库来构建美观且互动性强的图形界面。 移植LVGL到STM32F429涉及到几个关键步骤： 1. **配置HAL库**：STM32F429的硬件抽象层（HAL）库...
LVGL移植STM32
beile759的博客
12-15 1189
stm32移植lvgl8.3.2
LVGL移植基于野火STM32F429挑战者（LVGL8.2）
weixin_49456331的博客
10-30 350
把 lv_port_disp_template.c/h 的条件编译指令 #if 0 修改成 #if 1，同时添加LCD屏幕头文件。如下图所示，我用的是野火5寸屏，有二层显示结构，我选择的是第一层，如果你的是第二层，要保持一致，否则背景色会是其他颜色。然后把对应的文件放入文件夹下，如图所示：lv_conf_template.h重命名为lv_conf_.h。然后再文件加下建立如下结构文件，当然，具体是可以根据自己的习惯进行创建的。下载后解压出来（我下载的是8.2版本的，其他版本的移植过程是一样的）
(STM32)从零开始的RT-Thread之旅--SPI驱动ST7735(4)使用LVGL
飞临云的博客
11-23 2776
我们仔细看一下这lv_rt_thread_port.c 这个文件，发现里面包含一个自动初始化的 lvgl_thread_init 函数，然后这个函数创建了一个 "LVGL" 的线程，现在是线程入口函数找不到相关定义。我们想刷新整个屏幕时，刷新的区域是坐标(0,0)到(159,79)的矩形范围，但是转化为宽高则是起点为(0,0)，宽为160，高为80的范围。经过前几章的搭建，底层显示已经没有问题了，现在需要添加上层的库，我选择了比较火的开源GUI库--LVGL。可以修改lv_hal_disp.h中的。
STM32移植LVGL(LittleVGL)
qq_53000374的博客
08-25 9807
**STM32移植LVGL(LittleVGL)**
stm32f103移植lvgl8.2
06-24
### 回答1： 移植LVGL至STM32F103主要可以分为三步：编译LVGL，配置STM32F103，编写相关代码。 第一步：编译LVGL。可以从官方网站上下载LVGL8.2的源代码，然后根据官方提供的编译说明，在本地使用GCC编译器生成编译后的库文件。 第二步：配置STM32F103。首先，需要在STM32F103开发板上安装相应的编程环境，可以选择使用STM32CubeMX进行配置，也可以手动配置。其次，需要将编译后的LVGL库文件和头文件加入工程中。然后，配置相应的GPIO、SPI、DMA等外设，使其与LCD屏幕和LVGL库能正常通信。 第三步：编写相关代码。在STM32F103上运行LVGL需要编写相关代码，包括初始化LVGL库、配置用户界面、绘制图形控件、处理用户输入事件等。 需要注意的是，STM32F103有限的存储资源可能会影响LVGL的使用，需要对LVGL库进行裁剪和优化，以减少内存占用。同时，为了使系统稳定性更高，在编写代码时还需要遵循LVGL的开发规范。 ### 回答2： 移植LVGL8.2到STM32F103需要以下步骤： 1. 安装LVGL库。可以从LVGL官网上下载最新版本。解压后复制到工程目录下。 2. 根据STM32F103的硬件资源配置LVGL的显示驱动，通常可以使用SPI或I2C接口来驱动图形屏幕。需要使用到SPI或I2C的GPIO口，配置好这些GPIO口的寄存器。 3. 在项目中加入lvgl.h头文件，并且在main函数中初始化LVGL的相关参数。主要有屏幕大小、像素点分辨率和刷新频率等参数需要配置。 4. 配置LVGL的回调函数。LVGL需要将图形显示在屏幕上，需要特定实现屏幕的驱动函数。这些函数需要应用特定的LVGL API。 移植LVGL8.2到STM32F103比较复杂，需要深度理解STM32F103的硬件资源和LVGL库的使用方法。还需要对C语言、图形显示的相关知识有深入理解，需要仔细处理。但是一旦移植完成，就可以快速开发基于STM32F103的图形界面应用程序。 ### 回答3： 要将LVGL 8.2移植到STM32F103上，需要做以下几个步骤： 1.选择合适的开发环境，例如IAR EWARM或Keil MDK，并为其配置适当的MCU和项目参数。 2.下载LVGL 8.2库并将其包含在项目中。可以从LVGL的官方网站或GitHub上下载最新版本的库。 3.根据MCU和开发环境的需要，配置LVGL的驱动程序。这些驱动程序包括显示屏驱动程序和输入设备驱动程序。 4.在项目中创建LVGL的主函数，并初始化LVGL库和所选的驱动程序。 5.使用LVGL的图形框架和控件库来创建应用程序，并将其呈现在显示屏上。 6.使用输入设备驱动程序来捕获和处理用户输入事件，例如触摸屏、鼠标或键盘。 总的来说，移植LVGL 8.2到STM32F103需要一定的开发经验，并且需要对图形框架和硬件驱动程序有一定的了解。但是一旦完成了这个过程，就可以使用LVGL的先进图形界面库来创建功能强大和高度可定制的嵌入式应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值