GUI Guider设计UI界面移植到STM32
一、什么是GUI Guider
什么是 GUI-Guider? GUI Guider 是恩智浦为 LVGL 开发了一个上位机GUI 设计工具,可以通过拖放控件的方式设计 LVGL GUI 页面,加速 GUI 的设计。 设计完成的 GUI 页面可以在 PC 上仿真运行,预览自己设计的UI界面。确认设计完毕之后可以生成 C 代码,再整合到 MCU 项目中。
软件下载地址:https://www.nxp.com.cn/
打开网址搜索GUI Guider选择适合自己的系统的版本。下载安装。
二、软件使用
打开软件
选择自己喜欢的图片,但是在选择图片时要注意图片大小,可以通过图片编辑工具调整图片大小已适应我们的屏幕大小。
运行仿真,选择C语言
仿真效果
点击生成代码。
三、将代码整合到我们的工程
打开我们刚才的GUI工程目录,下面有一个 generated 文件夹,该文件夹就是我们所需要的,将generated整个文件夹复制到我们的STM32工程中的GUIAPP目录下。
接着打开keil工程在keil工程添加相关的.c源文件和.h头文件路径。
添加.c文件
包含文件路径
然后编译,可能会报错,双击第一条错误提示
接着继续修改其他类似错误。再次编译可能会提示找不到 “lv_font.h” 头文件,记得我们之前在LVGL源码是遇到有这个,所以我们这里把GUI/src路径下的font文件夹路径包含进来。文章来源:https://www.toymoban.com/news/detail-782250.html
再次编译,会提示找不到"custom.h"头文件,这里我们把它注释掉。最后编译通过。有时候到这一步会有 error: #8: missing closing quote 这样的错误提示,
解决办法就是:在KEIL中Options for Target ‘Flash’ -> C/C++ -> Misc Controls添加“–locale=english”。
然后再main.c 源文件中添加相关的头文件和代码。
编译下载到板子上,可以看到程序运行屏幕显示我们自己设计的UI界面。文章来源地址https://www.toymoban.com/news/detail-782250.html
到了这里,关于GUI Guider设计UI界面移植到STM32的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!