《LVGL开发快速上手指南:环境配置以及官网学习技巧》

lvgl介绍

LVGL(Light and Versatile Graphics Library)是一款轻量级、开源且功能强大的嵌入式图形库,专为资源受限的嵌入式设备设计,能帮助你打造美观的用户界面(GUI)。

开源网址:LVGL · GitHub

官网:LVGL — Light and Versatile Embedded Graphics Library

它适用于嵌入式系统,可以在不同的操作系统、微控制器和图形加速器上运行。LVGL的核心代码是用C语言编写的,支持多种显示设备和输入设备,包括液晶显示屏、OLED显示屏、触摸屏、按键和编码器等。
LVGL提供了一系列组件和小部件,例如文本框、按钮、滑动条、表格、菜单等,可以快速构建交互式用户界面。LVGL还具有高度自定义的能力,用户可以根据需要修改或扩展库的功能。总之,LVGL是一个功能强大、易于使用的图形用户界面库,可以帮助开发人员在嵌入式系统中实现各种交互式应用程序。

完全开源,LVGL不属于任何个体,一旦下载,由你掌控。

遵循MIT开源协议,你可以使用、修改、发布,用于商业用途也不需要付任何费用。

Windows环境下搭建lvgl

从官网安装lvgl

从GitHub官方网址下载 LVGL · GitHub

点击master寻找你需要的发行版本(笔者以8.3为例)

注意是下载三个压缩包文件分别为 release/v8.3下下载压缩包;点击进入上图框中的driver里面下载压缩包文件; 点击进入上图框中的lvgl里面下载压缩包文件; 

将三个下载好的文件解压后(名称可适当修改,这里笔者将lv_port_pc_eclipse-release-v8.3命名为 lv_port_pc_v8.3 )然后将 lv_drivers 和 lvgl 中的内容,移入 lv_port_pc_v8.3 中,覆盖模拟器中原有的两个空文件夹:

下载MinGW(Minimalist GNU for Windows)

mingw介绍

MinGW(Minimalist GNU for Windows)是一个可以在Windows平台上提供轻量级、最小化的GNU工具集,使开发者能够在Windows环境下使用类Unix的工具和编程环境。MinGW的主要组成部分包括:GCC(GNU Compiler Collection): 一个强大的编译器套件,包括C、C++、Fortran等语言的编译器。Binutils: 一组用于处理二进制文件的工具,包括汇编器、链接器等。MSYS(Minimal SYStem): 一个提供类Unix shell环境的工具,使得在Windows环境下使用GNU工具更为方便。

MinGW的主要目标是让开发者能够在Windows上使用开源和跨平台的软件开发工具,而无需依赖于Microsoft Visual Studio等闭源工具。使用MinGW,开发者可以编写和编译与Windows API无关的本地应用程序,这对于跨平台开发和移植代码至Windows平台是非常有用的。

mingw下载

从官网下载 https://www.mingw-w64.org/source/

下载安装后放入系统环境变量中

在cmd命令行中测试是否安装成功:

配置MinGW中的SDL

Windows的LVGL模拟器基于 SDL2 运行,SDL2 位于 :

mingw64\x86_64-w64-mingw32\bin\SDL2.dll  

将此目录下的 SDL2.dll 拷贝到 lv_port_pc_v8.3\bin 目录下,如果没有这个bin目录,可以手工创建一个。

lvg运行

cmake

整个 LVGL 工程都是由 cmake 来管理的,因此需要先安装 cmake 。

ps:对管理工具感兴趣可以看笔者之前的贴有介绍cmake 和 makefile

配置 cmaketools :

配置可见性,打开 visible 选项

配置构建平台,windows平台写 MinGW

 编译与运行验证

一、 点击工具包,选择上述配置好的 MinGW 中的 GCC 编译器:

二、 点击 ”生成“ 按钮,开始编译:

三、 点击三角号,运行得到官方示例(成功)

学习与开发技巧

lvgl中文手册

http://lvgl.100ask.net/8.2/index.html  (相关开发文档界面)

注意选择对应配置的版本环境

自学习LVGL 建议
1、使用网页在线例程 来体验LVGL
2、阅读文档 Introduction(介绍) 章节来初步了解LVGL
3、再来阅读一下文档 Quick overview(快速概览) 章节来了解LVGL的基本知识
4、学习如何使用 Simulator on PC(PC端模拟器) 来在电脑上仿真LVGL
5、试着动手实践一些 Examples(示例)
6、查看特定于平台的教程。
7、参考移植指南尝试将LVGL Porting(移植) 到一块开发板上,LVGL也已经提供了一些移植好的 工程
8、仔细阅读文档Overview(概述) 章节来更加深入的了解和熟悉LVGL
9、浏览文档 Widgets(控件) 章节来了解如何使用它们
10、如果你有问题可以到LVGL 论坛 提问
11、阅读文档Contributing(贡献) 章节来看看你能帮LVGL社区做些什么,以促进LVGL软件质量的不断提高

使用低代码平台

SquareLine Studio 软件

官网 SquareLine Studio - Design and build UIs with ease

SquareLine Studio 作为 LVGL 官方推荐的低代码开发平台,其核心优势在于通过直观的可视化拖放界面,极大地简化了嵌入式 GUI 的开发流程。它允许开发者无需编写大量底层代码即可快速构建和实时预览 UI 原型,并直接生成高质量、平台无关的 LVGL C 或 MicroPython 代码。这不仅显著提升了开发效率、降低了学习门槛,还因其与 LVGL 图形库的深度集成,确保了从设计到嵌入式部署的无缝衔接,最终加速项目从概念到产品的开发周期。

ps:坏处要付费,但是注册可以体验一个月免费试用

笔者利用其试用期开发小项目工程

官方提供的转格式平台

官方的字库平台

https://lvgl.io/tools/fontconverter

官方的图片格式转换平台

https://lvgl.io/tools/imageconverter

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值