0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

AIoT行业洞察 来源:AIoT行业洞察 作者:AIoT行业洞察 2024-11-06 11:29 次阅读

wKgaomcq4omAb5T1AAEH9PDRG1Q878.jpg

https://www.bilibili.com/video/BV1UgSiY1EP9/?spm_id_from=333.999.0.0&vd_source=54c5db21948db2378659b7e8e42bafbf

安信可技术论坛官方B站账号来啦

提前关注不迷路

在这里优先预告各类活动、教程

以下作品由安信可社区用户

yuyy1989制作

小安派-SCP-4.3具有4.3寸液晶显示模块、按键模块、RS485接口Type-C供电模块。

小安派-SCP-4.3出厂适配了4.3屏幕驱动,作为码盘显示需要的信息,可通过按键改变屏幕显示的界面,适用于电动车或自行车等两轮车的应用

采用安信可M61无线模组为控制核心,通过M61芯片驱动4.3寸(480*272)RGB液晶屏,外接RS485通信接口,采用Tpye-C接口进行供电,将其余的IO口引出作为GPIO接口方便拓展。

wKgZomcq4omAKajCAAD_0QGQWjI613.jpg

本帖先介绍如何移植GUI Guider内置的模板界面到小安派SCP4.3,暂时不介绍如何使用GUI Guider设计界面。

GUI Guider是恩智浦提供的用户友好型图形用户界面开发工具,可通过开源LVGL图形库快速开发高品质的显示。GUI Guider的拖放编辑器可以轻松利用LVGL的众多特性,如小部件、动画和样式来创建GUI,而只需少量代码或根本无需任何代码。

使用时需要注意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

安装后打开

wKgaomcq4omAWhAOAABzdCKhbdg773.jpg

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

wKgZomcq4oqAE6d-AABful4SIjc563.jpg

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

wKgaomcq4oqAdUqNAACUGEwAnAY383.jpg

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

https://www.nxp.com (二维码自动识别)

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

wKgZomcq4o2AVTNWAACOoB21TnU037.jpg

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

wKgaomcq4o6ANsYEAAC73jM9BF4007.jpg

之后会打开工程姐界面

wKgZomcq4o6AWRZiAAApJgLEbL8698.jpg

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

wKgaomcq4o6AZVNhAAAtiXtOFv8585.jpg

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

wKgZomcq4o-AUitMAAA7-GnLyU8540.jpg

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

chaijie_default.png

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

wKgaomcq4o-AaH-qAACJ26aDTRg986.jpg

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

wKgZomcq4pCAVwQOAAAqzixUh1A870.jpg

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

include(proj.conf)
find_package(bouffalo_sdk REQUIRED HINTS $ENV{BL_SDK_BASE})
file(GLOB_RECURSE sources "${CMAKE_CURRENT_SOURCE_DIR}/guider_ui/*.c")
file(GLOB_RECURSE app "${CMAKE_CURRENT_SOURCE_DIR}/app/*.c")
# User
# sdk_add_compile_definitions(-DCONFIG_CLI_CMD_ENABLE)
sdk_add_compile_definitions(-DLV_LVGL_H_INCLUDE_SIMPLE)
sdk_add_include_directories(.)
sdk_add_include_directories(guider_ui)
sdk_add_include_directories(guider_ui/custom)
sdk_add_include_directories(guider_ui/generated)
sdk_add_include_directories(guider_ui/generated/guider_customer_fonts)
sdk_add_include_directories(guider_ui/generated/guider_fonts)
sdk_add_include_directories(guider_ui/generated/images)
sdk_add_include_directories(app)
target_sources(app PRIVATE ${sources} ${app})
sdk_set_main_file(main.c)
get_filename_component(PROJECT_NAME ${CMAKE_CURRENT_SOURCE_DIR} NAME)
project(${PROJECT_NAME})

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

wKgaomcq4pCAe1LMAABAoelNgcg623.jpg

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

wKgZomcq4pCAI-nsAAAjFGsTFy4998.jpg

修改main函数

