0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看威廉希尔官方网站 视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

i.MX RT1176机车仪表板图形应用设计的介绍

恩智浦MCU加油站 来源:恩智浦MCU加油站 作者:恩智浦MCU加油站 2022-09-22 09:23 次阅读

本篇文章将介绍恩智浦客户应用工程师设计的机车仪表板图形应用以及最新的GUI Guider v1.4.0。

此机车仪表板演示所使用的开发板是由恩智浦和代理商共同开发设计,使用i.MX RT1176搭配800x480 TFT LCD。首先利用GUI Guider设计机车仪表板的图形用户接口,然后将产生的LVGL代码导入到i.MX RT1170 SDK进行应用程序开发,最后部署到i.MX RT1176开发板,完成整个图形应用程序开发。

此项目源代码已经上传到github(https://github.com/dinguluer/NXP_RT1170)公开让有兴趣的开发者下载,包含GUI Guider和MCUXpresso项目源代码,软件版本信息分别为GUI Guider v1.3.1, LVGL v8.0, i.MX RT1170 SDK2.11.0和 MCUXPresso IDE v11.5.0。

用户可以在恩智浦的官网下载最新的GUI Guider v1.4.0版本(https://www.nxp.com/design/software/development-software/gui-guider:GUI-GUIDER),开启下载的机车仪表板GUI Guider Project之后,起始画面如下。

7cf3561c-3a12-11ed-9e49-dac502259ad0.png

GUI Guider的窗口设计画面主要分成四个部分,左上是组件窗口,GUI Guider支持的所有LVGL组件都会显示在这个窗口,用户可以通过鼠标拖拉的方式,将需要的组件直接布署在中间的图形设计窗口。

除了组件信息之外,这个窗口还可以浏览应用程序当前导入的资源,如图片资源、字体。

左下的资源窗口,显示目前项目工程设计的屏幕以及使用的组件列表。中间的部分是图形设计窗口,用户可以将需要的组件托放到这里,进而设计、编辑图形用户接口。右边是组件属性窗口,用户可以很容易地通过属性设置的方式来调整图形应用的外观和风格。同时,这个窗口还可以支持事件的操作和设置,用户可以很方便地点击鼠标就能定义事件的操作行为。

7e300bf6-3a12-11ed-9e49-dac502259ad0.png

在左下的资源窗口可以看到当前项目工程所有的设计屏幕,鼠标点击任一屏幕,就可以看到此屏幕包含的所有组件。

每一个组件都可以通过组件属性窗口中的属性设置,来调整组件的外观和风格。

每个屏幕是由许多的组件建构而成,GUI Guider提供给用户一个直观的图形应用开发接口,通过鼠标拖放,就能轻松的使用LVGL 30多个组件来设计图形用户接口。同时用户还能使用自定义的图像和字体,结合LVGL组件来定制图形应用设计,设计出不同风格的图形应用接口。

7ecb0b06-3a12-11ed-9e49-dac502259ad0.png

当用户完成图形设计之后,按下右上的”Generatecode”按钮,等待代码生成之后,在工具菜单选择”ExportProject”,GUI Guider将会产生适用于IAR、KEIL和MCUXpresso IDE开发环境工具的项目代码,方便用户进行相关的应用程序开发。

7fbbc41a-3a12-11ed-9e49-dac502259ad0.png

开启导出的MCUXpresso工程项目,可以发现此项目是基于RT1170 SDK中的” lvgl_guider” 项目再加上GUI Guider生成的LVGL源代码。

用户可以在MCUXpresso IDE进行相关应用的开发,如底层驱动、接口设备驱动、图形画面与其他周边的互动事件行为等等,最后下载到开发版上验证图形设计效果、调适,最终完成图形应用设计开发。

8071961e-3a12-11ed-9e49-dac502259ad0.png

以上是i.MX RT1176机车仪表板图形应用设计的介绍,有兴趣的用户赶快动手下载来试试看吧。最后,一起来观看i.MX RT1176机车仪表板的演示视频(https://www.bilibili.com/video/BV14d4y1o77u/),欢迎留言、分享和意见反馈,谢谢。

审核编辑:彭静
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 软件
    +关注

    关注

    69

    文章

    4929

    浏览量

    87414
  • 开发板
    +关注

    关注

    25

    文章

    5035

    浏览量

    97384
  • 代码
    +关注

    关注

    30

    文章

    4780

    浏览量

    68539

原文标题:i.MX RT1176 机车仪表板图形应用设计和GUI Guider介绍

文章出处:【微信号:NXP_SMART_HARDWARE,微信公众号:恩智浦MCU加油站】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    i.MX RT1020到i.MX RT1010的迁移手册

    i.MX RT1020到i.MX RT1010的迁移指南
    发表于 12-12 06:25

    RT1176 SDK v2.12.1错误问题如何解决?

    FLEXRAM_ErrorInjection()中使用的定义 不存在。该函数还尝试访问一个寄存器,根据 i.MX RT1170 处理器参考手册 Rev.1,该处理器上不存在该寄存器。 这是一个主要错误,已针对 SDK
    发表于 03-27 08:00

    RT1176如何调试自定义FlexSPI配置块?

    我们正在开发带有 i.MX RT1166 uC 和另一个闪存芯片的定制,而不是 NXP 评估上使用的芯片。我们的闪存芯片使用与 NXP 评估
    发表于 03-28 07:57

    i.MX RT1052芯片的核心,性能和代码详细资料概述

    i.MX RT1052是i.MX RT系列芯片,是由 NXP 半导体公司推出的跨界处理器芯片,该系列下又包
    的头像 发表于 06-10 10:55 2.5w次阅读

    01:i.MX RT系列产品的介绍与演示

    i.MX RT产品是今年市场上最受欢迎的跨界MCU产品。本讲座将对i.MX RT系列做一个简要的介绍,包括主要特性和主要外设。然后会分享能够
    的头像 发表于 01-23 07:21 2996次阅读
    01:<b class='flag-5'>i.MX</b> <b class='flag-5'>RT</b>系列产品的<b class='flag-5'>介绍</b>与演示

    01:i.MX RT的市场应用和参考解决方案

    i.MX RT产品是今年市场上最受欢迎的跨界MCU产品。i.MX RT定位为一款MCU产品,它可以重复利用传统的Arm MCU生态系统。除此之外,本次讲座还将简要
    的头像 发表于 01-21 07:13 3351次阅读
    01:<b class='flag-5'>i.MX</b> <b class='flag-5'>RT</b>的市场应用和参考解决方案

    02:i.MX RT系列产品的介绍与演示

    i.MX RT产品是今年市场上最受欢迎的跨界MCU产品。本讲座将对i.MX RT系列做一个简要的介绍,包括主要特性和主要外设。然后会分享能够
    的头像 发表于 01-21 07:04 2303次阅读
    02:<b class='flag-5'>i.MX</b> <b class='flag-5'>RT</b>系列产品的<b class='flag-5'>介绍</b>与演示

    恩智浦i.MX RT1170在将该系列带上了更高的层面

    自2017年上市以来,i.MX RT系列取得了优秀的市场表现。i.MX RT1170跨界MCU是恩智浦i.MX
    的头像 发表于 05-18 11:15 3773次阅读

    i.MX RT开发笔记-08 | i.MX RT1062嵌套中断向量控制器NVIC(按键中断检测)

    系列文章目录i.MX RT开发笔记-01 | 初识 i.MX RT1062 跨界MCUi.MX RT
    发表于 12-01 13:51 2次下载
    <b class='flag-5'>i.MX</b> <b class='flag-5'>RT</b>开发笔记-08 | <b class='flag-5'>i.MX</b> <b class='flag-5'>RT</b>1062嵌套中断向量控制器NVIC(按键中断检测)

    RT-Thread & NXP 发布 i.MX RT 系列 BSP 新框架

    前言i.MX RT 是 NXP 推出的跨界处理器系列。该系列下又包括 i.MX RT1020、i.MX
    发表于 12-07 13:06 2次下载
    <b class='flag-5'>RT</b>-Thread & NXP 发布 <b class='flag-5'>i.MX</b> <b class='flag-5'>RT</b> 系列 BSP 新框架

    基于i.MX RT单芯片实现的GUI图形显示和语音控制解决方案

    基于优秀的性能指标,i.MX RT可以胜任许多轻量级的AI应用,赋能越来越多的边缘设备。今天这场视频讲座中,恩智浦的专家将向大家展示一款基于i.MX RT单芯片实现的GUI
    的头像 发表于 12-31 09:48 7251次阅读

    移植Arm-2D到i.MX RT1050-EVKB并绘制图形界面

    众所周知,i.MX RT系列是MCU中的性能强者,超高的主频、丰富的外设以及足够大的存储使其能轻松应用于各类领域。其中,在图像视频方面,i.MX RT1050及以上系列,集成了PXP
    的头像 发表于 06-23 09:33 2190次阅读

    移植Arm-2D到i.MX RT1050-EVKB并绘制图形界面

    众所周知,i.MX RT系列是MCU中的性能强者,超高的主频、丰富的外设以及足够大的存储使其能轻松应用于各类领域。其中,在图像视频方面,i.MX RT1050及以上系列,集成了PXP
    的头像 发表于 07-12 10:05 1874次阅读

    适用于i.MX RT500和i.MX RT600 MCU的Xtensa音频框架介绍

    可编程方法,从而提供最大的灵活性,本篇将介绍适用于i.MX RT500和i.MX RT600 MCU的Xtensa音频框架(XAF)。
    的头像 发表于 11-10 09:39 2703次阅读

    i.MX RT的FlexRAM配置问题

    i.MX RT的FlexRAM配置问题
    的头像 发表于 10-24 15:46 805次阅读
    <b class='flag-5'>i.MX</b> <b class='flag-5'>RT</b>的FlexRAM配置问题