【ESP32学习笔记】#项目篇#（2）LVGL移植与使用

已于 2022-02-24 10:53:10 修改
阅读量5.5k 收藏 45
点赞数 11
分类专栏： # ESP32/ESP8266 # LVGL 文章标签： LVGL
于 2021-09-06 17:26:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/p1279030826/article/details/120128339
版权

目录

一、简介

在这里插入图片描述

LittlevGL 是一个免费的开源图形库（GUI），具有易于使用的图形元素、美观的视觉效果，支持触摸屏操作，移植简单方便，适用于 MCU级别的设备，支持各类输入输出接口与芯片，支持使用 GPU。

特性：

  • LittlevGL 以 C 语言编写，支持 OS，内存占用低（16K RAM，64K Flash）；
  • LittlevGL 自带了丰富的控件：窗口、按键、标签、列表、图表等，还可以自定义控件；
  • 支持很多特效：透明、阴影、自动显示隐藏滚动条、界面切换动画、图标打开关闭动画、平滑的拖拽控件、分层显示、反锯齿、仅耗少量内存的字体等等。
  • 超过 30 多种丰富的用户自定义控件，如按钮，滑条，文本框，键盘等
  • 支持各种图片类型，可从 Flash 和 SD 卡中读取图片显示
  • 采用 UTF-8 编码，支持多语言，多字体的文本
  • 支持 Micropython

资料：


二、配置使用

1、获取示例 lv_port_esp32

# 官方github仓库获取
git clone --recurse-submodules https://github.com/lvgl/lv_port_esp32.git

# gitee同步链接，子模块全部同步到了gitee
git clone --recurse-submodules https://gitee.com/JavonPeng/lvgl_port_esp32.git

git submodule update

lv_port_esp32 包含的库：（在 components 文件夹）

库描述
lvglLVGL库主体
lv_demosLVGL 库的示例、教程和应用程序
lvgl_esp32_drivers与 LVGL 一起使用的 ESP32 驱动程序。
lvgl_tft：屏幕驱动适配
lvgl_touch：触摸驱动适配

注意：
目前master分支：

  • ESP-IDF 版本要求4.2
  • 使用的 LVGL 版本：7.9
  • 使用的 lv_examples 版本：7.9

2、配置

make menuconfig：

Component config  --->
    lv_examples configuration  --->		# 演示示例选择
    LVGL configuration  --->			# 关于LVGL库的配置，包括色彩，屏幕大小选择等。是 `lv_conf.h` 文件的相关配置
    LVGL TFT Display controller  --->	# 关于屏幕显示的配置，包括引脚，显示方向，控制芯片选择等
    LVGL Touch controller  --->			# 关于屏幕触摸的配置，包括引脚，控制芯片选择等

Component config → lv_examples configuration：

[ ] Enable printf-ing data in demos and examples.				# 在演示和示例中启用打印数据
    Select the demo you want to run. (Show demo widgets.)  --->	# 选择要运行的示例
		(X) Show demo widgets.								# 显示演示小部件
		( ) Demonstrate the usage of encoder and keyboard.	# 演示编码器和键盘的使用
		( ) Benchmark your system.							# 对系统进行基准测试
		( ) Stress test for LVGL.   						# LVGL压力测试
[*] Slide demo widgets automatically.							# 自动滑动演示小部件

Component config → LVGL configuration：

[ ] Set IRAM as LV_ATTRIBUTE_FAST_MEM	# 将IRAM设置为 LV_ATTRIBUTE_FAST_MEM 属性
[ ] LVGL minimal configuration.
(160) Maximal horizontal resolution to support by the library.	# 库支持的最大水平分辨率
(128) Maximal vertical resolution to support by the library.	# 库支持的最大垂直分辨率
    Color depth. (16: RGB565)  --->								# 色彩深度
[*] Swap the 2 bytes of RGB565 color. Useful if the display has a 8 bit interface (e.g. SPI).# 交换RGB565颜色的2个字节。如果显示器具有8位接口（例如SPI），则此功能非常有用
[*] Enable anti-aliasing (lines, and radiuses will be smoothed).# 启用抗锯齿（直线和半径将平滑）
(30) Default display refresh period (ms).	# 默认显示刷新周期
(130) DPI (Dots per inch in px).			# DPI（每英寸像素点数）
(30) Small display limit					# 最小显示限制
(50) Medium display limit					# 中等显示限制
(70) Large display limit					# 最大显示限制
    Memory manager settings  --->			# 内存管理器设置
    Indev device settings  --->				# Indev设备设置
    Feature usage  --->						# 功能使用
    Image decoder and cache  --->			# 图像解码器和缓存
    Compiler Settings  --->					# 编译器设置
    HAL Settings  --->						# HAL设置
    Log Settings  --->						# Log设置
    Debug Settings  --->					# Debuf设置
    Font usage  --->						# 字体使用（自带字体）
    Theme usage  --->						# 主题使用
    Text Settings  --->						# 文本设置（编码等）
    Widgets  --->							# 小部件

