生成效果：

LVGL除了一些常用UI控件外，还提供了很多第三组件可以集成，例如jpg,bmp,gif,png,二维码。

LVGL提供的生成器使用的是 nayuki 的二维码生成器，本文我们就来移植LVGL提供的二维码生成器，来生成一个自定义的二维码，显示在液晶上。

本文开发环境：
Visual Studio Code V1.58.2

LVGL版本 V7.10.0

芯片平台：ESP32

IDF库版本：4.3.0

IDF TOOLS编译工具链版本：2.9

本文软件基于LVGL官方提供的ESP32工程lv_port_esp32修改而来

LVGL ESP32官方地址：https://github.com/lvgl/lv_port_esp32

开发板平台：HelloBug ESP32开发板

开发板购买链接：https://hellobug.taobao.com/

一、移植二维码生成器组件

组件地址：https://github.com/lvgl/lv_lib_qrcode

下载后解压到你的LVGL工程components目录下，结果如下：

下载好的组件库中是没有CMakeLists.txt这个文件的，我们的工程是没办法调用这个库的，我们在lv_lib_qrcode文件夹中创建一个，内容如下

接着修改main文件夹中的CMakeLists.txt，idf_component_register中添加注册二维码组件，结果如下图

到这里，二维码库就移植完成了。接下来编写代码

二、编写生成代码

在main.c中添加头文件

#include "lv_qrcode.h"         // 二维码编码库初始化

在LVGL初始化之后添加如下代码，生成一个150*150的白色底，桔色二维码，当然你也可以改尺寸和颜色，二维码的内容为：https://hellobug.taobao.com

三、下载测试

编译下载测试一下，显示如下

ESP32开发学习 LVGL Littlevgl 创建显示二维码相关推荐

Jenkins配置自动打包app发布蒲公英显示二维码
Jenkins配置自动打包app发布蒲公英显示二维码搞了一周,终于弄好了,下面就是见证奇迹的时刻. 1.下载Jenkins,去官网点这里选择Windows版本: 2.下载完是个zip解压安装一路 ...
视频教程-微信公众平台深度开发v2.0第3季——二维码、模板消息-微信开发
微信公众平台深度开发v2.0第3季--二维码.模板消息微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试(软考) ...
知云文献翻译登录时不显示二维码，显示二维码后扫描登录不跳转解决方案
1.登录时不显示二维码--解决方案打开 Internet Explorer 点击"设置"中的"Internet 选项" 切换到"连接"选项 ...
java后台生成二维码以及页面显示二维码方式
上篇文章已经说明并发布了后台生成二维码工具类,大家可以直接去看或者去拿. 地址:最简单实用的java生成二维码工具现在呢说明页面上展示二维码的两种方式: 1.使用img标签的src来请求生成二维码, ...
点击识别元素位置、生成显示二维码、下载二维码
百度网盘地址效果: 代码: <!DOCTYPE html> <html><head><meta charset="UTF-8">& ...
0.96英寸128*64 OLED显示二维码
0.96英寸I2C,OLED 显示屏显示二维码 STM32 SSD1306 RT-Thread 关于软.硬件环境开启RT-Thread的终端打印二维码功能思路移植开肝开始测试关于最近手头 ...
使用CSS实现悬停显示二维码
目录方法一方法二(推荐) 在进行广告配置时,要显示的二维码太小,直接扫码扫不出来,于是需要实现鼠标悬停显示大的二维码. 有两种实现的方法: 方法一直接在要悬停显示二维码的 DOM 元素上添加样式 ...
PHP开发日志 ━━ php、javascript生成二维码的三种方法
最简单最实例的goolge开源方法推荐手册:php完全自学手册 1.google开放api 代码如下: $urlToEncode="http://www.helloweba.com&quo ...
用户登入腾讯视频，QQ扫描二维码不显示二维码
环境: 电脑:联想E14 系统:Windows 10 专业版 64位 AC:深信服AC13.0.47 问题描述: 用户登入腾讯视频,QQ扫描二维码不显示二维码解决方案: 1.在AC上,在线用户列表搜 ...

ESP32开发学习 LVGL Littlevgl 创建显示二维码

一、移植二维码生成器组件

二、编写生成代码

三、下载测试

ESP32开发学习 LVGL Littlevgl 创建显示二维码相关推荐

最新文章

热门文章