LVGL
文章平均质量分 95
路过人间本尊
这个作者很懒,什么都没留下…
展开
-
LVGL基础教程 – LVGL 简介
LVGL(LightandVersatileGraphicsLibrary,轻巧而多功能的图形库)是一个免费的开放源代码图形库,它提供创建具有易于使用的图形元素,精美的视觉效果和低内存占用的嵌入式GUI所需的一切。原创 2022-07-21 11:51:36 · 9376 阅读 · 1 评论 -
ESP32 开发笔记(四)LVGL控件学习 Window 窗口控件
先看效果,创建一个主窗口,带设置按钮,单击设置此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用纯.原创 2020-12-07 08:44:37 · 5773 阅读 · 2 评论 -
ESP32 开发笔记(四)LVGL控件学习 Tileview 平铺视图控件
先看效果,创建四个页面视图循环环形切换每个页面创建不同控件此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架原创 2020-12-06 19:07:20 · 6871 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Textarea 文本框控件
先看效果,创建一个文本框标签,通过长按事件实现一个打字机效果此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框原创 2020-12-06 18:34:27 · 5372 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Tabview 标签视图控件
先看效果,创建一个带3个标签页面的标签视图控件此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用纯C原创 2020-12-06 18:26:32 · 5450 阅读 · 3 评论 -
ESP32 开发笔记(四)LVGL控件学习 Table 表格控件
先看效果,创建一个简单的表格此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用纯C语言开发,开发工具原创 2020-12-06 18:23:53 · 6057 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Switch 开关控件
先看效果,创建一个正常的开关控件,创建一个慢速变化的开关控件此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框原创 2020-12-06 18:21:32 · 5458 阅读 · 1 评论 -
ESP32 开发笔记(四)LVGL控件学习 Spinner 环形加载控件
先看效果,创建正向圆形加载器,创建一个反向圆形加载器,创建一个指定长度和速度的圆形加载器此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基原创 2020-12-06 18:18:46 · 4134 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Spinbox 微调控件
先看效果,创建一个微调控件,创建两个按钮来微调其中的值此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,原创 2020-12-06 18:15:49 · 4372 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Slider 滑块控件
先看效果,创建一个单向带动态消失动画的滑块控件,创建一个双向范围选择的滑块控件此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-原创 2020-12-06 18:13:04 · 4456 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Roller 滑动选择控件
先看效果,创建一个简单的滑动选择控件此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用纯C语言开发,原创 2020-12-06 18:08:43 · 5663 阅读 · 1 评论 -
ESP32 开发笔记(四)LVGL控件学习 Page 页面控件
先看效果,创建一个页面,在页面上创建一个超长文本标签来演示页面控件的使用此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF原创 2020-12-06 18:05:04 · 14159 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 ObjectMask 对象蒙版控件
先看效果,通过对象遮罩控件创建一个渐变色的自绘标签此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用原创 2020-12-05 10:46:31 · 4707 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 MessageBox 消息对话框控件
先看效果,创建一个按钮,触发动画弹出一个带确认取消回调的消息框此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2原创 2020-12-05 10:39:17 · 4915 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 List 列表控件
先看效果,创建一个带FontAwesome字体图标的列表演示列表控件的使用此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-ID原创 2020-12-05 10:30:55 · 15396 阅读 · 7 评论 -
ESP32 开发笔记(四)LVGL控件学习 LineMeter 线段式仪表控件
先看效果,创建两个线段式仪表,一个通过LVGL动画对象控制动态显示,一个为静态镜像显示此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发.原创 2020-12-05 10:22:28 · 4787 阅读 · 1 评论 -
ESP32 开发笔记(四)LVGL控件学习 Line 线控件
先看效果,通过数组创建一段折线,线头是圆角此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用纯C语言原创 2020-12-05 10:13:36 · 14068 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 LED 灯控件
先看效果,创建三个LED控件,第一个关状态,第二个可调,第三个一开关,创建一个滑块控件来控制第二个LED高度此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduin原创 2020-12-05 10:07:10 · 4692 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Label 文本标签控件
先看效果,创建三个不同的文本标签,文本内容可变颜色,文本过长动态滚动,带阴影3D效果此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于E原创 2020-12-05 09:50:56 · 5247 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Keyboard 键盘控件
先看效果,创建两个输入框来演示键盘的调用,测试键盘不同模式输入方式,了解键盘的用法此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ES原创 2020-12-05 09:42:23 · 6926 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 ImageButton 图像按钮控件
先看效果,创建一个图像按钮,按钮类型是类开关按钮,按一次调用一张图片,再按一次调用另一张图片此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发原创 2020-12-05 09:31:24 · 5332 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Image 图像控件
先看效果,创建四个滑动控件来控制图片的颜色和对比度,增加一个FontAwesome字体图标原创 2020-12-05 09:04:39 · 5931 阅读 · 3 评论 -
ESP32 开发笔记(四)LVGL控件学习 Gauge 指针仪表量规控件
先看效果,创建两个不同范围不同警告阈值的指针仪表控件,第一个为单指针仪表带负数通过动画对象回调的方式动态显示,第二个为三指针静态此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非.原创 2020-12-03 10:33:58 · 5790 阅读 · 1 评论 -
ESP32 开发笔记(四)LVGL控件学习 Drop-downList 下拉选择控件
先看效果,创建三个不同使用方法的下拉选择器控件此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架..原创 2020-12-03 10:13:26 · 4783 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Container 容器控件
先看效果,创建一个容器控件,动态在其中创建三个不同大小的标签演示容器控件的自适应布局此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于E原创 2020-12-03 10:03:19 · 4866 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 ColorPicker 颜色选择器控件
先看效果,创建一个颜色选择器控件,设置事件回调动态显示当前选择的颜色值此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-I.原创 2020-12-03 09:54:38 · 4416 阅读 · 5 评论 -
ESP32 开发笔记(四)LVGL控件学习 Checkbox 复选框控件
先看效果,创建一个复选框控件此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用纯C语言开发,开发工具原创 2020-12-03 09:39:37 · 3754 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Chart 图表控件
先看效果,创建三个不同风格的图表控件来了解图表控件的使用此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库原创 2020-12-03 09:20:01 · 8475 阅读 · 3 评论 -
ESP32 开发笔记(四)LVGL控件学习 Canvas 画布控件
先看效果,创建了两个画布,一个按钮,按钮是为了演示透明画布效果,第一个画布先画一个不透明蓝色矩形再画透明矩形,透过画布可以看到下面的按钮第二个面布画了一个圆角矩形中间填充过渡色,再画一个字符串,然后将整个画布旋转指定角度此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366.原创 2020-12-03 09:11:37 · 6961 阅读 · 0 评论 -
ESP32 开发笔记(四)LVGL控件学习 Calendar 日历控件
先看效果,创建一个日历控件并设置高亮和低亮标签此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用纯C原创 2020-12-03 09:00:44 · 4512 阅读 · 2 评论 -
ESP32 开发笔记(四)LVGL控件学习 ButtonMatrix 按钮矩阵控件
先看效果,使用按钮矩阵控件创建一个计算器界面此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用.原创 2020-12-03 08:55:58 · 5055 阅读 · 2 评论 -
ESP32 开发笔记(四)littleVGL LVGL 控件学习 Arc 弧形控件
先看效果,最低25帧,还是不错的开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windowsESP32例程为C语言开发,并非Python/Arduino/AT指令开发,基于ESP-IDF_V4.2框架库,采用纯C语言开发,开发工具为Visual Studio CodeAndroid(安卓)例程原创 2020-12-02 16:44:12 · 9919 阅读 · 10 评论 -
ESP32 开发笔记(四)LVGL控件学习 Button 按钮控件
先看效果,最高33帧,第一个按钮为果冻效果,第二个扩展,第三个扩散,第四个正常,第五个翻转效果123使用了效果风格,类似css,45是纯按钮成员函数实现此文章为盖楼文章,为组织目录链接用,未写教程,教程更新后会删除此行开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674一、开发板简介二、开发环境搭建 windows..原创 2020-12-03 08:50:15 · 7902 阅读 · 4 评论 -
ESP32开发学习 LVGL Littlevgl 使用文件系统加载BMP图片解码显示
LVGL开发中经常用到图片显示,LVGL官方有提供PNG,GIF,JPG等解码库,配合LVGL的虚拟文件系统可以实现控件直接加载调用解码库解码并显示,非常的方便。 此篇文章就介绍如何移植LVGL官方的BMP解码库,通过LVGL的虚拟文件系统从SD卡加载BMP文件解码显示。本文开发环境:Visual Studio Code V1.58.2LVGL版本 V7.10.0芯片平台:ESP32IDF库版本:4.3.0IDF TOOLS编译工具链版本:2.9本...原创 2021-08-07 21:10:56 · 4862 阅读 · 3 评论 -
ESP32开发学习 LVGL Littlevgl 创建显示二维码
生成效果: LVGL除了一些常用UI控件外,还提供了很多第三组件可以集成,例如jpg,bmp,gif,png,二维码。LVGL提供的生成器使用的是nayuki 的二维码生成器,本文我们就来移植LVGL提供的二维码生成器,来生成一个自定义的二维码,显示在液晶上。本文开发环境:Visual Studio Code V1.58.2LVGL版本 V7.10.0芯片平台:ESP32IDF库版本:4.3.0IDF TOOLS编译工具链版本:2.9本文软件基于LVGL...原创 2021-08-05 23:26:36 · 3651 阅读 · 3 评论 -
ESP32开发学习 LVGL Littlevgl 加载外部SD卡字库显示
效果本文开发环境:Visual Studio Code V1.58.2LVGL版本 V7.10.0芯片平台:ESP32IDF库版本:4.3.0IDF TOOLS编译工具链版本:2.9本文软件基于LVGL官方提供的ESP32工程lv_port_esp32修改而来LVGL ESP32官方地址:https://github.com/lvgl/lv_port_esp32开发板平台基于HelloBug ESP32开发板开发板购买链接:https://hellobug.t.原创 2021-08-05 11:22:06 · 4946 阅读 · 7 评论 -
ESP32开发学习 LVGL Littlevgl 解码显示JPG图片三种方式JPG_SJPG_C Array
LVGL开发中经常用到图片显示,LVGL官方有提供PNG,GIF,JPG等解码库,配合LVGL的虚拟文件系统可以实现控件直接加载调用解码库解码并显示,非常的方便。 此篇文章就介绍如何移植LVGL官方的JPG解码库,通过三种方式来显示JPG图片。1、文件系统加载JPG文件解码显示 此方法占用RAM多,占用ROM少,解码速度慢2、转换为SJPG文件通过解码文件系统加载显示 sjpg 是一种基于“普通”JPG 的自定义格式,专为 lvgl 制作。s...原创 2021-08-04 10:20:36 · 13441 阅读 · 4 评论 -
ESP32开发学习 LVGL Littlevgl 使用文件系统加载PNG图片解码显示
LVGL开发中经常用到图片显示,LVGL官方有提供PNG,GIF,JPG等解码库,配合LVGL的虚拟文件系统可以实现控件直接加载调用解码库解码并显示,非常的方便。 此篇文章就介绍如何移植LVGL官方的PNG解码库,通过LVGL的虚拟文件系统从SD卡加载PNG文件解码显示。本文开发环境:Visual Studio Code V1.58.2LVGL版本 V7.10.0芯片平台:ESP32IDF库版本:4.3.0IDF TOOLS编译工具链版本:2.9...原创 2021-08-02 10:35:45 · 9608 阅读 · 8 评论 -
ESP32开发学习 LVGL Littlevgl 使用文件系统
LVGL 有一个“文件系统”抽象模块,使您能够附加任何类型的文件系统。 文件系统由驱动器号标识。 例如,如果 SD 卡与字母“S”相关联,则可以访问类似“S:path/to/file.txt”的文件。官方提供了“文件系统”抽象模块,用于上层GUI来读取文件,图片,字体等操作。你可以像使用FatFS一样使用LVGL的文件系统API,在LVGL使用外部存储设备的资源时会被自动调用,例如下面列出的都是LVGL的函数,对接文件系统后,这些函数会自动读取文件系统中的文件lv_img_set_src(...原创 2021-07-28 16:47:10 · 7924 阅读 · 11 评论