LVGL | GUI-Guider上位机的使用分享

LVGL | GUI-Guider上位机的使用分享GUI Guider是恩智浦为LVGL开发了一个上位机GUI设计工具,可以通过拖放控件的方式设计LVGL GUI页面,加速GUI的设计。

大家好,欢迎来到IT知识分享网。

什么是GUI-Guider?

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

LVGL | GUI-Guider上位机的使用分享

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,即可找到:

LVGL | GUI-Guider上位机的使用分享

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

2、私信回复

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

GUI-Guider的使用

首先需要创建工程:

LVGL | GUI-Guider上位机的使用分享

① 设置工程名字;

② 设置工程路径;

③ 选择平台模板;

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

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

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

⑦ 创建工程。

创建完工程之后进入GUI设计页面:

LVGL | GUI-Guider上位机的使用分享

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

LVGL | GUI-Guider上位机的使用分享

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

LVGL | GUI-Guider上位机的使用分享

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

LVGL | GUI-Guider上位机的使用分享

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

LVGL | GUI-Guider上位机的使用分享

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

下面以STM32为例。

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

LVGL | GUI-Guider上位机的使用分享

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

LVGL | GUI-Guider上位机的使用分享

LVGL | GUI-Guider上位机的使用分享

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

LVGL | GUI-Guider上位机的使用分享

下载到板子里:

LVGL | GUI-Guider上位机的使用分享

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

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

LVGL | GUI-Guider上位机的使用分享

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

LVGL | GUI-Guider上位机的使用分享

LVGL | GUI-Guider上位机的使用分享

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

私信回复关键词:GUI-Guider下载,可获获取GUI-Guider安装包及本文实例demo。


猜你喜欢:

基于vs2019的lvgl模拟器使用

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

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

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


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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/80636.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信