LVGL在VScode中安装模拟器运行配置笔记教程

这篇具有很好参考价值的文章主要介绍了LVGL在VScode中安装模拟器运行配置笔记教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、LVGL模拟器工程搭建

        LVGL(Light and Versatile Graphics Library,轻巧而多功能的图形库)是一个免费的开放源代码图形库,它提供创建具有易于使用的图形元素,精美的视觉效果和低内存占用的嵌入式GUI所需的一切。本文主要讲述如何实现在VScode中实现LVGL模拟器环境的搭建运行。

        LVGL在Windows平台下有很多模拟运行的方式,如官方主推的CodeBlocks、Visual Studios等,如下图所为LVGL官方对PC模拟器例举出来的IDE和说明信息。

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        如下图所示,在体验了一下CodeBlocks时,因其IDE软件使用起来体验不友好,界面也不美观,因此转而寻求在VScode下完成LVGL的PC模拟器配置。

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

(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

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

(2)、下载LVGL源码

lvgl/lvgl at release/v8.3 (github.com)https://github.com/lvgl/lvgl/tree/release/v8.3

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

(3)、下载LVGL驱动源码

lvgl/lv_drivers at release/v8.3 (github.com)https://github.com/lvgl/lv_drivers/tree/release/v8.3

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

(4)、工程目录建立

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        下载完上述的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个步骤后,并删除多余不需要的文件,其文件结构如下图所示

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

2、LVGL编译运行环境搭建

(1)、VScode插件安装

        在VScode环境中,LVGL的编译运行需要如下所示的C/C++语言支持包,CMake、CMake Tools,依次安装图中红框中的插件扩展包。

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

(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/

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        将下载的MinGW目录解压打开后,其文件结构如下图所示。

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        将其这个工具文件夹目录下的二进制文件bin目录添加到环境变量中。

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        打开命令行,在输入gcc -v,可以查看MinGW的环境变量设置是否成功

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

(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/

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频        将下载的SDL2支持包解压,并将cmake和x86_64-w64-mingw32复制到安装MinGW的路径下

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        否则编译时CMake会找不到依赖文件导致报错。且将x86_64-w64-mingw32中的SDL2.dll文件复制一份,后面运行模拟器时,如果缺少此文件无法运行。

3、LVGL工程编译运行

(1)、在VScode中打开LVGL工程

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        如果是CMake工程,打开工程文件时,VScode的最下面一栏会自动出现CMake工程的操作按键。

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

(2)、CMake编译运行程序

        如下图所示LVGL的程序正常正常编译运行,且模拟器中也出现了一个窗口,到了这一步说明在VScode下,LVGL模拟器配置正常。

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

(3)、解决编译通过,无法运行

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        如上图所示,说明前面的环境安装是正常的,但运行时,出现报错,不能正常运行并出现一个LVGL的模拟器窗口。如果出现这种情况,说明是SDL2这个媒体库没有链接到,需要进入到此复制到MinGW路径下,将SDL2.dll这个动态库文件拷贝到LVGL工程中的bin目录下,方可实现LVGL模拟器的正常运行。

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        然后,每次编译完时,手动将SDL2.dll文件复制到 bin目录下,或者修改顶层的CMakeLists.txt文件,让其编译时自动拷贝SDL2.dll文件到bin目录下。

# 拷贝SDL2.dll 文件到 bin目录下

file(COPY SDL2.dll DESTINATION ../bin)

lvgl vscode模拟器,嵌入式GUI图形界面,开发工具经验教程,笔记,vscode,ubuntu,编辑器,ide,音视频

        完成后,再次运行,即可正常出现LVGL的模拟器界面。文章来源地址https://www.toymoban.com/news/detail-843036.html

到了这里,关于LVGL在VScode中安装模拟器运行配置笔记教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 最新Ubuntu LVGL SDL模拟器安装

    本文主要说明Ubuntu 23.4安装LVGL 9.0以及基于SDL的模拟环境。 访问lv_port_pc_eclipse可以看到相信信息,官方已经打包好了整个代码环境。 安装CMAKE。 安装SDL。 安装LVGL,因为我们下载的是lv_port_pc_eclipse仓库,所以加上recursive参数会把lvgl也一起下载下来。 下载完成后是这样的目录结

    2024年02月12日
    浏览(40)
  • vscode配置flutter开发环境,不需要安装第三方安卓模拟器

    点击下方的安装包,获取 stable 发行通道的 Flutter SDK 最新版本:Flutter SDK 将压缩包解压,然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中**(注意不要出现中文目录)** 配置Windows系统的环境变量,在 用户变量 一栏中,在Path中添加 flutterbin 目录的完整路径。例

    2024年02月10日
    浏览(52)
  • 1. LVGL 8.3 在 Visual Studio 2019 模拟器中的环境搭建

    1、Visual Studio 2019下载,下载地址:Visual Studio 2019 version 16.11 Release Notes | Microsoft Docs 下载Community 2019 版本的就好了,然后点击运行 vs_community_....exe 文件。  2、在安装的过程中需要注意在选择工具包的时候勾选【使用C++的桌面开发】,然后在安装详细信息中注意勾选【适用于最

    2024年02月05日
    浏览(29)
  • uniapp项目从Hbuilder Vscode运行到小程序模拟器 微信开发者工具后没有反应,进不去!其实保姆级答案只需要三步

    先看问题如下图:uniapp项目从Hbuilder 或者Vscode点击运行到小程序模拟器 微信开发者工具后没有反应,进不去 只能在最外面如下图: 如何解决: 如果不知道如何查看自己的微信小程序AppID请看我的另一篇文章,下方是文章链接 如何查看自己的appid以及在微信开发者工具中查看

    2024年02月11日
    浏览(73)
  • 【鸿蒙 HarmonyOS】鸿蒙手机模拟器 ( 鸿蒙远程模拟器 | 鸿蒙远程模拟器运行手机应用 )

    选择 菜单栏 / Tools / HVD Manager , 首次点击 , 会提示下载模拟器相关资源 , 下载完成后可以通过浏览器连接远程模拟器 ; 点击 HVD Manager 后 , 弹出如下对话框 和 浏览器 ; 在弹出的浏览器界面中 , 登录华为开发者账号 ; 再验证下手机号 ; 信任浏览器 ; 关联开发环境 ; 此时会显示如

    2024年03月20日
    浏览(49)
  • vscode使用Android studio模拟器

    声明:flutter刚开始学,以下是我花了老半天才解决的,遇到相同问题的可以试一试。 首先确保你安装了Andiroid studio。然后在编辑器里面下载一个安卓模拟器。 模拟器好像会下载到C盘, 想下载到别的盘请自行百度。  我当时遇到的困境就是不管怎么启动这个模拟器,下面一

    2024年01月21日
    浏览(44)
  • HbuilderX 运行到小程序模拟器

    1.需要安装最新版微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 2.HbuilderX 头部菜单:运行 运行到小程序模拟器 微信开发者工具。第一次用需要配置微信小程序的exe文件(就是第1步安装完成之后的微信开发者工具,就是下图这个路径, 选到文件夹就可

    2024年02月16日
    浏览(37)
  • 雷电模拟器运行非常卡顿有效解决方法分享

    雷电模拟器运行非常卡顿有效解决方法分享。有用户在电脑上开启雷电模拟器来使用的时候,遇到了软件使用非常卡顿的情况。那么这样的软件卡顿问题要怎么去进行处理呢?接下来我们一起来看看以下的解决方法教学吧。 雷电模拟器卡顿的解决方法 一、关闭360核晶防护 打

    2024年02月05日
    浏览(42)
  • Uniapp 运行到 iOS 真机或模拟器

    手机连接到电脑,找到 HBuilderX 菜单栏中的 运行 : 打开后,两种运行方式都需要证书进行云打包安装,证书细节注意下: 复制一下上面的 iPhone UDID ,如果没有显示 UDID ,可以通过 蒲公英、 爱思助手 、 Xcode 都可以看到。 复制的这个设备 UDID 需要到 Apple 开发者中心,设备管

    2024年02月20日
    浏览(40)
  • Android Studio模拟器如何运行apk文件

    Android手机软件都是以apk为后缀的,而apk文件在电脑中是无法直接运行的,需要在模拟器中安装和打开。 如果使用Android Studio中的模拟器,首先需要打开自己的AVD模拟器。 将apk文件复制到android studio安装目录里的androidsdkplatform-tools文件夹下(如下图所示文件夹) win+R运行cmd终

    2023年04月08日
    浏览(75)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包