1. 关于如何下载和使用,网上有很多教程,不再叙述。注册为个人账号工具就给免费使用。
2. UI设计完成后,点击 export 找个文件夹导出
3. 将文件夹(例如my_demo)放进 LVGL.Simulator\lvgl\demos\my_demo
4. 修改 my_demo/ui.h
#include "lvgl.h" 修改为 #include "../../lvgl.h"
5. 修改 ui.c init函数名
ui_init 例如修改为 my_ui_init
6. 修改demo入口
LVGL.Simulator\lvgl\demos\widgets\lv_demo_widgets.c
修改 void lv_demo_widgets(void) 为 void lv_demo_widgets_000(void)
重写 void lv_demo_widgets(void)
extern void my_ui_init(void);
void lv_demo_widgets(void)
{
my_ui_init();
}
7. 把 my_demo 放入工程
点击解决方案上方的“显示所有文件”图标。
然后在放入的文件夹上右键,选择“包含在项目中”,就可以把my_demo加入工程参与编译。
8. 运行一下
这个screen上有个label 每秒定时更新数字,有个Back按钮,有张image图片。
最后写一下定时更新,大概如下,在需要的地方调用 my_setup_events :
void timer_callback(lv_timer_t* timer) {
counter++;
lv_label_set_text_fmt(ui_Label1, "counter: %d", counter); // 更新标签内容
}
void my_setup_events(void)
{
if (timer_inited == 0)
{
timer_inited = 1;
lv_timer_t* timer = lv_timer_create(timer_callback, 1000, NULL); // 每秒更新一次
}
}