Component config → LVGL TFT Display controller：

   Select predefined display configuration (None)  --->	# 选择预定义的开发板配置
    Display orientation (Landscape)  --->				# 显示方向（竖向/竖向倒置/横向/横向倒置）
    Select predefined board pinouts (None)  --->		# 选择预定义的开发板引脚
    Select a display controller model. (ST7735S)  --->	# 选择显示芯片型号
[ ] Use custom display buffer size (bytes)				# 使用自定义显示缓冲区大小
    TFT SPI Bus. (HSPI)  --->							# TFT SPI总线模式
    TFT Data Transfer Mode (SIO (MOSI/MISO))  --->		# TFT数据传输模式（几线制的SPI）
    TFT SPI Duplex Mode (HALF DUPLEX)  --->				# TFT SPI双工模式（半双工/全双工）
[ ] Use custom SPI clock frequency.						# 使用自定义SPI时钟频率
[ ] Invert colors in display							# 反转颜色
[ ] Handle Backlight and TFT power for M5StickC using AXP192. (NEW)	# 使用 AXP192 处理 M5StickC 的背光和TFT电源
    Display Pin Assignments  --->						# 引脚配置（如果选择了开发板就不用配置了）

Component config → LVGL TFT Display controller → Display Pin Assignments：

(13) GPIO for MOSI (Master Out Slave In)
[ ] GPIO for MISO (Master In Slave Out)
(14) GPIO for CLK (SCK / Serial Clock)
[*] Use CS signal to control the display
(15)    GPIO for CS (Slave Select)
[*] Use DC signal to control the display
(2)     GPIO for DC (Data / Command)
(4) GPIO for Reset
[*] Enable control of the display backlight by using an GPIO.	# 使用GPIO启用显示器背光控制
[*]     Is backlight turn on with a HIGH (1) logic level?		# 背光是否高电平有效
(27)    GPIO for Backlight Control (NEW)

Component config → LVGL Touch controller：

Select a touch panel controller model. (None)  --->	# 触摸驱动芯片选择
	(X) None
	( ) XPT2046
	( ) FT6X06
	( ) STMPE610
	( ) ADCRAW
	( ) FT81X
	( ) RA8875

Select a touch panel controller model. (XPT2046)  --->
Touch Controller SPI Bus. (VSPI)  --->
Touchpanel (XPT2046) Pin Assignments  --->
Touchpanel Configuration (XPT2046)  --->

Component config → LVGL Touch controller → Touchpanel Configuration (XPT2046)：

(200) Minimum X coordinate value.	# 最小X坐标值
(120) Minimum Y coordinate value.	# 最小Y坐标值
(1900) Maximum X coordinate value.	# 最大X坐标值
(1900) Maximum Y coordinate value.	# 最大Y坐标值
[*] Swap XY.						# 交换XY
[*] Invert X coordinate value.		# 反转X坐标值
[*] Invert Y coordinate value.		# 反转Y坐标值
    Select touch detection method. (IRQ pin only)  --->	# 选择触摸检测方法（仅中断/中断和按压/仅按压）

Component config → LVGL Touch controller → Touchpanel Configuration (XPT2046) → Select touch detection method.：

(19) GPIO for MISO (Master In Slave Out) (NEW)
(23) GPIO for MOSI (Master Out Slave In) (NEW)
(18) GPIO for CLK (SCK / Serial Clock) (NEW)
(5) GPIO for CS (Slave Select) (NEW)
(25) GPIO for IRQ (Interrupt Request) (NEW)

如果显示异常，修改显示方向 Display orientation 和 水平分辨率、垂直分辨率。


3、报错与修改

报错修改：
选择 ST7735S 驱动后报错：

/home/pjw/Item/esp32_maix/reference/lvgl_port_esp32/components/lvgl_esp32_drivers/lvgl_tft/st7735s.h:31:22: error: 'CONFIG_LV_AXP192_PIN_SDA' undeclared (first use in this function); did you mean 'CONFIG_LV_DISP_PIN_SDA'?
 #define AXP192_SDA   CONFIG_LV_AXP192_PIN_SDA

这是因为我没有启用 AXP192 的配置，而代码里面又没有处理导致的。
解决：
st7735s.h：
增加是否定义了 CONFIG_LV_M5STICKC_HANDLE_AXP192 的判断：

