GUI Guider 上的智能家居 LVGL GUI 演示 为大家翻译一篇高质量手册!
1 简介
近年来,智能家居得到了快速而显著的发展。它旨在让我们的生活更加方便、舒适、高效和安全。智能家居是一个平台系统,可以监控和控制各种家里的设备。嵌入式系统在智能化中扮演着重要的角色家庭应用程序和 GUI 也是必要的。 LVGL(轻型和多功能Graphics Library) 是一个很好的用于嵌入式系统的 GUI 库。恩智浦拥有推出并改进了一个名为 GUI Guider 的软件工具,以支持强大的 LVGL GUI 开发。
本应用笔记介绍了如何使用 GUI 引导器上的模拟器实现典型的智能家居 GUI 演示。读者可以在GUI Guider上学习一些GUI开发的技巧。并且实现的智能家居 GUI 可能是一个很好的参考和智能家居应用的基础。
1.1 LVGL
LVGL 是一个免费的开源图形库——提供创建易于使用的嵌入式 GUI 所需的一切图形元素、漂亮的视觉效果和低内存占用。
主要特点:
• 强大的构建块,例如按钮、图表、列表、滑块、图像
• 带有动画、抗锯齿、不透明度、平滑滚动的高级图形
• 各种输入设备,如触摸板、鼠标、键盘、编码器。等等
• 多语言支持 UTF-8 编码
• 多显示器支持,例如同时连接多个TFT、单色显示器
• 完全可定制的图形元素
• 独立于任何微控制器或显示器的硬件
• 可扩展以使用很少的内存(64 kB 闪存、16 kB RAM)
• 支持但不是必需的操作系统、外部存储器和 GPU
• 即使具有高级图形效果的单帧缓冲区操作
• 用 C 语言编写以获得最大的兼容性(C++ 兼容)
• 在没有嵌入式硬件的 PC 上启动嵌入式 GUI 设计的模拟器
• 绑定到 MicroPython
• 用于快速 GUI 设计的教程、示例和主题
• 在 MIT 许可下免费和开源
1.2 GUI 向导
GUI Guider 是 NXP 提供的一种用户友好的图形用户界面开发工具,可实现快速开发带有 LVGL 开源图形库的高质量显示。 GUI Guider 的拖放编辑器可以轻松使用LVGL 的许多功能,例如小部件、动画和样式,以最少或根本不需要编码来创建 GUI。
只需单击一个按钮,您就可以在模拟环境中运行您的应用程序或将其导出到目标项目。生成的代码从 GUI Guider 可以轻松添加到您的项目中,加速开发过程并允许您无缝添加应用程序的嵌入式用户界面。
GUI Guider 可免费与 NXP 的通用和跨界 MCU 一起使用,并包括用于多种用途的内置项目模板支持的平台。
2 智能家居GUI演示介绍
智能家居 GUI 演示是使用 GUI Guider 上的模拟器开发的。因此,GUI 演示独立于 MCU硬件。但是,生成的 GUI 相关代码可以直接应用到基于不同的嵌入式系统的项目中。单片机部分。使用GUI Guider,模拟demo不仅实现了包含widget的布局,还实现了人机在 GUI 上进行交互。本GUI演示展示了智能家居的四个功能。它们是温控、光控、安全控制和音频播放器。主屏幕的显示展示了四个功能和GUI的基本布局设计,
见图 1。
注意:
此处显示的日期、时间和天气不起作用,因为它们取决于硬件在嵌入式系统中,RTC 可以控制日期和时间等设备。 其他屏幕也一样
在 GUI 演示中。
对于显示四个功能的其他主屏幕,请参见图 2。
3 智能家居GUI演示的实现
GUI Guider 上的 GUI 布局实现并不是那么困难。本应用笔记介绍了 GUI 的基本流程在 GUI Guider 上开发和实现几个高级动画功能。在此之前,开发应该设置环境。
3.1 开发环境
由于在 GUI Guider 上使用模拟器,因此开发环境很简单。
3.1.1 硬件环境
这个动作需要PC来设置硬件环境。
3.1.2 软件环境
此操作需要GUI Guider V1.2.0 来设置软件环境。
评论:
• 有关 GUI Guider 的资源,包括概述、下载、文档、培训等,可以在GUI Guider 上的 NXP 官方网站。
• 阅读GUI Guider 的用户手册以进行安装并了解GUI Guider 上的工具。安装后,用户手册也可以在路径下看到:GUIGuider\DOCUMENTATION\。
• GUI Guider 易于使用。本应用笔记不介绍用法。
生成图形用户界面代码:
1.在GUI Guider上开发GUI。
2. 运行模拟器以构建代码并进行测试。
3. 模拟器运行成功后,生成验证码。
3.3 高级动画功能的实现
众所周知,要在 GUI 中制作漂亮的视觉效果,需要大量风格各异的小部件。 动画是一个很·········
点击下方查看完整版↓↓
相关查看:
如何使用GUI-Guider配合MCUXpresso,快速实现GUI
|