一:环境使用Nodemcu-esp32s开发板128*160tft显示屏幕GUIgui开发软件platformio+arduino框架开发环境此移植需要提前配置好LVGL的环境,如果不会配置可以看我之前的文章LVGL配置GUIgui生成移植代码我简单的生成了一个GUIgui项目文件生成的代码文件夹中custom和generated是我们所需要的。将这两个文件夹放到我们的platformio的工程文件夹下面,这一步的操作就完成了。相关文件修改将这两个文件夹中的所有#include"lvgl/lvgl.h"改为#include"lvgl.h"将这两个文件夹中的.c文件中的#include"lv_f
文章目录前言一、软件安装1.VSCode安装2.MSYS2安装二、配置环境1.添加环境变量2.配置msys2环境3.配置VSCode三、运行lvgl示例前言最近需要使用LittlevGL(以下简称lvgl)做ARM开发板的GUI,为了方便调试代码在网上搜集了部分在Windows环境下利用VSCode模拟仿真的环境配置步骤,现整理如下。一、软件安装系统版本:Windows10专业版21H21.VSCode安装直接使用国内镜像下载链接:https://vscode.cdn.azure.cn/stable/b4c1bd0a9b03c749ea011b06c6d2676c8091a70c/VSCode
一、按键切换对象程序全局变量staticlv_obj_t*contanier1=NULL;staticlv_obj_t*contanier2=NULL;按钮对应回调函数,实现容器的切换staticvoidwin_btn_event_callback1(lv_event_t*e){lv_event_code_tcode=lv_event_get_code(e);if(code==LV_EVENT_CLICKED){//给窗口1的容器添加隐藏属性,清除窗口2的隐藏属性lv_obj_add_flag(contanier1,LV_OBJ_FLAG_HIDDEN);lv_obj_clear_flag(c
一、目的 这一节我们学习如何使用我们的ESP32开发板来控制ILI93413.2寸TFT-LCD触摸屏进行LVGL图形化编程的第一步:环境搭建。关键字:3.2寸SPI串口TFT液晶显示屏模块ILI9341驱动LCD触摸屏240*320LVGL图形化编程XPT2046触摸屏芯片IC二、环境 ESP32+3.2寸ILI9341触摸屏+ThonnyIDE+几根杜邦线接线方法: 上图接线比较多,显得乱,大家看下面表格连接即可:ILI9341屏幕ESP32开发板VCC5V或3.3VGNDGNDCSD5RESETD27DCD26SDI(MOSI)D23SCKD18LED5VSDO(
文章目录X-TRACK阅读笔记整体架构PageManager问题页面的分析StatusBarStartup页面Dilaplate页面页面的布局动画的设置LiveMap页面SystemInfos页面processon框架图X-TRACK阅读笔记整体架构APP-HAL-HARDWAREUSER/APP/Common/HAL下的HAL文件声明HAL的接口,具体实现在App/HAL/下或者Simulator/LVGL.Simulator/HAL/下Main函数:HAL::HAL_Init();lv_Init();APP_Init(); //重点APP_Init函数:staticAppFactoryfa
文章目录X-TRACK阅读笔记整体架构PageManager问题页面的分析StatusBarStartup页面Dilaplate页面页面的布局动画的设置LiveMap页面SystemInfos页面processon框架图X-TRACK阅读笔记整体架构APP-HAL-HARDWAREUSER/APP/Common/HAL下的HAL文件声明HAL的接口,具体实现在App/HAL/下或者Simulator/LVGL.Simulator/HAL/下Main函数:HAL::HAL_Init();lv_Init();APP_Init(); //重点APP_Init函数:staticAppFactoryfa
前言最近项目需要买了一个ESP-WROVER-E模块,这个模块内置了一个4MB的PSRAM,对于需要大内存运行的场景非常友好。在我的项目中用到了LVGL这个第三方图形库,下面就讲一下如何最大化地在LVGL中使用这个PSRAM。教程在lv_conf.h文件中,找到下面的代码。/*1:usecustommalloc/free,0:usethebuilt-in`lv_mem_alloc()`and`lv_mem_free()`*/#defineLV_MEM_CUSTOM1#ifLV_MEM_CUSTOM==0/*Sizeofthememoryavailablefor`lv_mem_alloc()`i
前言最近项目需要买了一个ESP-WROVER-E模块,这个模块内置了一个4MB的PSRAM,对于需要大内存运行的场景非常友好。在我的项目中用到了LVGL这个第三方图形库,下面就讲一下如何最大化地在LVGL中使用这个PSRAM。教程在lv_conf.h文件中,找到下面的代码。/*1:usecustommalloc/free,0:usethebuilt-in`lv_mem_alloc()`and`lv_mem_free()`*/#defineLV_MEM_CUSTOM1#ifLV_MEM_CUSTOM==0/*Sizeofthememoryavailablefor`lv_mem_alloc()`i
#includepthread_mutex_tmutex_lv;//lvgl线程锁staticcharlocal_music_path[]="/tmp/newwork/8.30big_project/music";//音乐路径staticcharlocal_pic_path[]="/tmp/newwork/photo";//图片路径staticcharlocal_words_path[]="/tmp/newwork/words";//歌词路径staticcharlocal_video_path[]="/tmp/newwork/tv";//视频路径staticcharmusic_path[100
#includepthread_mutex_tmutex_lv;//lvgl线程锁staticcharlocal_music_path[]="/tmp/newwork/8.30big_project/music";//音乐路径staticcharlocal_pic_path[]="/tmp/newwork/photo";//图片路径staticcharlocal_words_path[]="/tmp/newwork/words";//歌词路径staticcharlocal_video_path[]="/tmp/newwork/tv";//视频路径staticcharmusic_path[100