lv_ui guider_ui;
int main(void)
{
board_init();
// printf("HeapSize:%drn",xPortGetFreeHeapSize());
tcpip_init(NULL, NULL);
//wifi_start_firmware_task();
lwip_sntp_init();
bflb_mtd_init();
easyflash_init();
/* lvgl init */
lv_log_register_print_cb(lv_log_print_g_cb);
lv_init();
lv_port_disp_init();
//ui_init();
setup_ui(&guider_ui);
events_init(&guider_ui);
printf("lv_task_handlerrn");
printf("lvgl successrn");
xTaskCreate(lvgl_task, (char*)"lvgl", LVGL_STACK_SIZE, NULL, LVGL_TASK_PRIORITY, &lvgl_TaskHandle);
xTaskCreate(button_process_task, (char*)"button_proc_task", button_PROCESS_STACK_SIZE, NULL, button_PROCESS_PRIORITY, &button_process_task_hd);
// printf("HeapSize:%drn",xPortGetFreeHeapSize());
#ifdef WAKE_UP_ENABLE
xTaskCreate(app_ble_task, (char*)"app_ble_task", APPBLE_PROCESS_STACK_SIZE, NULL, APPBLE_PROCESS_PRIORITY, &app_ble_process_task_hd);
#endif
vTaskStartScheduler();
// while (1) {
// lv_task_handler();
// bflb_mtimer_delay_ms(1);
// }
while (1) {
}
}

这里不注释掉wifi_start_firmware_task()就无法运行,原版工程也一样

编译并烧录,运行效果如图

wKgaomcq4pGAZwyTAAEM5HfoRPU061.jpg

原贴地址:移植NXP GUI Guider的界面到小安派SCP4.3https://bbs.ai-thinker.com/foru

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • NXP
    NXP
    +关注

    关注

    60

    文章

    1267

    浏览量

    183174
  • GUI
    GUI
    +关注

    关注

    3

    文章

    648

    浏览量

    39534
  • SCP
    SCP
    +关注

    关注

    0

    文章

    29

    浏览量

    9230
