关键词：
lvgl官方的教程是英文的，这个是我在做项目时根据lvgl官方文档做出来的lvgl中文文档(持续更新维护)，不仅仅只是生硬照搬lvgl官方文档的翻译，同时总结了我们在实际开发中遇到的各种细节，让这个文档更加适合我们在实际开发中的需求。
lvgl v7.11教程已经更新完成，lvgl v8.x教程更新进行中！
文章目录
LVGL教程（超详细的lvgl中文文档！）
LVGL系列教程文章列表
- LVGL|lvgl中文手册(lvgl中文文档教程 lvgl v7.11)
- LVGL|基于lvgl实现2048游戏(纯c语言实现)
- freeRTOS&LVGL|在使用freertos时如何为lvgl配置心跳和任务管理器
- Raspberry pi pico|树莓派-pico驱动ILI9341+lvgl(c语言实现)
- LVGL|基于100ASK_STM32_F103ZET6开发板的lvgl(v7.11.0)综合例程
- 将lvlg v8.0移植到STM32F103开发板教程(TODO)
- 将lvlg v8.0移植到 IMX6ULL 开发板教程(TODO)
- 将lvlg v8.0移植到 STM32MP157 开发板教程(TODO)
在windwos模拟器运行lvgl(v8.0)
Code::Blocks上运行
Code::Blocks 是一个免费开放源码的全功能的跨平台C/C++集成开发环境。使用 Code::Blocks模拟器体验或开发lvlg，开箱即用很方便，相比VS更加轻量级。
获取资料
使用阿里云盘下载关于本节的资料(不限速、下载速度飞起)：https://www.aliyundrive.com/s/MDPET5oxypW
获取Code::Blocks并安装
使用了当前的最新版本 20.03 。
软件安装包在资料中的这个位置：
下载之后直接打开即可安装，安装过程按照软件提示进行安装即可，最后启动并打开Code::Blocks，下一步准备通过Code::Blocks打开一个lvgl示例工程。
获取示例源码并运行
下载资料，从这里获取lvgl示例工程源码：
解压后，进入目录双击 LittlevGL.cbp 可直接打开项目工程：
单击图示的按钮，构建并运行项目：
运行结果：
尽情享受 LVGL 带来的惊喜吧！
在 vscode 上运行
TODO
将lvlg v8.0移植到STM32F103开发板
TODO
将lvlg v8.0移植到 IMX6ULL 开发板
TODO
将lvlg v8.0移植到 STM32MP157 开发板
TODO
什么是LVGL
lvgl(轻巧而多功能的图形库)是一个免费的开放源代码图形库，它提供创建具有易于使用的图形元素，精美的视觉效果和低内存占用的嵌入式GUI所需的一切。
LVGL的主要特性
| LVGL的主要特性 | |
|---|---|
| 1 | 功能强大的构建块，例如按钮，图表，列表，滑块，图像等。 |
| 2 | 带有动画，抗锯齿，不透明，平滑滚动的高级图形 |
| 3 | 各种输入设备，例如触摸板，鼠标，键盘，编码器等 |
| 4 | 支持UTF-8编码的多语言 |
| 5 | 多显示器支持，如TFT，单色显示器 |
| 6 | 完全可定制的图形元素 |
| 7 | 独立于任何微控制器或显示器使用的硬件 |
| 8 | 可扩展以使用很少的内存(64 kB闪存，16 kB RAM)进行操作 |
| 9 | 操作系统，支持外部存储器和GPU，但不是必需的 |
| 10 | 单帧缓冲区操作，即使具有高级图形效果 |
| 11 | 用C语言编写，以实现最大的兼容性(与C ++兼容) |
| 12 | 模拟器可在没有嵌入式硬件的PC上进行嵌入式GUI设计 |
| 13 | 可移植到MicroPython |
| 14 | 可快速上手的教程、示例、主题 |
| 15 | 丰富的文档教程 |
| 16 | 在MIT许可下免费和开源 |
硬件要求
基本上，每个现代控制器(肯定必须要能够驱动显示器)都适合运行LVGL。LVGL的最低运行要求很低：
| lvgl的硬件要求 | |
|---|---|
| 处理器 | 16、32或64位微控制器或处理器 |
| 时钟频率 | 最低 16 MHz 时钟频率 |
| Flash/ROM | 对于非常重要的组件要求 >64 kB(建议 > 180 kB) |
| RAM | 1.静态 RAM 使用量：~2 kB，取决于所使用的功能和对象类型- 堆栈： > 2kB(建议 > 8 kB) 2.动态数据(堆)：> 2 KB(如果使用多个对象，则建议 > 16 kB)。由 lv_conf.h 中的 LV_MEM_SIZE 宏进行设置。 3.显示缓冲区：> “水平分辨率”像素(建议 > 10× “水平分辨率” ) 4.MCU 或外部显示控制器中的一帧缓冲区 |
| 编译器 | C99或更高版本的编译器 |
| 技术栈 | 具备基本的C(或C ++)知识：指针，结构，回调… |
LVGL中文手册
lvgl官方的教程是英文的，这个是我在做项目时顺便做出来的中文教程站点(持续更新维护)，不仅仅只是照搬lvgl官方文档的翻译，同时总结了我们在实际开发中遇到的各种细节，让这个文档更加适合我们在实际开发中的需求。lvgl v7.11教程已经更新完成，lvgl v8.x教程更新进行中！
- lvgl官方英文原版教程： https://docs.lvgl.io
- lvgl中文教程(中文手册)：http://lvgl.100ask.net http://lvgl.100ask.org
文章努力更新中✊，喜欢的朋友记得收藏关注哦！
百问网lvgl(v8)视频课程(韦东山·监制)教程基于lvglv8.1版本，课程适配多个平台多款板子
...频教程观看百问网LVGL(v8)系列课程(韦东山·监制)教程基于lvglv8.1版本，课程适配多个平台、多款板子视频地址：https://www.bilibili.com/video/BV1Ya411r7K2视频教程配套资料https://gitee.com/weidongshan/lvgl_100ask_course_materials学习资源lvgl官... 查看详情
lvgl|lvgl中文手册(lvgl中文文档教程)
lvgl官方的教程是英文的，这个是我在做项目时根据lvgl官方文档做出来的lvgl中文文档(持续更新维护)，不仅仅只是生硬照搬lvgl官方文档的翻译，同时总结了我们在实际开发中遇到的各种细节，让这个文档更加适合... 查看详情
lvgl视频课程更新啦，基于lvglv8.2版本，课程适配多个平台多款板子
...频教程观看百问网LVGL(v8)系列课程(韦东山·监制)教程基于lvglv8.2版本，课程适配多个平台、多款板子百问网LVGL(v8)视频课程(韦东山·监制)教程基于lvglv8.2版本，课程适配多个平台、多款板子！视频学习地址：https://w... 查看详情
lvgl|lvgl教程之修改lvgltabview部件顶部框(选项卡)的默认样式(代码片段)
...ew部件顶部框(选项卡)的默认样式。配置：codeblocks20.03lvglv8.1修改样式默认的样式正常我们这样就可以创建出一 查看详情
lvgl|lvgl教程之修改lvgl中lv_dropdown(下拉列表)的选项文字(大小样式显示中文)(代码片段)
前言下拉列表允许用户从列表中选择一个选项。下拉列表默认关闭并显示单个值或预定义文本。激活后（通过单击下拉列表），将创建一个列表，用户可以从中选择一个选项。当用户选择一个新值时，该列表... 查看详情
lvgl官方+100ask合力打造的中文输入(拼音输入法)组件，让lvgl支持中文输入！
前言LVGLV8.3版本支持中文输入(拼音输入法)啦！LVGL中的中文输入组件称为：lv_ime_pinyin，完全由我们百问网团队编写而成，合入到LVGL主仓库前代码托管在gitee和github平台中：gitee:https://gitee.com/weidongshan/lv_lib_100ask/... 查看详情
lvgl移植教程
LVGL是一个商业开源的UI库，内存占用量最少只需要16K，UI效果动画等也十分丰富。因此凭借这低内存消耗，控件主题等丰富的特点发展也是比较快的。目前LVGL的迭代更新对API接口改动还是比较大的，此文档针对LVGL... 查看详情
lvgl|lvgl教程之让lvgl的codeblocks项目工程创建控制台查看打印信息，lvglcodeblocksprintf输出log信息(代码片段)
文章目录前言操作步骤lvgl视频教程视频教程配套资料相关学习资源应用程序运行时显示Windows控制台输出log信息的效果已经由博主成功提交至lvgl的github仓库，你只需前往github仓库下载获取源码即可。如果想学习怎么配置出来... 查看详情
lvglv8学习笔记|07-字体的使用方法(代码片段)
文章目录一、lvgl提供的ASCII字体1.使能字体2.设置默认字体3.使用不同的字体二、lvgl提供的思源字体1.使能思源字体2.使用思源字体三、使用自定义字体1.下载字体2.字体转换3.使用自定义字体一、lvgl提供的ASCII字体1.使能字体lvgl默... 查看详情
lvglv8学习笔记|07-字体的使用方法(代码片段)
文章目录一、lvgl提供的ASCII字体1.使能字体2.设置默认字体3.使用不同的字体二、lvgl提供的思源字体1.使能思源字体2.使用思源字体三、使用自定义字体1.下载字体2.字体转换3.使用自定义字体一、lvgl提供的ASCII字体1.使能字体lvgl默... 查看详情
lvgl开发｜支持中文输入法的lvgl部件(lvgl中文输入)
【开源】让LVGL支持中文输入法！LVGL中文输入法插件我将它称为插件，因为它是在lv_keyboard的基础上编写的一个自定义部件（我定义创建接口为：lv_100ask_keyboard_create(lv_obj_t*parent));），它和lv_keyboard没有什么... 查看详情
lvgl|lvgl教程之flex布局铺满整个容器(弹性布局铺满整个容器)(代码片段)
文章目录前言未铺满的状态(默认样式)改进：实现铺满前言Flex布局，是一种可以简便、完整、响应式地实现各种页面布局，她是CSS的一个重点应用。lvgl从v8版本1开始支持类似CSS的Flexbox和Grid布局。2在使用flex布局，... 查看详情
lvgl移植教程
LVGL是一个商业开源的UI库，内存占用量最少只需要16K，UI效果动画等也十分丰富。因此凭借这低内存消耗，控件主题等丰富的特点发展也是比较快的。目前LVGL的迭代更新对API接口改动还是比较大的，此文档针对LVGL... 查看详情
基于arduino的esp32学习笔记lvgl文件系统移植，中文字库和图片显示(代码片段)
...的ESP32手环做技术储备记录移植LVGL文件系统，制作LVGL中文字库，将图片和字库放在SD卡里，通过移植好的LVGL文件系统，读取SD卡中的中文字库和图片，并显示在屏幕上硬件准备ESP-WROOM-32E开发板ST7789240x2401.3寸SPI... 查看详情
基于arduino的esp32学习笔记lvgl文件系统移植，中文字库和图片显示(代码片段)
...的ESP32手环做技术储备记录移植LVGL文件系统，制作LVGL中文字库，将图片和字库放在SD卡里，通过移植好的LVGL文件系统，读取SD卡中的中文字库和图片，并显示在屏幕上硬件准备ESP-WROOM-32E开发板ST7789240x2401.3寸SPI... 查看详情
小熊派lvgl移植文件系统(代码片段)
...;预览视频如下：关于这个的实现过程我会写一系列的教程分享出来，主要分为下面几个部分，本节为第三部分，给LVGL移植FATFS文件系统接口小熊派移植华为LiteOS-M（基于MDK）：链接；小熊派基于LiteO... 查看详情
lvglvisualstudio模拟器使用(代码片段)
...+st7789/ili9341运行LVGL例程GettheLVGLdemoprojectforESP32LVGLV7ESP32LVGLV8ESP32LVGL学习资料百问网在线文档在线Demo演示乐鑫ESP-IoT-Solution的LVGL图形库在线字模提取工具在线图片取模工具EDGELINE-LVGLUI设计工具NXPGUI-GUIDERUI设计工具 查看详情
小熊派liteos移植lvgl(代码片段)
...;预览视频如下：关于这个的实现过程我会写一系列的教程分享出来，主要分为下面几个部分，本节为第二部分，基于LiteOS移植LVGL显示接口小熊派移植华为LiteOS-M（基于MDK）：链接；小熊派基于LiteOS... 查看详情