当前位置:首页 > > 嵌入式大杂烩
[导读]上一篇分享了:lvgl最新版本在STM32上的移植使用。这篇分享一下lvgl 的PC模拟器的使用。

前言

上一篇分享了:lvgl最新版本在STM32上的移植使用。这篇分享一下lvgl 的PC模拟器的使用。

PC 模拟器的好处一方面是我们没有实际硬件的时候也可以学习lvgl,另一方面就是我们在实际设计GUI界面的时候可以大大减少烧录代码地次数。我们可以先在PC模拟器上设计好,然后再把代码移到嵌入式工程里,编译、烧录到板子里。

lvgl 模拟器介绍

lvgl的模拟器配合不同的 IDE软件可以运行在不同的操作系统上,比如 Windows, Linux or OSX,下面是 littleVGL 所支持的 IDE 软件种类 :

基于vs的lvgl模拟器的使用

下载lv_sim_visual_studio,链接:

https://github.com/lvgl/lv_sim_visual_studio

有两种下载方式:

方法一:通过git命令下载。

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

这可以克隆lv_sim_visual_studio_sdl 及其所需的几个子模块submodules。什么是git submodules?有这么个例子:

每个公司的系统都会有一套统一的系统风格,或者针对某一个大客户的多个系统风格保持统一,而且如果风格改动后要同步到多个系统中;这样的需求几乎每个开发人员都遇到,下面看看各个层次的程序员怎么处理:

假如对于系统的风格需要几个目录:css、images、js。

  • 普通程序员,把最新版本的代码逐个复制到每个项目中,如果有N个项目,那就是要复制 N x 3次;如果漏掉了某个文件夹没有复制…@(&#@#。
  • 文艺程序员,使用Git Submodule功能,执行: git submodule update,然后冲一杯咖啡悠哉的享受着。

lv_sim_visual_studio_sdl 仓库需要依赖于:lvgl、lv_drivers、lv_examples。


lvgl、lv_drivers、lv_examples是lvgl官方维护的三个GitHub仓库。因为lv_sim_visual_studio_sdl 仓库要用到lvgl、lv_drivers、lv_examples三个仓库的内容,照理说lvgl官方应该把这三个仓库里面的内容也一起上传到lv_sim_visual_studio_sdl 仓库中。

但是这样做的话,之后lvgl、lv_drivers、lv_examples仓库内容有更新的话,就需要手动同步lv_sim_visual_studio_sdl 里的相关内容,显然很不方便。所以这里使用了Git Submodule功能,这在克隆lv_sim_visual_studio_sdl 仓库时自动下载其相关的3个子模块(lvgl、lv_drivers、lv_examples)。

方法二:下载源码压缩包。

如果方法一下载不成功,则可以使用方法二。

下载lv_sim_visual_studio_sdl 压缩包:


此时lv_sim_visual_studio_sdl \visual_studio_2017_sdl目录下的lvgl、lv_drivers、lv_examples三个文件夹的内容都是空的,所以需要分别从lvgl的GitHub仓库上下载lvgl、lv_drivers、lv_examples,并分别拷贝到lv_sim_visual_studio_sdl 目录的对应文件夹下。

按以上两种方式下载得到的lv_sim_visual_studio_sdl 内容如:


双击打开lv_sim_visual_studio_sdl.sln(前提是已经安装好vs2019,不知道其它版本是否可以):


主函数的内容如:

int main(int argc, char** argv) { /*Initialize LittlevGL*/ lv_init(); /*Initialize the HAL for LittlevGL*/ hal_init(); /*
     * Demos, benchmarks, and tests.
     *
     * Uncomment any one (and only one) of the functions below to run that
     * item.
     */ lv_demo_widgets(); /*
     * There are many examples of individual widgets found under the
     * lv_examples/src/lv_ex_widgets directory.  Here are a few sample test
     * functions.  Look in that directory to find all the rest.
     */ //lv_ex_arc_1(); //lv_ex_cpicker_1(); //lv_ex_gauge_1(); //lv_ex_img_1(); //lv_ex_tileview_1(); while (1) { /* Periodically call the lv_task handler.
        * It could be done in a timer interrupt or an OS task too.*/ lv_task_handler();
        Sleep(10); /*Just to let the system breathe */ }

内容大致与我们上一篇的:lvgl最新版本在STM32上的移植使用的主函数内容一样。

这些demo都是lv_examples下的demo,下面编译运行lv_demo_widgets这个demo:


下面我们在模拟器上编写一个测试demo,编写好之后移到我们上篇笔记移植好的STM32工程中进行测试。所以我们模拟器设置的lvgl参数(lv_conf.h文件)尽量与我们stm32工程的lvgl配置参数(lv_conf.h文件)一样。至少分辨率得设成一样:


编写一个简单的登录页面demo:

void login_page(void) { /* 创建用户名标签 */ lv_obj_t* user_name_label = lv_label_create(lv_scr_act(), NULL);
    lv_label_set_text(user_name_label, "UserName:");
    lv_obj_align(user_name_label, 0, LV_ALIGN_IN_TOP_LEFT, 5, 100); /* 创建用户名文本框 */ lv_obj_t* user_name_ta = lv_textarea_create(lv_scr_act(), NULL);
    lv_textarea_set_text(user_name_ta, "ZhengN");
    lv_textarea_set_pwd_mode(user_name_ta, false);
    lv_textarea_set_one_line(user_name_ta, true);
    lv_textarea_set_cursor_hidden(user_name_ta, false);
    lv_obj_set_width(user_name_ta, LV_HOR_RES / 2);
    lv_obj_align(user_name_ta, user_name_label, LV_ALIGN_OUT_RIGHT_MID, 5, 0); /* 创建密码标签 */ lv_obj_t* password_label = lv_label_create(lv_scr_act(), NULL);
    lv_label_set_text(password_label, "  Password:");
    lv_obj_align(password_label, user_name_label, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 20); /* 创建密码文本框 */ lv_obj_t* password_ta = lv_textarea_create(lv_scr_act(), NULL);
    lv_textarea_set_text(password_ta, "12345678");
    lv_textarea_set_pwd_mode(password_ta, true);
    lv_textarea_set_one_line(password_ta, true);
    lv_textarea_set_cursor_hidden(password_ta, true);
    lv_obj_set_width(password_ta, LV_HOR_RES / 2);
    lv_obj_align(password_ta, password_label, LV_ALIGN_OUT_RIGHT_MID, 5, 0);
}


在模拟器运行:


下面我们移到上一篇文章的STM32工程里。首先,新建一对头、源文件存我们的测试demo:


编译、烧录、运行:

以上就是基于vs2019的lvgl模拟器的使用分享,可以很方便地在模拟器上先做实验,然后再移入嵌入式平台。


免责声明:本文内容由21ic获得授权后发布,版权归原作者所有,本平台仅提供信息存储服务。文章仅代表作者个人观点,不代表本平台立场,如有问题,请联系我们,谢谢!

本站声明: 本文章由作者或相关机构授权发布,目的在于传递更多信息,并不代表本站赞同其观点,本站亦不保证或承诺内容真实性等。需要转载请联系该专栏作者,如若文章内容侵犯您的权益,请及时联系本站删除。
换一批
延伸阅读

特朗普集团近日取消了其新推出的T1智能手机“将在美国制造”的宣传标语,此举源于外界对这款手机能否以当前定价在美国本土生产的质疑。

关键字: 特朗普 苹果 AI

美国总统特朗普在公开场合表示,他已要求苹果公司CEO蒂姆·库克停止在印度建厂,矛头直指该公司生产多元化的计划。

关键字: 特朗普 苹果 AI

4月10日消息,据媒体报道,美国总统特朗普宣布,美国对部分贸易伙伴暂停90天执行新关税政策,同时对中国的关税提高到125%,该消息公布后苹果股价飙升了15%。这次反弹使苹果市值增加了4000多亿美元,目前苹果市值接近3万...

关键字: 特朗普 AI 人工智能 特斯拉

3月25日消息,据报道,当地时间3月20日,美国总统特朗普在社交媒体平台“真实社交”上发文写道:“那些被抓到破坏特斯拉的人,将有很大可能被判入狱长达20年,这包括资助(破坏特斯拉汽车)者,我们正在寻找你。”

关键字: 特朗普 AI 人工智能 特斯拉

1月22日消息,刚刚,新任美国总统特朗普放出重磅消息,将全力支持美国AI发展。

关键字: 特朗普 AI 人工智能

特朗普先生有两件事一定会载入史册,一个是筑墙,一个是挖坑。在美墨边境筑墙的口号确保边境安全,降低因非法移民引起的犯罪率过高问题;在中美科技产业之间挖坑的口号也是安全,美国企业不得使用对美国国家安全构成威胁的电信设备,总统...

关键字: 特朗普 孤立主义 科技产业

据路透社1月17日消息显示,知情人士透露,特朗普已通知英特尔、铠侠在内的几家华为供应商,将要撤销其对华为的出货的部分许可证,同时将拒绝其他数十个向华为供货的申请。据透露,共有4家公司的8份许可被撤销。另外,相关公司收到撤...

关键字: 华为 芯片 特朗普

曾在2018年时被美国总统特朗普称作“世界第八奇迹”的富士康集团在美国威斯康星州投资建设的LCD显示屏工厂项目,如今却因为富士康将项目大幅缩水并拒绝签订新的合同而陷入了僵局。这也导致富士康无法从当地政府那里获得约40亿美...

关键字: 特朗普 富士康

今年5月,因自己发布的推文被贴上“无确凿依据”标签而与推特发生激烈争执后,美国总统特朗普签署了一项行政令,下令要求重审《通信规范法》第230条。

关键字: 谷歌 facebook 特朗普

众所周知,寄往白宫的所有邮件在到达白宫之前都会在他地进行分类和筛选。9月19日,根据美国相关执法官员的通报,本周早些时候,执法人员截获了一个寄给特朗普总统的包裹,该包裹内包含蓖麻毒蛋白。

关键字: 美国 白宫 特朗普
关闭