#ifdef CONFIG_LV_M5STICKC_HANDLE_AXP192
#define AXP192_SDA   CONFIG_LV_AXP192_PIN_SDA
#define AXP192_SCL   CONFIG_LV_AXP192_PIN_SCL
#endif

st7735s.c：
i2c 和 axp192 相关的函数全部增加 CONFIG_LV_M5STICKC_HANDLE_AXP192 是否定义的判断


示例修改：
create_demo_application函数默认 st7735s 只显示 hello world 。修改：

// #if defined CONFIG_LV_TFT_DISPLAY_MONOCHROME || defined CONFIG_LV_TFT_DISPLAY_CONTROLLER_ST7735S
#if defined CONFIG_LV_TFT_DISPLAY_MONOCHROME

三、屏幕资料

屏幕外观

屏幕接口

1.8寸TFT模块 液晶显示模块 SPI串口

1、规格

  • 1.8’’TFT
  • ST7735S
  • 3.3V
  • CE6209稳压芯片
  • LED接的 LED+

在这里插入图片描述
每英寸像素点数（DPI）= 像素个数/英寸
1英寸（inch）=2.54厘米（cm）=25.4毫米（mm）


2、裸屏引脚

在这里插入图片描述

3、屏幕原理图

在这里插入图片描述

4、稳压芯片资料

在这里插入图片描述

JavonPeng
关注
  • 11
    点赞
  • 踩
  • 45
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
esp32Lvgl移植文件
04-23
esp32_arduino_Lvgl驱动移植文件，此文件包含lvgl源驱动库、TFT屏幕驱动库及移植好的esp32_arduino_Lvgl工程文件。欢迎大家下载。
儿童学写字.exe.CR.rar.eml
热门推荐
编程路
12-08 12万+
请将以下内容保存为 .eml 文件，用任意电子邮件处理软件打开提取附件即可。
cesium 图片旋转
God's asylum的博客
11-19 4502
用cesium 中 ellipse 方法来加载圆型，改变 material 材质 用 ImageMaterialProperty 属性来加在图片，实时改变rotation，stRotation属性来实现旋转。
快速入门ESP32——移植LVGL（保姆级教程）
mucherry的博客
02-16 1431
在上一期我们移植了TFT_eSPI库成功点亮了LCD，本期就教大家怎么在platform上移植LVGL。温馨提醒：请确保你的LCD能正常使用快速入门ESP32——点亮你的第一个LCD屏幕ESP32S3+1.69LCD（无触摸），
vue中使用echarts词云
xy405580364的博客
11-10 5万+
1. 安装 cnpm install echarts-wordcloud 2. 创建模板组件 WordCloudChart <template> <div :id="id" :style="{ height:height,width:width }" /> </template> <script> import echarts from "echarts/lib/echarts"; import resize from "@/m
ESP32+st7789/ili9341运行LVGL例程，依赖ESP-IDF编译lv_port_esp32官方Demo(1)
Mark_md的博客
09-17 1万+
  LVGL是一个C语言编写的免费的开源图形库，其提供了用于嵌入式GUI的各种元素。用户可以利用丰富的图形库资源，在消耗极低内存的情况下构建视觉效果丰富多彩的GUI 。只需 64kB 闪存和 8kB RAM 就足以满足简单的用户界面。LVGL 可以驱动单色OLED、TFT 显示器、监视器或任何其他显示器。c 代码使其可在任何平台上使用，例如 NXP LPC 或 iMX、STM32、PIC、Arduino、ESP32、Raspberry 等。LVGL 的源码托管在 GitHub 上，拥有 MIT许可。 真正的
