上位机gui运行(LVGL | GUI-Guider上位机的使用分享)

什么是GUI-Guider?

GUI Guider是恩智浦为LVGL开发了一个上位机GUI设计工具,可以通过拖放控件的方式设计LVGL GUI页面,加速GUI的设计。设计完成的GUI页面可以在PC上仿真运行,确认设计完毕之后可以生成C代码,再整合到MCU项目中。

GUI Guider(Version: 1.0.0-GA)的主要特征:

支持Windows 10和Ubuntu 20.04。支持中文、英文。兼容LVGL V7.4.0版本。支持拖放的所见即所得(WYSIWYG)用户界面设计。多种字体支持及第三方字体导入。可定制的中文字符范围。小部件对齐方式:左、中、右。自动产生LVGL C语言源代码。支持默移动大流量卡认样式和自定义样式。演示应用程序集成。实时日志显示。集成上位机仿真器。

GUI-Guider下载

1、NXP官网下载

链接:https://www.nxp.com.cn/

进入NXP官网的软件中心搜索:GUI Guider,即可找到:

可根据自己需要下载Windows10版本或者Ubuntu版本。

2、私信回复

如果嫌官网下载麻烦也可以在本公众号后台回复关键词:GUI-Guider下载,即可获取。

GUI-Guider的使用

首先需要创建工程:

① 设置工程名字;

② 设置工程路径;

③ 选择平台模板;

④ 选择应用模板(可选);

⑤ 选择设备支持的颜色深度;

⑥ 选择设备支持的屏幕分辨率;

⑦ 创建工程。

创建完工程之后进入移动大流量卡GUI设计页面:

左侧是组件区,中间是设计区,右边是控件地属性设置区。按照自己地需要设计GUI页面,如:

运行模拟器预览一下效果:

没问题之后就可以生成代码(记得先保存工程),在Guider中也可以在代码窗口查看生成的代码:

生成的代码在Guider工程目录的generated文件夹下:

下面开始把我们设计好的GUI整合到我们的嵌入式项目中。

下面以STM32为例。

我们使用之前LittlevGL在STM32上的移植使用 的文章中的工程。把generated文件夹工程整个复制到我们的keil工程目录中:

接着在keil工程添加相关源文件、添加头文件路径:

然后编写测试代码进行测试:

下载到板子里:

以上就是使用GUI移动大流量卡 Guider上位机设计好LVGL GUI页面并移植到MCU工程的整个过程,可以看到通过简单地托控件地方式就可以很方便地设计我们的GUI页面,相对于之前直接堆代码的方式快速了很多。

关于GUI Guider的更详细的使用可多查阅GUI Guider用户手册文档:

关于LVGL各控件地使用可以多参考GUI Guider集成的综合demo及官方的lv_examples,GUI Guider集成的综合demo可以在新建工程选择应用模板时进行选择,如:

以上就是本次的分享,如果文章对你有帮助,麻烦帮忙转发转发,谢谢!

私信回复关键词:GUI-Guider下载,可获获取GUI-Guider安装包及本文实例dem移动大流量卡o。

猜你喜欢:

基于vs2019的lvgl模拟器使用

如何同时输出调试信息到终端与文件?

如何查看Linux命令工具的源码?

C语言、嵌入式中一些非常实用的宏技巧

1024G 嵌入式资源大放送!包括但不限于C/C++、单片机、Linux等。私信回复1024,即可免费获取!


友情提醒: 请添加客服微信进行免费领取流量卡!
QQ交流群:226333560 站长微信:qgzmt2

原创文章,作者:sunyaqun,如若转载,请注明出处:https://www.dallk.cn/46903.html

(0)
sunyaqunsunyaqun
上一篇 2024年5月8日
下一篇 2024年5月8日

相关推荐

发表回复

登录后才能评论