LVGL|lvgl v8教程(lvgl中文文档学习教程，开始更新lvgl v8.x文档教程，超详细)_lvgl 8 文档-程序员宅基地

技术标签：经验分享 linux gui LVGL 嵌入式单片机

1. 前言

lvgl官方的教程是英文的，这个是我在做项目时根据lvgl官方文档做出来的lvgl中文文档(持续更新维护)，不仅仅只是生硬照搬lvgl官方文档的翻译，同时总结了我们在实际开发中遇到的各种细节，让这个文档更加适合我们在实际开发中的需求。

V7.11中文已经更新完成，v8.1中文更新进行中

1.1 演示视频

1.1.1 文档中心

LVGL教程（超详细的lvgl中文文档！）

1.1.2项目成品

IMX6ULL LVGL GUI V1.0

IMX6ULL LVGL GUI V1.0演示

IMX6ULL Linux LVGL GUI V2.0

Linux lvgl gui 2.0和大家见面啦！

全新的架构，功能更强大
二次开发非常方便
独立的应用之间使用dbus通信
GUI基于lvgl 8.1开发，长期更新支持 lvgl 8.x
还有更多细节等你来探索！
…

IMX6ULL Linux LVGL GUI V2.0效果演示，基于lvgl8.1并将长期更新支持lvgl 8.x，源码仓库地址在评论区置顶评论，欢迎学习体验！

2. LVGL系列教程文章列表

2.1 lvgl系统教程

3. 在windwos模拟器运行lvgl(v8.0)

3.1 Code::Blocks上运行

Code::Blocks 是一个免费开放源码的全功能的跨平台C/C++集成开发环境。使用 Code::Blocks模拟器体验或开发lvlg，开箱即用很方便，相比VS更加轻量级。

3.1.1 获取资料

使用阿里云盘下载关于本节的资料(不限速、下载速度飞起)：https://www.aliyundrive.com/s/MDPET5oxypW
百度云下载：链接：https://pan.baidu.com/s/14renDMjP6xBVh0bGy_yAWA 提取码：root

由于阿里云盘不支持zip文件分享，分享出去的链接中无法查看到源码的zip压缩包，大家可以在这里免费下载codeblocks的工程示例源码包：https://download.csdn.net/download/qq_35181236/20816316

3.1.2 获取Code::Blocks并安装

使用了当前的最新版本 20.03 。
在这里插入图片描述

软件安装包在资料中的这个位置：
在这里插入图片描述
下载之后直接打开即可安装，安装过程按照软件提示进行安装即可，最后启动并打开Code::Blocks，下一步准备通过Code::Blocks打开一个lvgl示例工程。

3.1.3 获取示例源码并运行

下载资料，从这里获取lvgl示例工程源码：

在这里插入图片描述

解压后，进入目录双击 LittlevGL.cbp 可直接打开项目工程：
在这里插入图片描述

单击图示的按钮，构建并运行项目：
在这里插入图片描述
运行结果：

在这里插入图片描述

尽情享受 LVGL 带来的惊喜吧！

3.2 在 vscode 上运行

TODO

4. 将lvlg v8.0移植到STM32F103开发板

TODO

5. 将lvlg v8.0移植到 IMX6ULL 开发板

TODO

6. 将lvlg v8.0移植到 STM32MP157 开发板

TODO

7. 什么是LVGL

lvgl(轻巧而多功能的图形库)是一个免费的开放源代码图形库，它提供创建具有易于使用的图形元素，精美的视觉效果和低内存占用的嵌入式GUI所需的一切。

7.1 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许可下免费和开源

7.2 硬件要求

基本上，每个现代控制器(肯定必须要能够驱动显示器)都适合运行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 ++)知识：指针，结构，回调…

8. LVGL中文手册

lvgl官方的教程是英文的，这个是我在做项目时顺便做出来的中文教程站点(持续更新维护)，不仅仅只是照搬lvgl官方文档的翻译，同时总结了我们在实际开发中遇到的各种细节，让这个文档更加适合我们在实际开发中的需求。lvgl v7.11教程已经更新完成，lvgl v8.x教程更新进行中！

lvgl官方英文原版教程： https://docs.lvgl.io
lvgl中文教程(中文手册)：http://lvgl.100ask.net http://lvgl.100ask.org

在这里插入图片描述

lvgl视频教程

百问网LVGL(v8)系列课程(韦东山·监制) 教程基于lvgl v8.2版本，课程适配多个平台、多款板子

百问网LVGL(v8)视频课程(韦东山·监制) 教程基于lvgl v8.2版本，课程适配多个平台、多款板子！视频学习地址：https://www.bilibili.com/video/BV1Ya411r7K2

视频教程配套资料

https://gitee.com/weidongshan/lvgl_100ask_course_materials

智能推荐

c# 调用c++ lib静态库_c#调用lib-程序员宅基地

文章浏览阅读2w次，点赞7次，收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案，在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建：添加Visual C++ , Win32 项目这......_c#调用lib

文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体，挺好看的。注重颜值的网站都会使用，例如知乎：font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang

html表单常见操作汇总_html表单的处理程序有那些-程序员宅基地

文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--method将表单中的数据传送给服务器处理，get方式直接显示在url地址中，数据可以被缓存，且长度有限制；而post方式数据隐藏传输，_html表单的处理程序有那些

PHP设置谷歌验证器（Google Authenticator）实现操作二步验证_php otp 验证器-程序员宅基地

文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证（即Google Authenticator服务）后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器

【Python】matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距-程序员宅基地

文章浏览阅读4.3k次，点赞5次，收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距

docker — 容器存储_docker 保存容器-程序员宅基地

文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节，实现了多层数据的堆叠，为用户提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制（CoW）策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的，不建议用于生成环境。_docker 保存容器

随便推点

网络拓扑结构_网络拓扑csdn-程序员宅基地

文章浏览阅读834次，点赞27次，收藏13次。网络拓扑结构是指计算机网络中各组件（如计算机、服务器、打印机、路由器、交换机等设备）及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式，也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn

JS重写Date函数，兼容IOS系统_date.prototype 将所有 ios-程序员宅基地

文章浏览阅读1.8k次，点赞5次，收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时，通常的做法是：new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的，而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠，也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑，需要做一些额外的特殊处理，笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数，一劳永逸，避免每次ne_date.prototype 将所有 ios