GUI Guider是恩智浦为LVGL开发了一个上位机GUI设计工具,可以通过拖放控件的图形化设计方式开发LVGL GUI页面,加速GUI的设计。相比LVGL官方推出的付费工具 SquareLine Studio ,GUI Guider完全免费,它们甚至开发页面的布局都类似,但两者功能上,GUI Guider也相应的没有SquareLine Studio 细致和丰富。GUI Guider工具完成的GUI设计可在PC端仿真运行,实现无硬件开发,通过仿真调试完成后,可快速方便的整合到MCU的工程中。最新版GUI-Guider已经支持LVGL9版本,功能更加强大。在官网下载安装后,打开软件自动跳转到首页,可以看到新功能介绍:
创建新项目或者打开一个已创建的项目,这里以创建新项目为例,新建项目选择板卡模板和demo模板,也可以创建空工程。
选择LVGL的版本,这里选择LVGL9.2.1,开发板选择FRDM-MCXN236,模板选择SliderProcess:
界面主页包含:
1:功能性控件区,可以拖放到画布上面
2:控件组件区,可以很方便的管理画布上的控件
3:控件属性设置以及事件管理,和系统设置
4:工具栏
5:开发完成后,点击绿色按钮生成并仿真工程
现在选择资源管理,点击导入图片:
事件编辑器是可视化的图形界面,这里将按钮点击事件和LED颜色关联,点击按钮后,将设置LED颜色为红色。
最后选择生成代码,可以看到支持常用的IAR、KEIL以及NXP自家的IDE:
生成代码后,会自动打开keil然后进行编译,整个代码框架已经搭建完毕,编译下载后,即可得到GUI设计器的效果。如果用户想添加自己的一些逻辑,在evetns_init.c中添加对应控件的事件处理代码即可,如下图所示,添加按钮按下后切换LED颜色和按钮上的标签文字,所有的控件对象都在guider_ui全局结构体变量中,使用起来十分方便:
测试效果


