请选择 进入手机版 | 继续访问电脑版
查看: 8126|回复: 4

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

[复制链接]
  • TA的每日心情
    开心
    前天 15:16
  • 签到天数: 266 天

    [LV.8]以坛为家I

    3296

    主题

    6541

    帖子

    0

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    31904
    最后登录
    2024-3-28
    发表于 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”
    31.png
    ② 此时GUI Guider将带入Printer Demo的模板工程,用户可以在此模板工程上修改、开发图形化用户界面。完成GUI设计之后,点”Generate Code”产生LVGL的C语言源代码。
    32.png
    ③ 产生的源代码会被存放在GUI Guider项目目录的”generated”中。
    33.png


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


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


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


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

    赶紧来试试吧
    以上就是利用GUI Guider开发设计LVGL GUI应用程序,最后在RT1060-EVK实现的过程。
    因为GUI Guider和恩智浦MCU 开发环境(SDK和MCUXpressoIDE)的高度整合,让嵌入式用户界面开发设计变得相当轻松写意。
    对于免费、开源的嵌入式GUI设计有兴趣的网友们,赶紧来试试看吧!



    签到签到
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 09:44
  • 签到天数: 1252 天

    [LV.10]以坛为家III

    21

    主题

    1万

    帖子

    1

    金牌会员

    Rank: 6Rank: 6

    积分
    13079
    最后登录
    2024-3-28
    发表于 2021-2-25 14:08:08 | 显示全部楼层
    这个是不是对标ST家的TouchGFX?
    跟着日天混 ,三天饱九顿!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    11 小时前
  • 签到天数: 1911 天

    [LV.Master]伴坛终老

    61

    主题

    1万

    帖子

    3

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    16991
    最后登录
    2024-3-28
    发表于 2021-2-25 14:58:44 | 显示全部楼层
    界面看起来和ST家的TouchGFX差不多啊
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    昨天 08:28
  • 签到天数: 1313 天

    [LV.10]以坛为家III

    124

    主题

    2825

    帖子

    31

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    7552
    最后登录
    2024-3-27
    发表于 2021-2-26 09:42:41 | 显示全部楼层
    好工具,有时间试试。
    哎...今天够累的,签到来了~
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2021-11-4 13:30
  • 签到天数: 47 天

    [LV.5]常住居民I

    3

    主题

    167

    帖子

    0

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    377
    最后登录
    2024-3-19
    发表于 2021-3-4 11:44:18 | 显示全部楼层
    如果感兴趣的话可以给大家剪一期视频来做个演示
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 注册/登录

    本版积分规则

    关闭

    站长推荐上一条 /4 下一条

    Archiver|手机版|小黑屋|恩智浦技术社区

    GMT+8, 2024-3-28 20:49 , Processed in 0.132759 second(s), 23 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表