ESP32 LVGL GUI开发 idf.py menuconfig 添加新的触摸芯片菜单
cnicfhnui的博客
04-10 7650
LVGL已经集成了非常多的液晶与触摸芯片支持，配置中选择对应芯片配置一下即可，非常方便，但开发中还会遇到其它没有添加到menuconfig中的芯片。 由于esp32引脚非常少，所以找到一款IIC接口的4线电阻触摸芯片控制器NS2009，记录一下怎么添加到menuconfig中 NS2009是一款带I2C接口的4线制电阻式触摸屏控制芯片 12位分辨率A D转换器。 可测量手指在触摸屏上的压力。 2.0-5V宽电压。 一、添加驱动芯片的.c源文件包含 打开LVGL驱动触摸驱动目录中的CMake文件
ESP32基础应用之移植LVGL（ESP-IDF-V4.2 ）
while（1）
11-29 5757
必填
ESP32系列之LVGL（三）：Gui-Guider的使用
m0_55986987的博客
09-22 5436
Gui-Guider的使用
学习笔记ESP32——lvgl disp移植（1）
Jeremyrev的博客
08-02 1223
移植lvgl disp驱动的学习笔记
ESP32在ESP-IDF框架下为LVGL(v8.3)配置SD卡文件系统
小魏先生
04-17 2969
4、在main.c的ui_init()函数之后，调用lv_img_set_src(ui_Image2,“S:pictures/xxx.bin”);2、并不是买回来的新的SD卡就一定能用（并不是说用读卡器插在电脑上能够正常读写，就表示一定能够实验成功），买过几张卡，确实有不能用的，导致改bug搞了一下午没有成功。（比如说：作为树莓派的系统盘），那么要把系统盘的分区合并成一个（这个网上有很多教程），并重新格式化，否则实验会失败。，不需要更改main.c的任何内容，就实现了初始化SD卡和文件系统。
ESP32系列之LVGL（一）：ESP32S3+ST7789点屏
m0_55986987的博客
09-07 4808
ESP32S3 8080 +SPI 驱屏
LVGL移植到ESP32官方示例（lv_port_esp32）
09-06
lv_port_esp32 master_20210906，完整的LVGL移植到ESP32示例代码，已包含lvgl、lvgl_esp32_drivers、lv_examples 子模块，来源：https://github.com/lvgl/lv_port_esp32/。 github 拉取太慢，备份下来使用。
esp32s3使用lvgl驱动1.69寸电容触摸屏
05-10
esp32s3使用lvgl驱动1.69寸电容触摸屏，屏幕驱动为st7789，触摸驱动为CST816，
ESP32-S3 MicroPython lvgl固件
02-04
ESP32-S3 MicroPython lvgl固件
C#系列 NanoFramework+ESP32学习笔记(2 - 跑马灯)
最新发布
03-06
跑马灯测试代码
ESP32学习【2】——ESP32固件烧录及相关问题解决
丨晋丨
07-05 2万+
一、烧录参数资料 1、模式选择： 2、确保　ESP32　模组正确的进入了下载模式： 1. 首先确保模组可以正常运行工作（即确保电源和串口连接正常）； 2. 拉低 GPIO0，打开串口工具，在波特率​115200​下观察模组的启动或复位后的打印信息； 3. 若出现以下红色字符则认为模组已经进入了下载模式，可以去正常进行下载。　　　　 rst:​0x10 (RTCWDT_RTC_RESET),​boot:​0x3 (DOWNLOAD_BOOT(UART0/​UART1/​SDIO_REI.
【ESP32学习笔记】#通用篇#（1）简介及资料
丨晋丨
06-30 2万+
一、简介 ESP32 是集成 2.4 GHz Wi-Fi 和蓝牙双模的单芯片方案，采用台积电 (TSMC) 超低功耗的 40 纳米工艺，具有超高的射频性能、稳定性、通用性和可靠性，以及超低的功耗，满足不同的功耗需求，适用于各种应用场景。 ESP32 系列的产品型号： ESP32-D0WD-V3，ESP32-D0WDQ6-V3（基于 ECO V3） ESP32-D0WD，ESP32-D0WDQ6 ESP32-D2WD ESP32-S0WD ESP32-U4WDH（基于 ECO V3） CPU 和存储：
【问题解决】ESP32报错：A fatal error occurred: Invalid head of packet (0xE0)
丨晋丨
12-26 1万+
问题： ESP32烧录的时候报错： Toolchain path: /home/pjw/.espressif/tools/xtensa-esp32-elf/esp-2020r3-8.4.0/xtensa-esp32-elf/bin/xtensa-esp32-elf-gcc Toolchain version: esp-2020r3 Compiler version: 8.4.0 Python requirements from /home/pjw/ESP32/esp-idf/requirements.txt
lvgl移植esp32
08-26
为了在ESP32上移植LVGL，你可以使用esp32_arduino_Lvgl驱动移植文件。这个文件包含了LVGL源驱动库、TFT屏幕驱动库以及移植好的esp32_arduino_Lvgl工程文件。你可以通过下载这个文件来进行LVGL在ESP32上的移植工作。 如果你在下载lv_esp32_drivers仓库时遇到错误，可能是因为你下载的不是指定的仓库（不是master主分支仓库）。你可以在线查看一下lv_esp32_drivers/lvgl_helpers.c文件的内容，确保它与指定的内容相符。因为LVGL的目录结构变化，所以lvgl_helpers.c文件可能也需要相应的变化。 需要注意的是，下载的LVGL版本可能不是最新的版本，而是7.11版本。你可以使用以下命令进行下载：git clone --recurse-submodules https://github.com/lvgl/lv_port_esp32.git。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [esp32Lvgl移植文件](https://download.csdn.net/download/mengquaner/85209702)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [ESP32_esp-idf_lvgl_V8环境搭建移植](https://blog.csdn.net/qq_43588817/article/details/126680595)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值