移植NXP GUI Guider的界面到小安派SCP4.3

GUI Guider是恩智浦提供的用户友好型图形用户界面开发工具，可通过开源LVGL图形库快速开发高品质的显示。GUI Guider的拖放编辑器可以轻松利用LVGL的众多特性，如小部件、动画和样式来创建GUI，而只需少量代码或根本无需任何代码。
本帖先介绍如何移植GUI Guider内置的模板界面到小安派SCP4.3，暂时不介绍如何使用GUI Guider设计界面
使用时需要注意GUI Guider的版本和支持的LVGL版本绑定，小安派的LVGL版本是8.3.7，GUI Guider 1.6.1的LVGL版本是8.3.5，而1.7.0的LVGL版本是8.3.10，这里使用1.6.1的版本为小安派SCP4.3移植界面
GUI Guider 下载地址，下载需要注册账号
https://www.nxp.com.cn/design/de ... i-guider:GUI-GUIDER
安装后打开

选择创建新项目进入LVGL版本选择


选择v8.3.5,后点击下一步

小安派没有在官方设备模板里，这里选择模拟器，然后点击下一步

这里随便选个界面模板，点击下一步

输入工程名称，屏幕默认分辨率是480x272和小安派SCP4.3的屏幕分辨率一致不用修改，点击创建

之后会打开工程姐界面


如果是第一次使用到这里时页面都是英文的，可以点击右上角切换为中文

点击右上角的三角，选择C之后会自动生成这个界面的LVGL代码

最后会弹出一个模拟器界面用来预览

打开工程文件夹，这里的custom和generated是移植需要用到的

打开SCP4.3的工程文件夹，删掉原来的UI文件夹，新建一个文件夹用来放刚才那两个文件夹

把刚才那两个文件夹复制到新建的文件夹中，修改SCP4.3工程根目录下的CMakeLists.txt

1. 
   
2. include(proj.conf)
   
3. 
   
4. find_package(bouffalo_sdk REQUIRED HINTS $ENV{BL_SDK_BASE})
   
5. 
   
6. file(GLOB_RECURSE sources "${CMAKE_CURRENT_SOURCE_DIR}/guider_ui/*.c")
   
7. file(GLOB_RECURSE app "${CMAKE_CURRENT_SOURCE_DIR}/app/*.c")
   
8. 
   
9. # User
   
10. # sdk_add_compile_definitions(-DCONFIG_CLI_CMD_ENABLE)
    
11. sdk_add_compile_definitions(-DLV_LVGL_H_INCLUDE_SIMPLE)
    
12. 
    
13. sdk_add_include_directories(.)
    
14. 
    
15. sdk_add_include_directories(guider_ui)
    
16. sdk_add_include_directories(guider_ui/custom)
    
17. sdk_add_include_directories(guider_ui/generated)
    
18. sdk_add_include_directories(guider_ui/generated/guider_customer_fonts)
    
19. sdk_add_include_directories(guider_ui/generated/guider_fonts)
    
20. sdk_add_include_directories(guider_ui/generated/images)
    
21. sdk_add_include_directories(app)
    
22. target_sources(app PRIVATE ${sources} ${app})
    
23. sdk_set_main_file(main.c)
    
24. get_filename_component(PROJECT_NAME ${CMAKE_CURRENT_SOURCE_DIR} NAME)
    
25. project(${PROJECT_NAME})
    

复制代码

修改lv_conf.h，增加2个宏定义

修改main.c，添加头文件并注释掉WAKE_UP_ENABLE这个宏定义

修改main函数

1. lv_ui guider_ui;
   
2. int main(void)
   
3. {
   
4.     board_init();
   
5. 
   
6. 
   
7.     // printf("HeapSize:%d\r\n",xPortGetFreeHeapSize());
   
8.     tcpip_init(NULL, NULL);
   
9.     //wifi_start_firmware_task();
   
10.     lwip_sntp_init();
    
11. 
    
12.     bflb_mtd_init();
    
13.     easyflash_init();
    
14. 
    
15.     /* lvgl init */
    
16.     lv_log_register_print_cb(lv_log_print_g_cb);
    
17.     lv_init();
    
18.     lv_port_disp_init();
    
19. 
    
20.     //ui_init();
    
21.     setup_ui(&guider_ui);
    
22.     events_init(&guider_ui);
    
23. 
    
24.     printf("lv_task_handler\r\n");
    
25.     printf("lvgl success\r\n");
    
26.     xTaskCreate(lvgl_task, (char*)"lvgl", LVGL_STACK_SIZE, NULL, LVGL_TASK_PRIORITY, &lvgl_TaskHandle);
    
27.     xTaskCreate(button_process_task, (char*)"button_proc_task", button_PROCESS_STACK_SIZE, NULL, button_PROCESS_PRIORITY, &button_process_task_hd);
    
28.     // printf("HeapSize:%d\r\n",xPortGetFreeHeapSize());
    
29. 
    
30. #ifdef WAKE_UP_ENABLE
    
31.     xTaskCreate(app_ble_task, (char*)"app_ble_task", APPBLE_PROCESS_STACK_SIZE, NULL, APPBLE_PROCESS_PRIORITY, &app_ble_process_task_hd);
    
32. #endif
    
33.     vTaskStartScheduler();
    
34.     // while (1) {
    
35.     //     lv_task_handler();
    
36.     //     bflb_mtimer_delay_ms(1);
    
37.     // }
    
38. 
    
39.     while (1) {
    
40.     }
    
41. }

复制代码

我这里不注释掉wifi_start_firmware_task()就无法运行，原版工程也一样
编译并烧录，运行效果如图

不错不错！

赞

学习

赞

赞

打卡学习！