收藏 人收藏

    评论

    相关推荐

    零基础开发小安-Eyes-S1外设篇——GPIO 输入输出

    等。 AiPi-Eyes-S1集成了SPI屏幕接口,DVP摄像头接口,外置ES8388音频编解码芯片以及预留TF卡座,并且引出USB接口,可接入USB摄像头。 从零开始学习小安: 1、零基础开发小安
    的头像 发表于 10-25 13:50 955次阅读
    零基础开发<b class='flag-5'>小安</b><b class='flag-5'>派</b>-Eyes-S1外设篇——GPIO 输入输出

    GUI Guider全新版本上线

    GUI Guider v1.8.1上线啦!这一版本为嵌入式HMI开发带来了多项新功能和改进,旨在为您提供更加高效、便捷的嵌入式HMI开发体验。
    的头像 发表于 10-14 11:37 862次阅读

    树莓gui开发用什么ide

    树莓(Raspberry Pi)是一款功能强大的微型计算机,可以运行多种操作系统,如Raspbian、Ubuntu等。在树莓派上进行GUI(图形用户界面)开发,可以使用多种集成开发环境(IDE
    的头像 发表于 08-30 16:49 647次阅读

    小安Cam-D200摄像头黑屏,无画面?!

    小安-Cam-D200 已经发布半年了,第一次升级在这:从30W200W,从标清到高清!小安-Cam-D 爆炸升级! 随后在使用的过程
    的头像 发表于 08-13 13:52 241次阅读
    <b class='flag-5'>小安</b><b class='flag-5'>派</b>Cam-D200摄像头黑屏,无画面?!

    GUI Guider V1.8.0全新版本正式上线

    在这个充满创新与挑战的时代,我们深知高效、灵活的GUI设计工具对人机交互应用的重要性。经过几个月的精心打磨与测试,GUI Guider V1.8.0全新版本正式上线了!本次更新不仅带来了前所未有的设计自由度,更在功能优化与用户体
    的头像 发表于 08-02 09:26 641次阅读

    GUI Guider新版本发布,嵌入式GUI开发体验升级

    作为恩智浦着力打造的一款嵌入式人机交互应用开发工具,GUI Guider又迎来了一个新版本!最新发布的GUI Guider v1.7.1增加了视频转换功能,可以帮助用户灵活地转换原视频
    发表于 03-29 09:47 1550次阅读
    <b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>新版本发布,嵌入式<b class='flag-5'>GUI</b>开发体验升级

    恩智浦GUI Guider:LCD屏示例工程快速创建指南

    除了 MCUX 的工程可以在导入时另选官方 SDK 版本,其余 IDE 的 SDK 版本均是确定的。如需其它 SDK 版本,需要手动更新 GUI-Guider-Projects t1170_qsg_projsdkCore 里文件。
    发表于 03-14 10:52 3388次阅读
    恩智浦<b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>:LCD屏示例工程快速创建指南

    功德+1,用小安-Eyes-S1做一个电子木鱼

    2024积德累功,心想事成!接下来 看看如何用小安-Eyes-S1做一个电子木鱼 。 01、GUI-Guider 页面设计 先新建一个工程。 直接进入 UI 设计界面,这里用到了两个
    的头像 发表于 01-16 14:33 680次阅读
    功德+1,用<b class='flag-5'>小安</b><b class='flag-5'>派</b>-Eyes-S1做一个电子木鱼

    用安信可的小安小安,DIY个简单的CC表

    本作品由安信可社区用户 bzhou830 制作 原贴地址:【DIY电子作品】电压与电流CC表 基于小安AiPi-Eye-S1 汇总 https://bbs.ai-thinker.com
    的头像 发表于 12-25 17:07 642次阅读
    用安信可的<b class='flag-5'>小安</b><b class='flag-5'>派</b><b class='flag-5'>小安</b><b class='flag-5'>派</b>,DIY个简单的CC表

    小安DIY个简单的CC表

    Power-Z 上使用的是 INA226,正好手上有这个芯片。那么搭配小安惊艳的屏幕应该能实现出来一个高颜值的CC表。打开原理图可以看到S1正好预留了一个I2C的接口,完美
    的头像 发表于 12-22 18:15 1584次阅读
    用<b class='flag-5'>小安</b><b class='flag-5'>派</b>DIY个简单的CC表

    图形界面开发工具GUI Guider的使用教程

    GUI GuiderNXP推出的一款功能强大且对用户非常友好的图形界面开发工具。目前最新版本是1.6.1。
    的头像 发表于 12-20 09:49 1.7w次阅读
    图形<b class='flag-5'>界面</b>开发工具<b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>的使用教程

    小安Arduino开发板 ,全新支持以太网口

    前面几款小安派出来的时候,经常有粉丝询问是否支持Arduino?其它款小安也是支持的,大家可以去安信可社区搜索查看,小安-UNO-ET4
    的头像 发表于 12-06 16:00 741次阅读
    <b class='flag-5'>小安</b><b class='flag-5'>派</b>Arduino开发板 ,全新支持以太网口

    小安-UNO-ET485 Arduino开发板简介

    前面几款小安派出来的时候,经常有粉丝询问是否支持Arduino?其它款小安也是支持的,大家可以去安信可社区搜索查看,小安-UNO-ET4
    的头像 发表于 12-03 09:58 895次阅读
    <b class='flag-5'>小安</b><b class='flag-5'>派</b>-UNO-ET485 Arduino开发板简介

    『嵌入式GUI特训营』开营啦!是学霸就有奖拿,快来挑战一下!

    ! ↓↓↓ 点击这里,马上入营! 精品课程 在“嵌入式GUI特训营”中,通过NXP资深工程师主讲的7堂精品技术课程,你将会—— 了解GUI热点技术和开发技巧 结识免费的GUI
    的头像 发表于 12-01 09:15 428次阅读
    『嵌入式<b class='flag-5'>GUI</b>特训营』开营啦!是学霸就有奖拿,快来挑战一下!

    python如何打开gui界面

    在Python中打开GUI界面,可以使用多种库或框架,如Tkinter、PyQt、wxPython等。下面将详细介绍如何使用Tkinter创建一个GUI界面。在写文章时,建议参考以下提
    的头像 发表于 11-22 14:12 933次阅读