《ESP32-Arduino开发》GUI设计 LVGL 开发环境搭建教程（模拟器篇）

前言：基于VScode+PlatformIO的lvgl开发环境教程见《ESP32-Arduino开发》GUI设计 LVGL 开发环境搭建教程（从工程目录到模拟器）

按官方的描述，PC模拟器是支持以下编译器的，从网上能找到的教程很少，最终还是觉得VS环境搭建最为容易。因此，本篇文章我们基于VS2019来搭建LVGL模拟器吧。

其他编译器搭建：
Eclipse搭建教程参考：官方教程
CodeBlocks搭建教程参考：正点原子教程

文章目录

1.下载VS2019

直接去官网上下载：传送门
在这里插入图片描述

这里我安装的是专业版的，具体三个有什么区别，自行百度。其实专业版和企业版的只需要一个激活码即可激活，在百度上一搜一个准，好像微软系的软件破解都很容易，哦！我好像说的太多了。

下载vs2019安装程序后安装这两个组件和V142生成工具即可
在这里插入图片描述

2.模拟器工程文件的下载

这里我们需要下载 lv_sim_visual_studio，可以通过以下方式下载

一行代码下载

git clone --recurse-submodules https://github.com/lvgl/lv_sim_visual_studio.git

直接下载源码压缩包和配套文件压缩包

库	链接
lv_sim_visual_studio	https://github.com/lvgl/lv_sim_visual_studio
freetype	https://github.com/freetype/freetype
lv_demo	https://github.com/lvgl/lv_demos
lv_drives	https://github.com/lvgl/lv_drivers/
lv_freetype	https://github.com/lvgl/lv_lib_freetype/
lvgl	https://github.com/lvgl/lvgl/

说明：默认情况下，\lv_sim_visual_studio\LVGL.Simulator中以下目录全是空的需要添加相应的库文件，压缩包解压均带-master，且是二级目录，直接将最里面的包含头文件那一层文件复制到对应的目录下即可

从CNSD中直接下载工程文件

为省一大波麻烦，也可直接从【这里】下载到工程文件(包含PlatformIO LVGL工程文件)

通过以上步骤，你的工程文件应该是这样的
在这里插入图片描述

3.打开PC模拟器

直接双击\lv_sim_visual_studio\LVGL.Simulator.sln或用VS2019打开该文件即可，VS2019会根据配置文件导入该项目
在这里插入图片描述
右击该项目->属性，将平台根据集改为v142，然后报存即可

工具栏平台选择x86，然后编译即可运行官方的demos

4.Next？

成功运行了，然后如何使用呢？其实模拟器主要的功能就是给你用来预览UI和功能的，因此，打开\lv_sim_visual_studio\LVGL.Simulator.cpp，在该文件下的运行你的LVGL UI代码

修改PC模拟器的宽高在此下方使用官方的UI案例或自己的编写UI（官方的案例只能取消注释一个）

如：我自己随便写写一个组件案例

   lv_obj_t *label = lv_label_create( lv_scr_act() );
   // 在画板上写上文字
   lv_label_set_text( label, "Hello World!I'm fine!" );
   // 设置画板上的对齐方式，也就是布局
   lv_obj_align( label, LV_ALIGN_CENTER, 0, 0 );

放在下面并注释官方示例函数
在这里插入图片描述
编译运行即可看到128x128屏幕上运行出来的效果如下

当在PC模拟器上执行自己的LVGL代码满意后，即可将该部分移植到任何LVGL工程中，再将此下载到单片机中（lvgl中UI或相应功能的代码均是通用的）