LVGL|lvgl v8教程(lvgl中文文档学习教程，开始更新lvgl v8.x文档教程，超详细)

置顶 已于 2022-05-17 23:27:32 修改
阅读量6w 收藏 352
点赞数 73
分类专栏： LVGL 单片机 嵌入式 文章标签： 嵌入式 gui 单片机 linux 经验分享
于 2021-07-23 17:31:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35181236/article/details/119040463
版权

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系统教程

2.2 lvgl实战参考

2.3 lvgl游戏开发参考

2.4 lvgl+RTOS实战参考

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

3.1 Code::Blocks上运行

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

3.1.1 获取资料

由于阿里云盘不支持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)
RAM1.静态 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视频教程

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

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

视频教程配套资料

相关学习资源

文章努力更新中✊，喜欢的朋友记得收藏关注哦！

LVGL v8学习笔记 | 01 - LVGL PC模拟器初体验
Mculover666的博客（嵌入式）
01-02 4576
一、LVGL LVGL官网：https://lvgl.io/。 LVGL全称Light and Versatile Graphics Library，轻量化和多功能的图形库，遵循MIT开源许可协议，具有以下特性（what LVGL can do for you）。 1. 对硬件的要求 CPU：16、32、64位 主频：推荐16 MHz Flash/ROM空间: > 64 kB (推荐180 kB) RAM空间: 8 kB (推荐24 kB) 1 Frame buffer（显存）：在内部SRAM和外
LittleVGL(LVGL) V8版本 干货入门教程一之移植到STM32并运行
TTOWFIVE
10-06 1万+
LittleVGL V8版本 (LVGL)干货入门教程一之“移植” 前言： 此文为我以前的教程“LittleVGL (LVGL)干货入门教程一之移植到stm32芯片”的LVGL V8版本入门教程，适用与LVGL的V8版本，因为V7与V8版本相差较大，所以专门出了这篇文章，以供参考。 阅读前，请确保你拥有以下条件： Keil下的项目的基本创建能力。 stm32（或其他平台） 的开发经验。（不是这么重要，因为最低要求有画点函数就行） 你已经实现了一个屏幕的驱动（至少要有画点函数，因为要对接接口）。 LVGL
LVGL V8入门学习 | Styles总结
weixin_55024277的博客
01-08 3777
样式用于设置部件的外观，以优化显示界面和实现用户交互典型的样式类型有：BackgroundBorder 轮廓Outline 边框ShadowPaddingsize在vs2019模拟器中运行结果如下。
（十一）LVGL定时器
最新发布
m0_55389449的博客
04-10 791
在嵌入式GUI开发中，定时器是实现周期性任务和延迟操作的重要工具。LVGL（Light and Versatile Graphics Library）提供了强大的定时器系统，使得开发者能够轻松地管理各种定时任务，以实现动态效果、数据轮询、界面刷新等功能。本博客将详细介绍LVGL中的定时器系统，包括定时器创建与管理、回调函数以及实际应用，帮助读者深入掌握LVGL的定时器功能。定时器是一种用于在指定时间间隔后执行特定任务的机制。在GUI开发中，定时器常用于实现周期性任务，如动画更新、数据轮询等。单次定时器。
LVGL中文手册.pdf
10-01
LVGL中文手册，除了介绍等信息，其他都翻译了，如果不想下载，可以在公众号“小锋的分享”回复LVGL即可获得
LVGL|lvgl中文教程手册(lvgl中文文档学习教程)
热门推荐
挨踢民工的博客
03-19 12万+
lvgl官方的教程是英文的，这个是我在做项目时顺便做出来的中文教程站点(持续更新维护)，不仅仅只是照搬lvgl官方文档的翻译，同时总结了我们在实际开发中遇到的各种细节，让这个文档更加适合我们在实际开发中的需求。V7.11中文已经更新完成，v8.1中文更新进行中。 LVGL是什么？LVGL(轻巧而多功能的图形库)是一个免费的开放源代码图形库，它提供创建具有易于使用的图形元素，精美的视觉效果和低内存占用的嵌入式GUI所需的一切。
lvgl中文文档.rar
08-27
Littlevgl是近两年刚刚兴起的嵌入式GUI系统，网上资源比较少，此文档是官网提供的中文文档，途径比较难找，下载文件后，打开index.html即可以使用
LVGL8.1.pdf
09-18
LVGL V8对比V7变化了很多,这里是新版的学习手册
LVGL-GuiGuider-V8-SimEnv
04-07
5. **文档**：详细的使用指南和API参考，解释了如何使用LVGL-GuiGuider-V8-SimEnv，包括如何创建新项目、添加GUI元素、设置属性、编写事件处理函数等。 6. **库文件**：可能包含LVGL库本身，以及可能需要的其他依赖...
lvgl_v8_sim_codeblocks_win-master.zip
08-25
为了开始你的LVGL开发之旅，建议先熟悉LVGL的官方文档，了解其API和使用方法。然后，你可以尝试运行项目中的示例程序，观察它们如何工作，并逐步修改和扩展代码以创建自己的GUI应用。在Code::Blocks中，你可以利用其...
海思平台LVGL V8.x与NXP GUI-Guider代码移植教程
资源摘要信息:"海思移植 LVGL v8.x 及NXP GUI-Guider代码移植" 知识点一：海思平台移植简介 海思是华为公司旗下的半导体公司，专注于设计和开发各种集成电路。海思平台通常指的是基于海思半导体处理器的硬件平台，...
LVGL v8移植正点原子F1源代码
07-29
LVGL v8移植正点原子F1源代码
LVGL Documentation v7.3.0.pdf
08-10
1 Introduction 2 1.1 Key features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1.2 Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.3 License . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.4 Repository layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.5 Release policy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1.6 FAQ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 2 Get started 8 2.1 Quick overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 2.2 Simulator on PC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 2.3 STM32 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 2.4 NXP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.5 Espressif (ESP32) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.6 Arduino . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.7 Micropython . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.8 NuttX RTOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 3 Porting 25 3.1 System overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 3.2 Set-up a project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26 3.3 Display interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 3.4 Input device interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 3.5 Tick interface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 3.6 Task Handler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 3.7 Sleep management . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 3.8 Operating system and interrupts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 3.9 Logging . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 4 Overview 48 4.1 Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 4.2 Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 4.3 Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 4.4 Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58 4.5 Input devices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 4.6 Displays. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91 4.7 Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 4.8 Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 4.9 File system . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 4.10 Animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 i 4.11 Tasks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137 4.12 Drawing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 5 Widgets 149 5.1 Base object (lv_obj). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 5.2 Arc (lv_arc) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 5.3 Bar (lv_bar) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 5.4 Button (lv_btn) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193 5.5 Button matrix (lv_btnmatrix) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202 5.6 Calendar (lv_calendar) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210 5.7 Canvas (lv_canvas) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217 5.8 Checkbox (lv_cb) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226 5.9 Chart (lv_chart) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231 5.10 Container (lv_cont) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
LVGL | LVGL简介之中文文档
I_feige的博客
06-12 4339
介绍 LVGL（Light and Versatile Graphics Library）是一个免费的开源图形库，提供您创建具有易于使用的图形元素、漂亮的视觉效果和低内存占用的嵌入式 GUI 所需的一切。
LVGL | LVGL快速概述之中文文档
I_feige的博客
06-15 2824
在这里您可以了解有关 LVGL 的最重要的事情。您应该先阅读它以获得大致印象，然后再阅读详细的移植和概述部分。
LVGL中文手册
cai2266的博客
09-30 1万+
LVGL(轻度综合图形界面库)作为一个免费开源图形库能够提供几乎所有的嵌入式GUI。该开源库有使用方便,画面美观,内存占用率低等优点 lvgl 这篇文章的英文原版我是在 https://lvgl.io/上下载得到的。其实在一开始我本来不想翻译 的，但是用到了 lvgl 时，就顺便翻译了，现在 lvgl 是 7.4.0 版本了吧，如果下方翻译的不好，请不要骂我。 在公众号回复LVGL。 ...
LVGL|lvgl中文手册(lvgl中文文档教程)
韦东山嵌入式专栏
07-20 1万+
lvgl官方的教程是英文的，这个是我在做项目时顺便做出来的中文教程站点(持续更新维护)，不仅仅只是照搬lvgl官方文档的翻译，同时总结了我们在实际开发中遇到的各种细节，让这个文档更加适合我们在实际开发中的需求。 LVGL是什么？LVGL(轻巧而多功能的图形库)是一个免费的开放源代码图形库，它提供创建具有易于使用的图形元素，精美的视觉效果和低内存占用的嵌入式GUI所需的一切。
LVGL（官方）文档上线中文翻译版本！翻译由百问网提供、管理，欢迎大家阅读！
挨踢民工的博客
03-14 1152
LVGL（官方）文档上线中文翻译版本！翻译由百问网提供、管理，欢迎大家阅读！
评论 28
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

挨踢民工biubiu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值