1、LVGL模拟器工程搭建
LVGL(Light and Versatile Graphics Library,轻巧而多功能的图形库)是一个免费的开放源代码图形库,它提供创建具有易于使用的图形元素,精美的视觉效果和低内存占用的嵌入式GUI所需的一切。本文主要讲述如何实现在VScode中实现LVGL模拟器环境的搭建运行。
LVGL在Windows平台下有很多模拟运行的方式,如官方主推的CodeBlocks、Visual Studios等,如下图所为LVGL官方对PC模拟器例举出来的IDE和说明信息。
如下图所示,在体验了一下CodeBlocks时,因其IDE软件使用起来体验不友好,界面也不美观,因此转而寻求在VScode下完成LVGL的PC模拟器配置。
(1)、下载LVGL的官方模拟器项目
lvgl/lv_port_pc_eclipse at release/v8.3 (github.com)https://github.com/lvgl/lv_port_pc_eclipse/tree/release/v8.3
(2)、下载LVGL源码
lvgl/lvgl at release/v8.3 (github.com)https://github.com/lvgl/lvgl/tree/release/v8.3
(3)、下载LVGL驱动源码
lvgl/lv_drivers at release/v8.3 (github.com)https://github.com/lvgl/lv_drivers/tree/release/v8.3
(4)、工程目录建立
下载完上述的3个压缩包文件后,打开下载的目录位置,按照以下的4个步骤操作:
①、新建一个文件夹命名为 lvgl_template_v8.3
②、将下载的 lv_port_pc_eclipse-release-v8.3.zip 文件内容解压,并将所有文件复制到 lvgl_template_v8.3 文件目录下
③、将下载的 lv_drivers-release-v8.3.zip 文件内容解压,并将所有的文件复制到 lvgl_template_v8.3 文件夹下的 lv_drivers 目录下
④、将下载的 lvgl-release-v8.3.zip 文件内容解压,并将所有的文件复制到 lvgl_template_v8.3 文件夹下的 lvgl 目录下
在完成上述的4个步骤后,并删除多余不需要的文件,其文件结构如下图所示
2、LVGL编译运行环境搭建
(1)、VScode插件安装
在VScode环境中,LVGL的编译运行需要如下所示的C/C++语言支持包,CMake、CMake Tools,依次安装图中红框中的插件扩展包。
(2)、MinGW环境安装
- MinGW是建立在gcc和binutils项目上的,用来编译和连接代码,使之运行在windows系统上;
- 提供c、c++和fortran编译器和相关工具;
- MinGW=Minimalist GNU for Windows;
- MinGW使用微软的运行库,生成Windows下的代码;
在工程中,使用MinGW用于CMake编译LVGL模拟器中的程序文件。
下载MinGW64包:MinGW-w64 - for 32 and 64 bit Windows - Browse /mingw-w64/mingw-w64-release at SourceForge.nethttps://sourceforge.net/projects/mingw-w64/files/mingw-w64/mingw-w64-release/
将下载的MinGW目录解压打开后,其文件结构如下图所示。
将其这个工具文件夹目录下的二进制文件bin目录添加到环境变量中。
打开命令行,在输入gcc -v,可以查看MinGW的环境变量设置是否成功。
(3)、SDL2环境安装
SDL2,全称为Simple DirectMedia Layer,是一个跨平台的多媒体开发库。SDL2提供了一系列函数,用于访问音频、键盘、鼠标、游戏杆和图形硬件,允许开发者编写一套代码即可在不同平台上运行。它的主要应用之一是游戏开发,许多知名游戏都是基于SDL2构建的。此外,SDL2也用于游戏开发工具、模拟器、样本演示和多媒体应用等。
在本文中的LVGL就是使用了SDL2模拟一个显示触摸屏操作。
下载SDL2支持文件:Releases · libsdl-org/SDL · GitHubSimple Directmedia Layer. Contribute to libsdl-org/SDL development by creating an account on GitHub.https://github.com/libsdl-org/SDL/releases/
将下载的SDL2支持包解压,并将cmake和x86_64-w64-mingw32复制到安装MinGW的路径下
否则编译时CMake会找不到依赖文件导致报错。且将x86_64-w64-mingw32中的SDL2.dll文件复制一份,后面运行模拟器时,如果缺少此文件无法运行。
3、LVGL工程编译运行
(1)、在VScode中打开LVGL工程
如果是CMake工程,打开工程文件时,VScode的最下面一栏会自动出现CMake工程的操作按键。
(2)、CMake编译运行程序
如下图所示LVGL的程序正常正常编译运行,且模拟器中也出现了一个窗口,到了这一步说明在VScode下,LVGL模拟器配置正常。
(3)、解决编译通过,无法运行
如上图所示,说明前面的环境安装是正常的,但运行时,出现报错,不能正常运行并出现一个LVGL的模拟器窗口。如果出现这种情况,说明是SDL2这个媒体库没有链接到,需要进入到此复制到MinGW路径下,将SDL2.dll这个动态库文件拷贝到LVGL工程中的bin目录下,方可实现LVGL模拟器的正常运行。
然后,每次编译完时,手动将SDL2.dll文件复制到 bin目录下,或者修改顶层的CMakeLists.txt文件,让其编译时自动拷贝SDL2.dll文件到bin目录下。
# 拷贝SDL2.dll 文件到 bin目录下
file(COPY SDL2.dll DESTINATION ../bin)
完成后,再次运行,即可正常出现LVGL的模拟器界面。