添加应用
Read time: 3 minute(s)
本章节演示如何添加一个名为
test_demo
的 LVGL
应用,来实现以下功能:
-
主界面添加一个 button 控件,按键时,在控件上显示当前后台计数。
-
后台线程进行计时,每一秒计数加一。
添加 APP 选项
在 application/Kconfig
中,添加以下代码:
config AIC_LVGL_METER_DEMO bool "LVGL demo of meter" config AIC_LVGL_TEST_DEMO # 添加 AIC_LVGL_TEST_DEMO,以便在 menuconfig 菜单中选择 bool "LVGL demo of test" config AIC_LVGL_LAUNCHER_DEMO bool "LVGL launcher demo"
配置 APP
使用 scons --menuconfig 或 me 进入配置菜单,选择新添加的
test_demo
并保存:Application options ---> [*] ArtInChip LVGL demo ---> select LVGL demo (LVGL demo of test) ---> ( ) LVGL demo with basic function ( ) LVGL demo of meter (X) LVGL demo of test ( ) LVGL launcher demo
源码适配
源代码
-
下载完整源码包
test_demo
。 -
将源码解压缩至 packages/artinchip/lvgl-ui/aic_demo 目录下,文件结构为:
tree -h
. └── [4.0K] test_demo ├── [4.0K] assets │ └── [ 0] readme.txt # 该文件用于验证资源打包,本身为空文件 ├── [ 571] SConscript ├── [4.0K] thread │ ├── [1.0K] test_thread.c │ └── [ 211] test_thread.h └── [4.0K] ui ├── [1.3K] test_ui.c └── [ 228] test_ui.h
-
SConscript 更改根据实际项目路径修改
test_demo
中的 SConscript,解析如下:from building import * import os cwd = GetCurrentDir() group = [] src = Glob('*.c') # 源文件路径 src += Glob('./ui/*.c') src += Glob('./thread/*.c') CPPPATH = [cwd] # 头文件路径 CPPPATH.append(cwd + './ui') CPPPATH.append(cwd + './thread') list = os.listdir(cwd) for d in list: path = os.path.join(cwd, d) if os.path.isfile(os.path.join(path, 'SConscript')): group = group + SConscript(os.path.join(d, 'SConscript')) # 资源安装的目标路径 ins_dst='rodata/lvgl_data' # 资源安装的源路径为当前SConscript所在路径的相对路径 ins_src = 'assets/' install = [(ins_src, ins_dst)] # AIC_LVGL_TEST_DEMO 宏需要与 application/Kconfig 中添加的宏一致 group = group + DefineGroup('LVGL-port', src, depend = ['AIC_LVGL_TEST_DEMO'], CPPPATH = CPPPATH, INSTALL = install) Return('group')
对接 LVGL 框架
Luban-Lite SDK 中,已经融合了 LVGL库并与 2D硬件加速接口、图片硬件解码模块、触控等进行了对接,因此用户只需要将 UI 部分的功能接入即可。
在 packages/artinchip/lvgl-ui/aic_ui.c
中,添加:
/* * Copyright (C) 2022-2025 ArtinChip Technology Co., Ltd. * Authors: Ning Fang <ning.fang@artinchip.com> */ #include "lvgl.h" #include "aic_ui.h" #include "aic_osal.h" void aic_ui_init() { #if defined(AIC_LVGL_MUSIC_DEMO) lv_demo_music(); #elif defined(AIC_LVGL_DEMO_BENCHMARK) lv_demo_benchmark(); #elif defined(AIC_LVGL_DEMO_WIDGETS) lv_demo_widgets(); #else // 应用的入口函数 extern void ui_init(void); ui_init(); #endif return; }
效果展示
编译、烧录后,显示效果如下图:
