• 【嵌入式UI框架:LVGL】使用恩智浦GUI设计工具,像Qt一样开发MCU界面


    LVGL是一个免费的开源嵌入式图形库,它提供创建嵌入式GUI所需的功能,具有易于使用的图形元素、精美的视觉效果和低内存占用。完整的图形框架包括供您在创建GUI时所用的各种小部件,并支持更高级的功能,例如动画和抗锯齿。

    一、工具:

    1.PC模拟器:SDL2

    SDL(Simple DirectMedia Layer)是一套开源的跨平台多媒体开发库,使用 C 语言写成。它提供了绘制图像、播放声音、获取键盘输入等相关的 API,大大降低多媒体应用开发难度的同时,也让开发者只要用相同或是相似的代码就可以开发出跨多个平台(Linux、Windows、Mac OS X等)的应用软件。

    SDL2可以在PC上模拟UI效果,避免反复下载到MCU中验证。

    2.编译工具链(MinGW + CMake)

    MinGW相当于Linux的GCC,用于在Windows上编译C代码,这里我们用它来编译lvgl

    3.一个IDE,SDL可以配合以下IDE使用

    在这里插入图片描述

    但是,下载这么多工具属实麻烦,NXP公司开发的GUI Guider软件,集成了SDL模拟器、工具链,并且可以通过拖拽UI,模拟验证,然后生成C代码,再移植到MCU中运行,和嵌入式Qt开发如出一辙。
    在这里插入图片描述

    二、NXP GUI Guider使用

    1.创建工程

    ①选择v8.2.0

    在这里插入图片描述

    ②选择Simulator

    在这里插入图片描述
    在这里插入图片描述
    ③选择模板,这里我们选择一个官方音乐播放器的例程
    大小设置为800*480

    在这里插入图片描述
    ④然后,我们就有了一个工程,中间是UI设计界面,左边是控件区,右边是控件属性

    在这里插入图片描述
    很好的是,在右上角,我们还可以把它切换成中文显示
    在这里插入图片描述

    2.生成代码

    点击此按钮生成代码
    在这里插入图片描述

    遇到点问题,日志是一堆乱码,这是没有java环境的原因

    【点击此处可直接下载】https://www.oracle.com/java/technologies/downloads/
    在这里插入图片描述
    【别忘记】 JAVA环境变量设置!!!

    继续生成代码成功

    在这里插入图片描述

    切换到代码浏览页面,可以看到生成了Generate文件夹下的C代码

    在这里插入图片描述

    点击运行模拟器

    在这里插入图片描述

    OK

    LVGL

  • 相关阅读:
    SDUT—Python程序设计实验六(字典与集合)
    Dubbo 获取本地ip错误
    理解Window和WindowManager(一)
    酒类商城小程序怎么做
    springboot simple (8) springboot kafka
    仿everything的文件搜索工具测试
    Windows Server 2008安装.NET Framework 3.5
    Socket通信
    (173)FPGA约束:单周期时序分析或默认时序分析
    Apifox(1)比postman更优秀的接口自动化测试平台
  • 原文地址:https://blog.csdn.net/qq_33033059/article/details/128198417