找回密码
 立即注册
首页 业界区 安全 HMI-Board之LVGL应用

HMI-Board之LVGL应用

副我 2025-6-8 13:25:11
移植

使用默认模板工程新建一个RT-Thread项目,BSP版本为1.1.1
1.png

打开RT-Thread Settings,点击右侧箭头按钮进入详细页,在硬件栏开启以下几个配置选项(LCD、触摸屏、demo)
2.png

此时,打开board文件夹,发现下面会有一个lvgl的目录,package目录下会有LVGL和lv-music两个目录,如果没有请检查上一步有没有漏掉的步骤
3.png

编译、下载程序进行发现开发板已经运行lv-music-demo程序
4.jpeg

界面定制

接下来安装SquareLine Studio,定制自己的lvgl界面,我这里下载的是SquareLine_Studio_1.3.3_Setup.exe,一路默认安装就可以了
5.png

安装完需要登录账号才能使用,没有账户的请注册一下
6.png

选择Create下的NuMaker-HMI-M467项目,然后CREATE
7.png

这个工程自带Sreen,先随意拖几个控件到Screen1上面
8.png

导出ui文件到指定文件夹lvgl-demo,生成源代码文件:Export -> Export UI Files
9.png

生成的源代码文件如下
10.png

拷贝上面的文件夹到lvgl工程的目录packages\lv_music_demo-v0.3.4下面
11.png

把lv_demo_music函数改一下改成下面
  1. /**
  2. * @file lv_demo_music.c
  3. *
  4. */
  5. /*********************
  6. *      INCLUDES
  7. *********************/
  8. #include "lv_demo_rtt_music.h"
  9. #include "lvgl-demo/ui.h"
  10. #if LV_USE_DEMO_RTT_MUSIC
  11. void lv_demo_music(void)
  12. {
  13.     ui_init();
  14. }
  15. #endif /*LV_USE_DEMO_RTT_MUSIC*/
复制代码
先清理一下工程,然后再重新构建,没有问题的话lvgl-demo的文件夹会被加到工程目录中去
12.png

按Ctrl + F5启动调试,编译下载程序后,自定义的界面已经可以在开发板上面显示
13.jpeg

源码分析

用调试器抓一下lvgl的启动过程,基本分为以下几个步骤
INIT_ENV_EXPORT :lvgl线程接口作为初始化环境被系统调用
lvgl_thread_init:lvgl线程初始化
lvgl_thread_entry:启动GUI线程,这里会设置一些跟显示屏相关的参数(分辨率、彩色位数等)
  1. lv_init();
  2. lv_port_disp_init();
  3. lv_port_indev_init();
  4. lv_user_gui_init();
复制代码
lv_user_gui_init:自定义用户代码,最终会调用到ui_init

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册