LVGL界面开发之模拟器环境搭建

前言

        通常我们在使用 LVGL 进行界面开发时,会先在PC上搭建模拟器环境,而不是直接烧录到硬件板子上,使用模拟器是百利而无一害的,而且它是跨平台的,任何Windows,Linux或macOS系统都可以运行PC模拟器。每当界面有改动时,都可以在PC模拟器上快速便捷地验证并查看修改。

官方模拟器说明链接

1.IDE集成开发环境选择(推荐CodeBlocks

LVGL界面开发之模拟器环境搭建_第1张图片 图1

 上图1为lvgl官方对于IDE的选择的推荐。

如果你使用的系统为Linux或者Mac则推荐使用Eclipse、VSCode等,另外需要再额外下载SDL驱动;这里科普一下什么是SDL,SDL的核心任务是完成图像的加载,渲染显示,它不直接关注硬件屏幕,而是关注每个平台下的屏幕驱动程序,比如window下的DirectX,将某个平台的屏幕驱动封装成一套对外统一的API接口,让开发者可以快速开发图像的绘制操作。

如果你使用的是Windows系统则可以使用VisualStudio、VSCode、CodeBlocks等,虽然说这些IDE都是可以使用的,但是在Windows下没有比使用CodeBlocks更简单的了,它即装即用,不需要你再去搭建其它的环境了。

1.1  CodeBlocks下载安装

CodeBlocks官网下载链接

如下图所示,下载最新的版本即可,我们需要选择的是带有“mingw”字样的那一个。

LVGL界面开发之模拟器环境搭建_第2张图片

 1.2 CodeBlocks编译链配置

安装好后,我们需要去配置下编译链,如下图所示。

LVGL界面开发之模拟器环境搭建_第3张图片

2.Github上提取相应IDE的模拟器代码

LVGL在GitHub上的仓库链接

到lvgl的官方GitHub仓库上,比如我使用的IDE是codeblocks,则搜索关键字“codeblocks”,找到对应的代码下载即可。

LVGL界面开发之模拟器环境搭建_第4张图片

 有好几个下载方式可以选择,从GitHub上获取代码可能速度会比较慢,等一会就好了,下载好后可能lv_drivers和lvgl两个文件夹是空白的,此时GitHub上选择这两个文件夹分别下载即可。

LVGL界面开发之模拟器环境搭建_第5张图片

3.编译Demo程序测试

使用code blocks打开获取的lvgl测试例程;

LVGL界面开发之模拟器环境搭建_第6张图片

 编译后,显示Demo例程界面成功,之后我们就可以使用这个工程文件在模拟器上开发自己的东西了,如果是新手,可以先去参考demo例程代码,熟悉开发流程,API接口。

LVGL界面开发之模拟器环境搭建_第7张图片

总结

        工欲善其事必先利其器,现在我们已经打通了最基本的一步,后面lvgl系列的文章将会去记录如何使用它的API接口去进行界面开发的,以任务为导向,自定义界面功能开发,届时会模拟手机界面或者智能手表界面进行功能开发,尽请期待。

你可能感兴趣的:(GUI,GUI,LVGL,嵌入式)