GUI Guider为LVGL装上翅膀，加速开发

近日恩智浦推出了一个全新的图形用户界面开发工具——GUI Guider，可以免费与恩智浦的通用和跨界MCU一起使用。

今天就带大家一起来瞧瞧这个工具，如何加速开发图形用户界面吧。

LVGL是什么

GUI Guider是专为LVGL设计的一套上位机开发工具。LVGL（(Light andVersatile Graphics Library）是一个免费的开放源代码图形库，提供了创建嵌入式GUI所需的一切，具有易于使用的组件，美观的视觉效果和低内存占用等特点。

主要特点有：

• 高级图形效果：动画，反锯齿，透明度，平滑滚动

• 支持多语言的UTF-8编码

• 最小内存需求 (64 kBFlash, 16 kB RAM)

• 仅仅单个帧缓冲设备就可以呈现高级视觉特效

• 使用C编写以获得最大兼容性(兼容C++)

• 基于自由和开源的MIT协议

LVGL容易移植到任何微控制器或显示器，非常适合嵌入式系统图形用户界面开发。但是在GUI的画面设计时，必须透过代码撰写方式来实现，较不方便开发设计用户界面。

GUI Guider是什么？

为方便设计开发，恩智浦为LVGL开发了一套上位机GUI设计工具——GUI Guider，透过拖放的方式就能轻松设计GUI画面，让LVGL的用户如虎添翼，加速完成GUI设计。

GUI Guider提供IDE让用户透过拖放小部件的方式，轻松布建、设计用户界面。最后转换成C语言源代码，方便整合到MCU项目中。

GUI Guider主要特点有：

• 支持拖放的所见即所得(WYSIWYG)用户界面设计

• 支持多语言、字型

• 轻松添加事件、动作和动画来增强应用

• 自动产生LVGL C语言源代码

• 与恩智浦MCU SDK高度整合，为MCUXpresso项目生成应用代码

• 上位机仿真器

接下来介绍如何在恩智浦RT1060-EVK开发版，实现LVGL图形用户界面设计。

开发流程简介

开发流程是先用GUI Guider设计用户界面，然后将GUI Guider产生的源代码整合到NXP RT1060 SDK，最终下载到RT1060-EVK开发版，即可完成LVGL GUI 应用程序开发。

① 开启GUI Guider，创建一个新的项目：

• 输入项目名称

• 点选”BOARD TEMPLATES”然后选择”MIMXRT1062xxxxA”

• 点选”APPLICATION TEMPLATES”然后选择”Printer Demo”

• 点选“CREATE”

 

② 此时GUI Guider将带入Printer Demo的模板工程，用户可以在此模板工程上修改、开发图形化用户界面。完成GUI设计之后，点”Generate Code”产生LVGL的C语言源代码。

 

③ 产生的源代码会被存放在GUI Guider项目目录的”generated”中。

 

④从NXP网站下载RT1060 SDK 和MCUXpressoIDE ，在MCUXpresso IDE开启”littlevgl_guider”例程项目。

 

⑤ 将GUI Guider产生的”custom” 和”generated”目录，取代littlevgl_guider项目中原本的”custom” 和”generated”目录。

 

⑥ 将”/${ProjName}/littlevgl/lvgl/src/lv_font”加入littlevgl_guider的项目路径。

 

⑦ 编译项目、下载代码到RT1060-EVK开发版，重新上电之后就可以在RT1060-EVK操作PrinterDemo应用程序。

 

赶紧来试试吧

以上就是利用GUI Guider开发设计LVGL GUI应用程序，最后在RT1060-EVK实现的过程。

因为GUI Guider和恩智浦MCU 开发环境(SDK和MCUXpressoIDE)的高度整合，让嵌入式用户界面开发设计变得相当轻松写意。

对于免费、开源的嵌入式GUI设计有兴趣的网友们，赶紧来试试看吧!