一, LittlevGL 与GUI Guider简介.

概述：

    LittlevGL是一个免费的开源图形库,提供了创建嵌入式 GUI 所需的一切，具有易于使用的组件，美观的视觉效果和低内存占用等特点.支持触摸屏操作，移植简单方便.

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

                                         目前主流GUI工具

1.1, LittlevGL 优点：

         强大的构建块按钮，图表，列表，滑块，图像等。

         带有动画，抗锯齿，不透明度，平滑滚动的高级图形

         支持各种输入设备，包括触摸屏，鼠标，键盘，编码器，按钮等。

         支持单色和彩色等多种同时显示方式

         支持UTF-8编码的多语言

         完全可定制的图形元素

         不限定MCU平台

         可扩展以在很少的内存下运行（64 kB闪存，10 kB RAM）

         支持操作系统，支持外部存储器和GPU

         单帧缓冲区操作，先进的图形效果

         用C语言编写以实现最大的兼容性

    

1.2, 图像设计组件对比：

    
   

1.4, NXP处理器对图像设计组件的支持情况.

     

      如上NXP MCU系列都支持LVGL, 且提供MCUXpresso SDK包.

1.4, GUI Guider特征.

      --对NXP器件是免费使用

      --WYSIWYG UI支持拖放设计

     --能够添加LVGL小部件并配置小部件属性(默认和自定义样式)

     --能够添加事件、动作和动画

     --支持导入图像和自定义字体

     --集成DEMO程序

     --生成C源文件和头文件

    --能够启用/禁用PXP加速(适用设备)

    --MCUXpresso SDK从2.8.2版开始支持PXP加速

1.5,PXP特征.

    --RGB565颜色格式

    --区域填充+可选透明度

    --斑点+可选透明度

    --颜色键控+可选透明度

    --重新着色(色调)+可选透明度

    --默认提供FreeRTOS和裸机代码

二, GUI Guider安装

 2.1, Windows下安装需求.

         A,WIN10系统PC.

         B,需要Java 运行环境, JRE-8确保安装.

2.2, 下载地址：

        https://www.nxp.com.cn/   在NXP官网上搜索 GUI Guider.

       

3.3, 双击安装.

  

   

三, GUI Guider使用简要说明.

3.1,创建项目.

  
   1,设置工程名字；

   2,设置工程路径；

   3,选择平台模板；

   4,选择应用模板（可选）；

   5,选择设备支持的颜色深度；

   6, 选择设备支持的屏幕分辨率；

   7, 创建工程。

   8,最近工程.

 

   其中平台模板目有包括：

   

    创建后界面:

   

    拖动widgets部件到GUI Editor工作窗口.
  

    在GUI Editor选中添加的Widgets部件,可以选择配置相应的Event事件等.

 

3.2, Generate Code生成代码.

   

3.3, Run Simulator模拟仿真.
  

3.4 生成代码.

    点击File-->Export Code 导出代码.