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

NXP管管 · 发表于 2021-2-25 13:33:25

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设计有兴趣的网友们，赶紧来试试看吧!

阅读全文