在工业自动化、智能终端HMI、车载仪表盘等领域,高性能的HMI(人机界面)芯片是不可或缺的核心组件。启明智显推出的Model系列(如Model3C、Model3、Model4)HMI芯片,以其卓越的性能和广泛的应用领域,成为了众多项目中的首选。本文将详细介绍如何将Model系列芯片的GUI(图形用户界面)合成到项目中,以实现高效、直观的人机交互。
一、选择合适的GUI框架
首先,根据项目需求和所使用的编程语言,选择自已熟悉的LVGL工具(如GUI Guider,是一个不错的选择)。
二、导入GUI库
在确定了GUI框架后,需要在项目中导入相应的库文件。这通常涉及在项目的头文件或模块导入部分添加必要的库引用。例如,把ui部分代码拿出来,放到工程里,在 zx_ui_entry 函数里调用就行。
zx_ui_entry 可以就当这个函数是ui的main函数就行,ui的相关代码都是从这个地方开始写。其它的,就是把要编译的.c .h 文件copy到demo工程里
- 工程结构
一个demo工程由 main.c(主函数)、SConscript(编译脚本)、Kconfig(工程配置选项)、zx_ui_entry.c(ui函数入口)组成
参考SDK
注意:rtt ui线程中,事件、消息队列处理函数因为在多线程中,处于线程安全考虑,ui线程需要跟其它线程分商,其它线程想变操作ui,必须通过event或mg发送到ui线程处理
SConscript、Kconfig的语法可自行学习
三、创建GUI窗口和添加组件
使用所选GUI框架提供的API,创建GUI窗口并添加必要的组件。这包括设置窗口的大小、标题、布局等属性,并在窗口中放置按钮、文本框、标签、下拉框等组件。
https://www.bilibili.com/video/BV1Kzp1eWEFL/
GUI Guider UI界面实操录屏指南
四、关于LVGL(Light and Versatile Graphics Library)及其配套UI开发工具GUI Guider的学习资源整理如下:
LVGL(Light and Versatile Graphics Library)学习资源:
官网链接:访问LVGL官网以获取最新信息、新闻、文档及社区支持。LVGL官方链接
学习资料:深入学习LVGL,请查阅官方文档,当前推介使用版本为v8.3.1,该版本提供了详尽的API参考、教程和示例,帮助开发者快速上手。LVGL学习资料链接
GUI Guider UI开发工具:
简介:GUI Guider是一款专为UI开发设计的工具,与LVGL紧密集成,能够极大提升UI设计的效率和效果。
GUI Guider 下载链接:https://www.nxp.com/design/design-center/software/developmentsoftware/gui-guider:GUI-GUIDER
启明智显团队精心整理了关于GUI Guider的UI开发文档及实操录屏,这些资源将帮助您更直观地理解GUI Guider的使用方法,加速您的开发进程。