LittlevGL + Framebuffer的适配例子分享!

2024-12-28


前言



LittlevGL是一个免费的开源图形库,提供了创建嵌入式GUI所需的一切,具有易于使用的图形元素、漂亮的视觉效果和低内存占用。

关于LVGL的文章之前有写过几篇:


LVGL | lvgl最新版本在STM32上的移植使用


LVGL | 基于vs2019的lvgl模拟器使用


LVGL | GUI-Guider的使用分享

本篇笔记分享基于framebuffer的lvgl的移植使用。


准备工作



一种方式是像

LVGL | lvgl最新版本在STM32上的移植使用

这篇文章的方式一样,从头一步一步来搭建基于framebuffer的工程,自己编写Makefile文件。需要下载:

  • lvgl
  • lv_drivers
  • lv_examples

这些可以在lvgl官方GitHub找到。

然后建立一个工程,把需要用到的文件复制到工程里,编写Makefile文件即可。具体教程可参考这一篇文章:

https://www.icode9.com/content-4-2420.html

除此之外,lvgl官方仓库也有提供基于Linux frame buffer的移植工程:

lv_port_linux_frame_buffer,我们直接下载下来修改一些代码适配我们的板子就可以。



lvgl快速实践





文章篇幅有限,我们就不一步一步演示移植步骤了。我们直接下载

lv_port_linux_frame_buffer拿过来进行修改即可,就可以快速跑起来。



我们可以使用

git clone --recurse-submodules命令下载,也可以直接下载。关于

git clone --recurse-submodules命令的介绍可查阅:

LVGL | 基于vs2019的lvgl模拟器

使用这篇文章。我们选择直接下载,下载得到的

lv_port_linux_frame_buffer内容为:







LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第1张














此时,lvgl、lv_examples、lv_drivers这三个文件夹内的内容是空的,我们需要下载相关资源放进去。比如:





LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第2张












接下来可以修改工程了,需要修改的地方也很简单,但前提是我们的设备已经有显示驱动与触摸屏驱动。





1、修改编译器






首先需要修改Makefile,因为我们需要在板子上跑,所以需要使用交叉编译器:





LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第3张





2、修改分辨率






修改

lv_conf.h文件里的LV_HOR_RES_MAX、LV_VER_RES_MAX宏为实际屏幕大小,如:






LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第4张





3、使能fb设备






修改

lv_drv_conf.h文件里的USE_FBDEV宏来使能

Linux frame buffer device (/dev/fbx),如:







LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第5张





关于frame buffer的介绍可看如下推文:






Linux系统开发之Framebuffer应用编程






4、使能输入设备






修改

lv_drv_conf.h文件里的USE_EVDEV宏来使能输入事件设备,如:






LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第6张











其中,你的板子的输入事件可能不是event1,根据实际进行修改。可以使用cat命令来测试一下你板子的触摸屏输入对应的是哪一个event,如:





LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第7张











此时,触摸一下屏幕,则终端会有信息(乱码信息)输出,则说明当前板子的触摸输入对应的就是这个event。





5、添加输入初始化








main.c初始化并注册一个输入设备,如:






LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第8张











LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第9张





6、添加lvgl心跳








main.c添加lv_tick_inc函数的调用,如:






LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第10张











然后就可以跑跑一些实例demo了,有些demo需要使能lv_conf.h文件里的一些配置,否则编译会报错,根据编译报错信息修改相关配置项即可。





编译成功之后,会在lv_port_linux_frame_buffer工程主目录生成一个名为

demo的可执行文件。






传到板子里运行:





LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第11张











LittlevGL + Framebuffer的适配例子分享! (https://ic.work/) 产业洞察 第12张


文章推荐

相关推荐