m5stack/StackChan
1
0
Fork 0
mirror of https://github.com/m5stack/StackChan.git synced 2026-04-28 11:27:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

add remote source code (#12)

Browse Source 
Co-authored-by: jyy <jiangyeying@m5stack.com>
This commit is contained in:
Jiangyy
2026-04-20 16:27:57 +08:00
committed by GitHub
parent dd34f9e0ec
commit 0cb413697b
29 changed files with 10886 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
remote/code/main/ui/lv_conf.h
+784
View File
@@ -0,0 +1,784 @@
/**
* @file lv_conf.h
* Configuration file for v8.4.0
*/
/*
* Copy this file as `lv_conf.h`
* 1. simply next to the `lvgl` folder
* 2. or any other places and
* - define `LV_CONF_INCLUDE_SIMPLE`
* - add the path as include path
*/
/* clang-format off */
#if 1 /*Set it to "1" to enable content*/
#ifndef LV_CONF_H
#define LV_CONF_H
#include <stdint.h>
/*====================
COLOR SETTINGS
*====================*/
/*Color depth: 1 (1 byte per pixel), 8 (RGB332), 16 (RGB565), 32 (ARGB8888)*/
#define LV_COLOR_DEPTH 16
/*Swap the 2 bytes of RGB565 color. Useful if the display has an 8-bit interface (e.g. SPI)*/
#define LV_COLOR_16_SWAP 0
/*Enable features to draw on transparent background.
*It's required if opa, and transform_* style properties are used.
*Can be also used if the UI is above another layer, e.g. an OSD menu or video player.*/
#define LV_COLOR_SCREEN_TRANSP 0
/* Adjust color mix functions rounding. GPUs might calculate color mix (blending) differently.
* 0: round down, 64: round up from x.75, 128: round up from half, 192: round up from x.25, 254: round up */
#define LV_COLOR_MIX_ROUND_OFS 0
/*Images pixels with this color will not be drawn if they are chroma keyed)*/
#define LV_COLOR_CHROMA_KEY lv_color_hex(0x00ff00) /*pure green*/
/*=========================
MEMORY SETTINGS
*=========================*/
/*1: use custom malloc/free, 0: use the built-in `lv_mem_alloc()` and `lv_mem_free()`*/
#define LV_MEM_CUSTOM 0
#if LV_MEM_CUSTOM == 0
/*Size of the memory available for `lv_mem_alloc()` in bytes (>= 2kB)*/
#define LV_MEM_SIZE (128U * 1024U) /*[bytes]*/
/*Set an address for the memory pool instead of allocating it as a normal array. Can be in external SRAM too.*/
#define LV_MEM_ADR 0 /*0: unused*/
/*Instead of an address give a memory allocator that will be called to get a memory pool for LVGL. E.g. my_malloc*/
#if LV_MEM_ADR == 0
#undef LV_MEM_POOL_INCLUDE
#undef LV_MEM_POOL_ALLOC
#endif
#else /*LV_MEM_CUSTOM*/
#define LV_MEM_CUSTOM_INCLUDE <stdlib.h> /*Header for the dynamic memory function*/
#define LV_MEM_CUSTOM_ALLOC malloc
#define LV_MEM_CUSTOM_FREE free
#define LV_MEM_CUSTOM_REALLOC realloc
#endif /*LV_MEM_CUSTOM*/
/*Number of the intermediate memory buffer used during rendering and other internal processing mechanisms.
*You will see an error log message if there wasn't enough buffers. */
#define LV_MEM_BUF_MAX_NUM 16
/*Use the standard `memcpy` and `memset` instead of LVGL's own functions. (Might or might not be faster).*/
#define LV_MEMCPY_MEMSET_STD 0
/*====================
HAL SETTINGS
*====================*/
/*Default display refresh period. LVG will redraw changed areas with this period time*/
#define LV_DISP_DEF_REFR_PERIOD 30 /*[ms]*/
/*Input device read period in milliseconds*/
#define LV_INDEV_DEF_READ_PERIOD 30 /*[ms]*/
/*Use a custom tick source that tells the elapsed time in milliseconds.
*It removes the need to manually update the tick with `lv_tick_inc()`)*/
#define LV_TICK_CUSTOM 0
#if LV_TICK_CUSTOM
#define LV_TICK_CUSTOM_INCLUDE "Arduino.h" /*Header for the system time function*/
#define LV_TICK_CUSTOM_SYS_TIME_EXPR (millis()) /*Expression evaluating to current system time in ms*/
/*If using lvgl as ESP32 component*/
// #define LV_TICK_CUSTOM_INCLUDE "esp_timer.h"
// #define LV_TICK_CUSTOM_SYS_TIME_EXPR ((esp_timer_get_time() / 1000LL))
#endif /*LV_TICK_CUSTOM*/
/*Default Dot Per Inch. Used to initialize default sizes such as widgets sized, style paddings.
*(Not so important, you can adjust it to modify default sizes and spaces)*/
#define LV_DPI_DEF 130 /*[px/inch]*/
/*=======================
* FEATURE CONFIGURATION
*=======================*/
/*-------------
* Drawing
*-----------*/
/*Enable complex draw engine.
*Required to draw shadow, gradient, rounded corners, circles, arc, skew lines, image transformations or any masks*/
#define LV_DRAW_COMPLEX 1
#if LV_DRAW_COMPLEX != 0
/*Allow buffering some shadow calculation.
*LV_SHADOW_CACHE_SIZE is the max. shadow size to buffer, where shadow size is `shadow_width + radius`
*Caching has LV_SHADOW_CACHE_SIZE^2 RAM cost*/
#define LV_SHADOW_CACHE_SIZE 0
/* Set number of maximally cached circle data.
* The circumference of 1/4 circle are saved for anti-aliasing
* radius * 4 bytes are used per circle (the most often used radiuses are saved)
* 0: to disable caching */
#define LV_CIRCLE_CACHE_SIZE 4
#endif /*LV_DRAW_COMPLEX*/
/**
* "Simple layers" are used when a widget has `style_opa < 255` to buffer the widget into a layer
* and blend it as an image with the given opacity.
* Note that `bg_opa`, `text_opa` etc don't require buffering into layer)
* The widget can be buffered in smaller chunks to avoid using large buffers.
*
* - LV_LAYER_SIMPLE_BUF_SIZE: [bytes] the optimal target buffer size. LVGL will try to allocate it
* - LV_LAYER_SIMPLE_FALLBACK_BUF_SIZE: [bytes] used if `LV_LAYER_SIMPLE_BUF_SIZE` couldn't be allocated.
*
* Both buffer sizes are in bytes.
* "Transformed layers" (where transform_angle/zoom properties are used) use larger buffers
* and can't be drawn in chunks. So these settings affects only widgets with opacity.
*/
#define LV_LAYER_SIMPLE_BUF_SIZE (24 * 1024)
#define LV_LAYER_SIMPLE_FALLBACK_BUF_SIZE (3 * 1024)
/*Default image cache size. Image caching keeps the images opened.
*If only the built-in image formats are used there is no real advantage of caching. (I.e. if no new image decoder is added)
*With complex image decoders (e.g. PNG or JPG) caching can save the continuous open/decode of images.
*However the opened images might consume additional RAM.
*0: to disable caching*/
#define LV_IMG_CACHE_DEF_SIZE 0
/*Number of stops allowed per gradient. Increase this to allow more stops.
*This adds (sizeof(lv_color_t) + 1) bytes per additional stop*/
#define LV_GRADIENT_MAX_STOPS 2
/*Default gradient buffer size.
*When LVGL calculates the gradient "maps" it can save them into a cache to avoid calculating them again.
*LV_GRAD_CACHE_DEF_SIZE sets the size of this cache in bytes.
*If the cache is too small the map will be allocated only while it's required for the drawing.
*0 mean no caching.*/
#define LV_GRAD_CACHE_DEF_SIZE 0
/*Allow dithering the gradients (to achieve visual smooth color gradients on limited color depth display)
*LV_DITHER_GRADIENT implies allocating one or two more lines of the object's rendering surface
*The increase in memory consumption is (32 bits * object width) plus 24 bits * object width if using error diffusion */
#define LV_DITHER_GRADIENT 0
#if LV_DITHER_GRADIENT
/*Add support for error diffusion dithering.
*Error diffusion dithering gets a much better visual result, but implies more CPU consumption and memory when drawing.
*The increase in memory consumption is (24 bits * object's width)*/
#define LV_DITHER_ERROR_DIFFUSION 0
#endif
/*Maximum buffer size to allocate for rotation.
*Only used if software rotation is enabled in the display driver.*/
#define LV_DISP_ROT_MAX_BUF (10*1024)
/*-------------
* GPU
*-----------*/
/*Use Arm's 2D acceleration library Arm-2D */
#define LV_USE_GPU_ARM2D 0
/*Use STM32's DMA2D (aka Chrom Art) GPU*/
#define LV_USE_GPU_STM32_DMA2D 0
#if LV_USE_GPU_STM32_DMA2D
/*Must be defined to include path of CMSIS header of target processor
e.g. "stm32f7xx.h" or "stm32f4xx.h"*/
#define LV_GPU_DMA2D_CMSIS_INCLUDE
#endif
/*Enable RA6M3 G2D GPU*/
#define LV_USE_GPU_RA6M3_G2D 0
#if LV_USE_GPU_RA6M3_G2D
/*include path of target processor
e.g. "hal_data.h"*/
#define LV_GPU_RA6M3_G2D_INCLUDE "hal_data.h"
#endif
/*Use SWM341's DMA2D GPU*/
#define LV_USE_GPU_SWM341_DMA2D 0
#if LV_USE_GPU_SWM341_DMA2D
#define LV_GPU_SWM341_DMA2D_INCLUDE "SWM341.h"
#endif
/*Use NXP's PXP GPU iMX RTxxx platforms*/
#define LV_USE_GPU_NXP_PXP 0
#if LV_USE_GPU_NXP_PXP
/*1: Add default bare metal and FreeRTOS interrupt handling routines for PXP (lv_gpu_nxp_pxp_osa.c)
* and call lv_gpu_nxp_pxp_init() automatically during lv_init(). Note that symbol SDK_OS_FREE_RTOS
* has to be defined in order to use FreeRTOS OSA, otherwise bare-metal implementation is selected.
*0: lv_gpu_nxp_pxp_init() has to be called manually before lv_init()
*/
#define LV_USE_GPU_NXP_PXP_AUTO_INIT 0
#endif
/*Use NXP's VG-Lite GPU iMX RTxxx platforms*/
#define LV_USE_GPU_NXP_VG_LITE 0
/*Use SDL renderer API*/
#define LV_USE_GPU_SDL 0
#if LV_USE_GPU_SDL
#define LV_GPU_SDL_INCLUDE_PATH <SDL2/SDL.h>
/*Texture cache size, 8MB by default*/
#define LV_GPU_SDL_LRU_SIZE (1024 * 1024 * 8)
/*Custom blend mode for mask drawing, disable if you need to link with older SDL2 lib*/
#define LV_GPU_SDL_CUSTOM_BLEND_MODE (SDL_VERSION_ATLEAST(2, 0, 6))
#endif
/*-------------
* Logging
*-----------*/
/*Enable the log module*/
#define LV_USE_LOG 0
#if LV_USE_LOG
/*How important log should be added:
*LV_LOG_LEVEL_TRACE A lot of logs to give detailed information
*LV_LOG_LEVEL_INFO Log important events
*LV_LOG_LEVEL_WARN Log if something unwanted happened but didn't cause a problem
*LV_LOG_LEVEL_ERROR Only critical issue, when the system may fail
*LV_LOG_LEVEL_USER Only logs added by the user
*LV_LOG_LEVEL_NONE Do not log anything*/
#define LV_LOG_LEVEL LV_LOG_LEVEL_WARN
/*1: Print the log with 'printf';
*0: User need to register a callback with `lv_log_register_print_cb()`*/
#define LV_LOG_PRINTF 0
/*Enable/disable LV_LOG_TRACE in modules that produces a huge number of logs*/
#define LV_LOG_TRACE_MEM 1
#define LV_LOG_TRACE_TIMER 1
#define LV_LOG_TRACE_INDEV 1
#define LV_LOG_TRACE_DISP_REFR 1
#define LV_LOG_TRACE_EVENT 1
#define LV_LOG_TRACE_OBJ_CREATE 1
#define LV_LOG_TRACE_LAYOUT 1
#define LV_LOG_TRACE_ANIM 1
#endif /*LV_USE_LOG*/
/*-------------
* Asserts
*-----------*/
/*Enable asserts if an operation is failed or an invalid data is found.
*If LV_USE_LOG is enabled an error message will be printed on failure*/
#define LV_USE_ASSERT_NULL 1 /*Check if the parameter is NULL. (Very fast, recommended)*/
#define LV_USE_ASSERT_MALLOC 1 /*Checks is the memory is successfully allocated or no. (Very fast, recommended)*/
#define LV_USE_ASSERT_STYLE 0 /*Check if the styles are properly initialized. (Very fast, recommended)*/
#define LV_USE_ASSERT_MEM_INTEGRITY 0 /*Check the integrity of `lv_mem` after critical operations. (Slow)*/
#define LV_USE_ASSERT_OBJ 0 /*Check the object's type and existence (e.g. not deleted). (Slow)*/
/*Add a custom handler when assert happens e.g. to restart the MCU*/
#define LV_ASSERT_HANDLER_INCLUDE <stdint.h>
#define LV_ASSERT_HANDLER while(1); /*Halt by default*/
/*-------------
* Others
*-----------*/
/*1: Show CPU usage and FPS count*/
#define LV_USE_PERF_MONITOR 0
#if LV_USE_PERF_MONITOR
#define LV_USE_PERF_MONITOR_POS LV_ALIGN_BOTTOM_RIGHT
#endif
/*1: Show the used memory and the memory fragmentation
* Requires LV_MEM_CUSTOM = 0*/
#define LV_USE_MEM_MONITOR 0
#if LV_USE_MEM_MONITOR
#define LV_USE_MEM_MONITOR_POS LV_ALIGN_BOTTOM_LEFT
#endif
/*1: Draw random colored rectangles over the redrawn areas*/
#define LV_USE_REFR_DEBUG 0
/*Change the built in (v)snprintf functions*/
#define LV_SPRINTF_CUSTOM 0
#if LV_SPRINTF_CUSTOM
#define LV_SPRINTF_INCLUDE <stdio.h>
#define lv_snprintf snprintf
#define lv_vsnprintf vsnprintf
#else /*LV_SPRINTF_CUSTOM*/
#define LV_SPRINTF_USE_FLOAT 0
#endif /*LV_SPRINTF_CUSTOM*/
#define LV_USE_USER_DATA 1
/*Garbage Collector settings
*Used if lvgl is bound to higher level language and the memory is managed by that language*/
#define LV_ENABLE_GC 0
#if LV_ENABLE_GC != 0
#define LV_GC_INCLUDE "gc.h" /*Include Garbage Collector related things*/
#endif /*LV_ENABLE_GC*/
/*=====================
* COMPILER SETTINGS
*====================*/
/*For big endian systems set to 1*/
#define LV_BIG_ENDIAN_SYSTEM 0
/*Define a custom attribute to `lv_tick_inc` function*/
#define LV_ATTRIBUTE_TICK_INC
/*Define a custom attribute to `lv_timer_handler` function*/
#define LV_ATTRIBUTE_TIMER_HANDLER
/*Define a custom attribute to `lv_disp_flush_ready` function*/
#define LV_ATTRIBUTE_FLUSH_READY
/*Required alignment size for buffers*/
#define LV_ATTRIBUTE_MEM_ALIGN_SIZE 1
/*Will be added where memories needs to be aligned (with -Os data might not be aligned to boundary by default).
* E.g. __attribute__((aligned(4)))*/
#define LV_ATTRIBUTE_MEM_ALIGN
/*Attribute to mark large constant arrays for example font's bitmaps*/
#define LV_ATTRIBUTE_LARGE_CONST
/*Compiler prefix for a big array declaration in RAM*/
#define LV_ATTRIBUTE_LARGE_RAM_ARRAY
/*Place performance critical functions into a faster memory (e.g RAM)*/
#define LV_ATTRIBUTE_FAST_MEM
/*Prefix variables that are used in GPU accelerated operations, often these need to be placed in RAM sections that are DMA accessible*/
#define LV_ATTRIBUTE_DMA
/*Export integer constant to binding. This macro is used with constants in the form of LV_<CONST> that
*should also appear on LVGL binding API such as Micropython.*/
#define LV_EXPORT_CONST_INT(int_value) struct _silence_gcc_warning /*The default value just prevents GCC warning*/
/*Extend the default -32k..32k coordinate range to -4M..4M by using int32_t for coordinates instead of int16_t*/
#define LV_USE_LARGE_COORD 0
/*==================
* FONT USAGE
*===================*/
/*Montserrat fonts with ASCII range and some symbols using bpp = 4
*https://fonts.google.com/specimen/Montserrat*/
#define LV_FONT_MONTSERRAT_8 0
#define LV_FONT_MONTSERRAT_10 0
#define LV_FONT_MONTSERRAT_12 0
#define LV_FONT_MONTSERRAT_14 1
#define LV_FONT_MONTSERRAT_16 0
#define LV_FONT_MONTSERRAT_18 0
#define LV_FONT_MONTSERRAT_20 0
#define LV_FONT_MONTSERRAT_22 0
#define LV_FONT_MONTSERRAT_24 0
#define LV_FONT_MONTSERRAT_26 0
#define LV_FONT_MONTSERRAT_28 0
#define LV_FONT_MONTSERRAT_30 0
#define LV_FONT_MONTSERRAT_32 0
#define LV_FONT_MONTSERRAT_34 0
#define LV_FONT_MONTSERRAT_36 0
#define LV_FONT_MONTSERRAT_38 0
#define LV_FONT_MONTSERRAT_40 0
#define LV_FONT_MONTSERRAT_42 0
#define LV_FONT_MONTSERRAT_44 0
#define LV_FONT_MONTSERRAT_46 0
#define LV_FONT_MONTSERRAT_48 0
/*Demonstrate special features*/
#define LV_FONT_MONTSERRAT_12_SUBPX 0
#define LV_FONT_MONTSERRAT_28_COMPRESSED 0 /*bpp = 3*/
#define LV_FONT_DEJAVU_16_PERSIAN_HEBREW 0 /*Hebrew, Arabic, Persian letters and all their forms*/
#define LV_FONT_SIMSUN_16_CJK 0 /*1000 most common CJK radicals*/
/*Pixel perfect monospace fonts*/
#define LV_FONT_UNSCII_8 0
#define LV_FONT_UNSCII_16 0
/*Optionally declare custom fonts here.
*You can use these fonts as default font too and they will be available globally.
*E.g. #define LV_FONT_CUSTOM_DECLARE LV_FONT_DECLARE(my_font_1) LV_FONT_DECLARE(my_font_2)*/
#define LV_FONT_CUSTOM_DECLARE
/*Always set a default font*/
#define LV_FONT_DEFAULT &lv_font_montserrat_14
/*Enable handling large font and/or fonts with a lot of characters.
*The limit depends on the font size, font face and bpp.
*Compiler error will be triggered if a font needs it.*/
#define LV_FONT_FMT_TXT_LARGE 0
/*Enables/disables support for compressed fonts.*/
#define LV_USE_FONT_COMPRESSED 0
/*Enable subpixel rendering*/
#define LV_USE_FONT_SUBPX 0
#if LV_USE_FONT_SUBPX
/*Set the pixel order of the display. Physical order of RGB channels. Doesn't matter with "normal" fonts.*/
#define LV_FONT_SUBPX_BGR 0 /*0: RGB; 1:BGR order*/
#endif
/*Enable drawing placeholders when glyph dsc is not found*/
#define LV_USE_FONT_PLACEHOLDER 1
/*=================
* TEXT SETTINGS
*=================*/
/**
* Select a character encoding for strings.
* Your IDE or editor should have the same character encoding
* - LV_TXT_ENC_UTF8
* - LV_TXT_ENC_ASCII
*/
#define LV_TXT_ENC LV_TXT_ENC_UTF8
/*Can break (wrap) texts on these chars*/
#define LV_TXT_BREAK_CHARS " ,.;:-_"
/*If a word is at least this long, will break wherever "prettiest"
*To disable, set to a value <= 0*/
#define LV_TXT_LINE_BREAK_LONG_LEN 0
/*Minimum number of characters in a long word to put on a line before a break.
*Depends on LV_TXT_LINE_BREAK_LONG_LEN.*/
#define LV_TXT_LINE_BREAK_LONG_PRE_MIN_LEN 3
/*Minimum number of characters in a long word to put on a line after a break.
*Depends on LV_TXT_LINE_BREAK_LONG_LEN.*/
#define LV_TXT_LINE_BREAK_LONG_POST_MIN_LEN 3
/*The control character to use for signalling text recoloring.*/
#define LV_TXT_COLOR_CMD "#"
/*Support bidirectional texts. Allows mixing Left-to-Right and Right-to-Left texts.
*The direction will be processed according to the Unicode Bidirectional Algorithm:
*https://www.w3.org/International/articles/inline-bidi-markup/uba-basics*/
#define LV_USE_BIDI 0
#if LV_USE_BIDI
/*Set the default direction. Supported values:
*`LV_BASE_DIR_LTR` Left-to-Right
*`LV_BASE_DIR_RTL` Right-to-Left
*`LV_BASE_DIR_AUTO` detect texts base direction*/
#define LV_BIDI_BASE_DIR_DEF LV_BASE_DIR_AUTO
#endif
/*Enable Arabic/Persian processing
*In these languages characters should be replaced with an other form based on their position in the text*/
#define LV_USE_ARABIC_PERSIAN_CHARS 0
/*==================
* WIDGET USAGE
*================*/
/*Documentation of the widgets: https://docs.lvgl.io/latest/en/html/widgets/index.html*/
#define LV_USE_ARC 1
#define LV_USE_BAR 1
#define LV_USE_BTN 1
#define LV_USE_BTNMATRIX 1
#define LV_USE_CANVAS 1
#define LV_USE_CHECKBOX 1
#define LV_USE_DROPDOWN 1 /*Requires: lv_label*/
#define LV_USE_IMG 1 /*Requires: lv_label*/
#define LV_USE_LABEL 1
#if LV_USE_LABEL
#define LV_LABEL_TEXT_SELECTION 1 /*Enable selecting text of the label*/
#define LV_LABEL_LONG_TXT_HINT 1 /*Store some extra info in labels to speed up drawing of very long texts*/
#endif
#define LV_USE_LINE 1
#define LV_USE_ROLLER 1 /*Requires: lv_label*/
#if LV_USE_ROLLER
#define LV_ROLLER_INF_PAGES 7 /*Number of extra "pages" when the roller is infinite*/
#endif
#define LV_USE_SLIDER 1 /*Requires: lv_bar*/
#define LV_USE_SWITCH 1
#define LV_USE_TEXTAREA 1 /*Requires: lv_label*/
#if LV_USE_TEXTAREA != 0
#define LV_TEXTAREA_DEF_PWD_SHOW_TIME 1500 /*ms*/
#endif
#define LV_USE_TABLE 1
/*==================
* EXTRA COMPONENTS
*==================*/
/*-----------
* Widgets
*----------*/
#define LV_USE_ANIMIMG 1
#define LV_USE_CALENDAR 1
#if LV_USE_CALENDAR
#define LV_CALENDAR_WEEK_STARTS_MONDAY 0
#if LV_CALENDAR_WEEK_STARTS_MONDAY
#define LV_CALENDAR_DEFAULT_DAY_NAMES {"Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"}
#else
#define LV_CALENDAR_DEFAULT_DAY_NAMES {"Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"}
#endif
#define LV_CALENDAR_DEFAULT_MONTH_NAMES {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"}
#define LV_USE_CALENDAR_HEADER_ARROW 1
#define LV_USE_CALENDAR_HEADER_DROPDOWN 1
#endif /*LV_USE_CALENDAR*/
#define LV_USE_CHART 1
#define LV_USE_COLORWHEEL 1
#define LV_USE_IMGBTN 1
#define LV_USE_KEYBOARD 1
#define LV_USE_LED 1
#define LV_USE_LIST 1
#define LV_USE_MENU 1
#define LV_USE_METER 1
#define LV_USE_MSGBOX 1
#define LV_USE_SPAN 1
#if LV_USE_SPAN
/*A line text can contain maximum num of span descriptor */
#define LV_SPAN_SNIPPET_STACK_SIZE 64
#endif
#define LV_USE_SPINBOX 1
#define LV_USE_SPINNER 1
#define LV_USE_TABVIEW 1
#define LV_USE_TILEVIEW 1
#define LV_USE_WIN 1
/*-----------
* Themes
*----------*/
/*A simple, impressive and very complete theme*/
#define LV_USE_THEME_DEFAULT 1
#if LV_USE_THEME_DEFAULT
/*0: Light mode; 1: Dark mode*/
#define LV_THEME_DEFAULT_DARK 0
/*1: Enable grow on press*/
#define LV_THEME_DEFAULT_GROW 1
/*Default transition time in [ms]*/
#define LV_THEME_DEFAULT_TRANSITION_TIME 80
#endif /*LV_USE_THEME_DEFAULT*/
/*A very simple theme that is a good starting point for a custom theme*/
#define LV_USE_THEME_BASIC 1
/*A theme designed for monochrome displays*/
#define LV_USE_THEME_MONO 1
/*-----------
* Layouts
*----------*/
/*A layout similar to Flexbox in CSS.*/
#define LV_USE_FLEX 1
/*A layout similar to Grid in CSS.*/
#define LV_USE_GRID 1
/*---------------------
* 3rd party libraries
*--------------------*/
/*File system interfaces for common APIs */
/*API for fopen, fread, etc*/
#define LV_USE_FS_STDIO 0
#if LV_USE_FS_STDIO
#define LV_FS_STDIO_LETTER '\0' /*Set an upper cased letter on which the drive will accessible (e.g. 'A')*/
#define LV_FS_STDIO_PATH "" /*Set the working directory. File/directory paths will be appended to it.*/
#define LV_FS_STDIO_CACHE_SIZE 0 /*>0 to cache this number of bytes in lv_fs_read()*/
#endif
/*API for open, read, etc*/
#define LV_USE_FS_POSIX 0
#if LV_USE_FS_POSIX
#define LV_FS_POSIX_LETTER '\0' /*Set an upper cased letter on which the drive will accessible (e.g. 'A')*/
#define LV_FS_POSIX_PATH "" /*Set the working directory. File/directory paths will be appended to it.*/
#define LV_FS_POSIX_CACHE_SIZE 0 /*>0 to cache this number of bytes in lv_fs_read()*/
#endif
/*API for CreateFile, ReadFile, etc*/
#define LV_USE_FS_WIN32 0
#if LV_USE_FS_WIN32
#define LV_FS_WIN32_LETTER '\0' /*Set an upper cased letter on which the drive will accessible (e.g. 'A')*/
#define LV_FS_WIN32_PATH "" /*Set the working directory. File/directory paths will be appended to it.*/
#define LV_FS_WIN32_CACHE_SIZE 0 /*>0 to cache this number of bytes in lv_fs_read()*/
#endif
/*API for FATFS (needs to be added separately). Uses f_open, f_read, etc*/
#define LV_USE_FS_FATFS 0
#if LV_USE_FS_FATFS
#define LV_FS_FATFS_LETTER '\0' /*Set an upper cased letter on which the drive will accessible (e.g. 'A')*/
#define LV_FS_FATFS_CACHE_SIZE 0 /*>0 to cache this number of bytes in lv_fs_read()*/
#endif
/*API for LittleFS (library needs to be added separately). Uses lfs_file_open, lfs_file_read, etc*/
#define LV_USE_FS_LITTLEFS 0
#if LV_USE_FS_LITTLEFS
#define LV_FS_LITTLEFS_LETTER '\0' /*Set an upper cased letter on which the drive will accessible (e.g. 'A')*/
#define LV_FS_LITTLEFS_CACHE_SIZE 0 /*>0 to cache this number of bytes in lv_fs_read()*/
#endif
/*PNG decoder library*/
#define LV_USE_PNG 0
/*BMP decoder library*/
#define LV_USE_BMP 0
/* JPG + split JPG decoder library.
* Split JPG is a custom format optimized for embedded systems. */
#define LV_USE_SJPG 0
/*GIF decoder library*/
#define LV_USE_GIF 0
/*QR code library*/
#define LV_USE_QRCODE 0
/*FreeType library*/
#define LV_USE_FREETYPE 0
#if LV_USE_FREETYPE
/*Memory used by FreeType to cache characters [bytes] (-1: no caching)*/
#define LV_FREETYPE_CACHE_SIZE (16 * 1024)
#if LV_FREETYPE_CACHE_SIZE >= 0
/* 1: bitmap cache use the sbit cache, 0:bitmap cache use the image cache. */
/* sbit cache:it is much more memory efficient for small bitmaps(font size < 256) */
/* if font size >= 256, must be configured as image cache */
#define LV_FREETYPE_SBIT_CACHE 0
/* Maximum number of opened FT_Face/FT_Size objects managed by this cache instance. */
/* (0:use system defaults) */
#define LV_FREETYPE_CACHE_FT_FACES 0
#define LV_FREETYPE_CACHE_FT_SIZES 0
#endif
#endif
/*Tiny TTF library*/
#define LV_USE_TINY_TTF 0
#if LV_USE_TINY_TTF
/*Load TTF data from files*/
#define LV_TINY_TTF_FILE_SUPPORT 0
#endif
/*Rlottie library*/
#define LV_USE_RLOTTIE 0
/*FFmpeg library for image decoding and playing videos
*Supports all major image formats so do not enable other image decoder with it*/
#define LV_USE_FFMPEG 0
#if LV_USE_FFMPEG
/*Dump input information to stderr*/
#define LV_FFMPEG_DUMP_FORMAT 0
#endif
/*-----------
* Others
*----------*/
/*1: Enable API to take snapshot for object*/
#define LV_USE_SNAPSHOT 0
/*1: Enable Monkey test*/
#define LV_USE_MONKEY 0
/*1: Enable grid navigation*/
#define LV_USE_GRIDNAV 0
/*1: Enable lv_obj fragment*/
#define LV_USE_FRAGMENT 0
/*1: Support using images as font in label or span widgets */
#define LV_USE_IMGFONT 0
/*1: Enable a published subscriber based messaging system */
#define LV_USE_MSG 0
/*1: Enable Pinyin input method*/
/*Requires: lv_keyboard*/
#define LV_USE_IME_PINYIN 0
#if LV_USE_IME_PINYIN
/*1: Use default thesaurus*/
/*If you do not use the default thesaurus, be sure to use `lv_ime_pinyin` after setting the thesauruss*/
#define LV_IME_PINYIN_USE_DEFAULT_DICT 1
/*Set the maximum number of candidate panels that can be displayed*/
/*This needs to be adjusted according to the size of the screen*/
#define LV_IME_PINYIN_CAND_TEXT_NUM 6
/*Use 9 key input(k9)*/
#define LV_IME_PINYIN_USE_K9_MODE 1
#if LV_IME_PINYIN_USE_K9_MODE == 1
#define LV_IME_PINYIN_K9_CAND_TEXT_NUM 3
#endif // LV_IME_PINYIN_USE_K9_MODE
#endif
/*==================
* EXAMPLES
*==================*/
/*Enable the examples to be built with the library*/
#define LV_BUILD_EXAMPLES 1
/*===================
* DEMO USAGE
====================*/
/*Show some widget. It might be required to increase `LV_MEM_SIZE` */
#define LV_USE_DEMO_WIDGETS 0
#if LV_USE_DEMO_WIDGETS
#define LV_DEMO_WIDGETS_SLIDESHOW 0
#endif
/*Demonstrate the usage of encoder and keyboard*/
#define LV_USE_DEMO_KEYPAD_AND_ENCODER 0
/*Benchmark your system*/
#define LV_USE_DEMO_BENCHMARK 0
#if LV_USE_DEMO_BENCHMARK
/*Use RGB565A8 images with 16 bit color depth instead of ARGB8565*/
#define LV_DEMO_BENCHMARK_RGB565A8 0
#endif
/*Stress test for LVGL*/
#define LV_USE_DEMO_STRESS 0
/*Music player demo*/
#define LV_USE_DEMO_MUSIC 0
#if LV_USE_DEMO_MUSIC
#define LV_DEMO_MUSIC_SQUARE 0
#define LV_DEMO_MUSIC_LANDSCAPE 0
#define LV_DEMO_MUSIC_ROUND 0
#define LV_DEMO_MUSIC_LARGE 0
#define LV_DEMO_MUSIC_AUTO_PLAY 0
#endif
/*--END OF LV_CONF_H--*/
#endif /*LV_CONF_H*/
#endif /*End of "Content enable"*/
remote/code/main/ui/ui.c
+93
View File
@@ -0,0 +1,93 @@
#include "ui.h"
/**
* @brief Switches between different UI screens based on the provided screen ID
*
* This function manages the display of different UI screens (setup, running, IMU)
* by checking if the requested screen exists, creating it if necessary, validating
* the screen object, and then loading it with a slide-left animation effect.
*
* The function implements error handling by destroying and recreating invalid screens
* using goto statements for retry logic. Each screen type has its own creation
* and validation flow.
*
* @param screen_id An integer representing the target screen mode:
* - MODE_SETUP: Configuration/setup screen
* - MODE_RUNNING: Main operational screen
* - MODE_IMU: IMU data visualization screen
* - Any other value: Logs an error message
*
* @note The function uses LVGL's animation API to provide smooth screen transitions
* with a 200ms left slide animation. Thread safety should be considered when
* calling this function from different tasks.
*
* @warning This function relies on external screen objects and creation/destruction
* functions that must be implemented in other UI modules. The use of goto
* statements may affect code maintainability.
*/
void switch_screen(int screen_id)
{
if (screen_id == MODE_SETUP) {
setup_create:
if (setup_screen == NULL) {
create_setup_screen();
ESP_LOGI("UI", "Setup screen created");
}
// Load only if object is valid
if (setup_screen != NULL && lv_obj_is_valid(setup_screen)) {
ESP_LOGI("UI", "Setup screen loaded");
lv_scr_load_anim(setup_screen, LV_SCR_LOAD_ANIM_MOVE_LEFT, 200, 0, false);
} else {
ESP_LOGE("UI", "Setup screen is NULL or invalid!");
ui_setup_screen_destory();
goto setup_create;
}
} else if (screen_id == MODE_RUNNING) {
running_create:
if (running_screen == NULL) {
create_running_screen();
ESP_LOGI("UI", "Running screen created");
}
// Load only if object is valid
if (running_screen != NULL && lv_obj_is_valid(running_screen)) {
ESP_LOGI("UI", "Running screen loaded");
lv_scr_load_anim(running_screen, LV_SCR_LOAD_ANIM_MOVE_LEFT, 200, 0, false);
} else {
ESP_LOGE("UI", "Running screen is NULL or invalid!");
ui_running_screen_destory();
goto running_create;
}
} else if (screen_id == MODE_IMU) {
imu_create:
if (imu_screen == NULL) {
create_imu_screen();
ESP_LOGI("UI", "IMU screen created");
}
// Load only if object is valid
if (imu_screen != NULL && lv_obj_is_valid(imu_screen)) {
ESP_LOGI("UI", "IMU screen loaded");
lv_scr_load_anim(imu_screen, LV_SCR_LOAD_ANIM_MOVE_LEFT, 200, 0, false);
} else {
ESP_LOGE("UI", "Running screen is NULL or invalid!");
ui_imu_screen_destory();
goto imu_create;
}
} else {
ESP_LOGE("UI", "Invalid screen mode!");
}
}
/**
* @brief Initialize the UI system by creating and loading the initial setup screen
* @note This function serves as the entry point for UI initialization
* @details
* 1. Creates the setup screen using create_setup_screen()
* 2. Immediately loads the setup screen as the current display
* 3. Sets up the initial UI state for user interaction
* @warning This function should only be called once during application startup
*/
void ui_init()
{
create_setup_screen();
lv_disp_load_scr(setup_screen);
}
remote/code/main/ui/ui.h
+15
View File
@@ -0,0 +1,15 @@
#ifndef UI_H
#define UI_H
#include "esp_log.h"
#include "lvgl.h"
#include "freertos/FreeRTOS.h"
#include "freertos/task.h"
#include "ui_setup_screen.h"
#include "ui_running_screen.h"
#include "ui_imu_screen.h"
void ui_init();
void switch_screen(int screen_id);
#endif
remote/code/main/ui/ui_imu_screen.c
+280
View File
@@ -0,0 +1,280 @@
#include "ui_imu_screen.h"
#include <math.h>
#include <stdio.h>
#include "../lvgl_port.h"
#include "freertos/FreeRTOS.h"
#include "freertos/task.h"
static lv_obj_t *edge_lines[12];
static lv_obj_t *cross_lines[2]; // 标识用的对角线
static lv_point_t edge_points[12][2]; // 12条边，每条2个点
static lv_point_t cross_points[2][2]; // 2条对角线，每条2个点
lv_obj_t *imu_screen;
lv_obj_t *cube_container = NULL;
lv_obj_t *imu_battery_label;
lv_obj_t *imu_channel_info_label;
lv_obj_t *imu_id_info_label;
lv_obj_t *imu_data_label;
// 3D cube parameters
typedef struct {
float x, y, z;
} Point3D;
typedef struct {
float x, y;
} Point2D;
// Define the 8 vertices of a cube
static Point3D vertices[8] = {{-1, -1, -1}, {1, -1, -1}, {1, 1, -1}, {-1, 1, -1},
{-1, -1, 1}, {1, -1, 1}, {1, 1, 1}, {-1, 1, 1}};
// Define the 12 edges of a cube (indices of vertices connected)
static int edges[12][2] = {
{0, 1}, {1, 2}, {2, 3}, {3, 0}, // fornt
{4, 5}, {5, 6}, {6, 7}, {7, 4}, // behind
{0, 4}, {1, 5}, {2, 6}, {3, 7} // middle connecting line
};
IMU_Angle_t g_imu_angle = {0.0f, 0.0f};
/**
* @brief Creates the IMU screen with all UI elements including a 3D cube visualization
*
* This function initializes and creates the main IMU screen interface with:
* - Title label showing "StackChan :)"
* - A cube container for 3D visualization
* - 12 cube edge lines forming a 3D cube
* - 2 diagonal cross lines for orientation reference
* - Battery status label
* - Channel information label
* - Receiver ID label
*
* The function handles LVGL locking to ensure thread-safe operations.
*/
void create_imu_screen()
{
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
if (imu_screen == NULL) {
imu_screen = lv_obj_create(NULL);
}
lv_obj_clear_flag(imu_screen, LV_OBJ_FLAG_SCROLLABLE);
// Create title
lv_obj_t *label = lv_label_create(imu_screen);
lv_label_set_text(label, "StackChan :)");
lv_obj_align(label, LV_ALIGN_TOP_MID, 0, 10);
lv_obj_set_style_text_font(label, &lv_font_montserrat_14, 0);
// create container
cube_container = lv_obj_create(imu_screen);
lv_obj_set_size(cube_container, 115, 115);
lv_obj_align(cube_container, LV_ALIGN_TOP_MID, 0, 35);
lv_obj_set_style_bg_opa(cube_container, LV_OPA_TRANSP, 0);
lv_obj_set_style_border_width(cube_container, 0, 0);
lv_obj_set_style_pad_all(cube_container, 0, 0);
lv_obj_clear_flag(cube_container, LV_OBJ_FLAG_SCROLLABLE);
// Create 12 cube edges
for (int i = 0; i < 12; i++) {
edge_lines[i] = lv_line_create(cube_container);
lv_obj_set_style_line_width(edge_lines[i], 2, 0);
lv_obj_set_style_line_color(edge_lines[i], lv_color_black(), 0);
lv_obj_add_flag(edge_lines[i], LV_OBJ_FLAG_FLOATING);
// Add default coordinate points to avoid empty line segments
lv_point_t default_points[2] = {{0, 0}, {0, 0}};
lv_line_set_points(edge_lines[i], default_points, 2);
}
// Create 2 lines identifying the diagonals
for (int i = 0; i < 2; i++) {
cross_lines[i] = lv_line_create(cube_container);
lv_obj_set_style_line_width(cross_lines[i], 2, 0);
lv_obj_set_style_line_color(cross_lines[i], lv_color_make(0, 255, 255), 0);
lv_obj_add_flag(cross_lines[i], LV_OBJ_FLAG_FLOATING);
// Add default coordinate
lv_point_t default_cross_points[2] = {{0, 0}, {0, 0}};
lv_line_set_points(cross_lines[i], default_cross_points, 2);
}
// Create other UI elements
imu_battery_label = lv_label_create(imu_screen);
lv_label_set_text(imu_battery_label, "Bat: 100%");
lv_obj_align(imu_battery_label, LV_ALIGN_TOP_LEFT, 10, 160);
lv_obj_set_style_text_font(imu_battery_label, &lv_font_montserrat_14, 0);
imu_channel_info_label = lv_label_create(imu_screen);
lv_label_set_text(imu_channel_info_label, "Channel: 1");
lv_obj_align(imu_channel_info_label, LV_ALIGN_TOP_LEFT, 10, 180);
lv_obj_set_style_text_font(imu_channel_info_label, &lv_font_montserrat_14, 0);
imu_id_info_label = lv_label_create(imu_screen);
lv_label_set_text(imu_id_info_label, "Receiver ID:\n0(broadcast)");
lv_obj_align(imu_id_info_label, LV_ALIGN_TOP_LEFT, 10, 200);
lv_obj_set_style_text_font(imu_id_info_label, &lv_font_montserrat_14, 0);
lvgl_port_unlock();
}
/**
* @brief Updates the 3D cube visualization based on IMU accelerometer data
*
* This function takes accelerometer readings (ax, ay, az) and calculates
* the pitch and roll angles to rotate a 3D cube representation. It performs:
* - Input validation to check for NaN or infinite values
* - Calculation of pitch and roll angles using trigonometric functions
* - 3D to 2D projection of cube vertices with rotation transformations
* - Updates all 12 cube edge lines and 2 diagonal marker lines
*
* @param ax Accelerometer X-axis reading
* @param ay Accelerometer Y-axis reading
* @param az Accelerometer Z-axis reading
*/
void update_imu_cube(float ax, float ay, float az)
{
// Check if the input value is valid
if (isnan(ax) || isnan(ay) || isnan(az) || isinf(ax) || isinf(ay) || isinf(az)) {
printf("Invalid IMU data received!\n");
return;
}
// Calculate tilt angle (based on gravitational acceleration)
float pitch = atan2(ay, sqrt(ax * ax + az * az));
float roll = atan2(ax, sqrt(ay * ay + az * az));
if (az < 0) {
pitch = M_PI - pitch;
}
g_imu_angle.pitch = pitch;
g_imu_angle.roll = roll;
// 3D projection calculation
Point2D projected[8]; // Store the 2D points after projection
int centerX = lv_obj_get_width(cube_container) / 2;
int centerY = lv_obj_get_height(cube_container) / 2;
float scale = 30.0f;
for (int i = 0; i < 8; i++) {
Point3D p = vertices[i];
// Pitch
float y1 = p.y * cos(pitch) - p.z * sin(pitch);
float z1 = p.y * sin(pitch) + p.z * cos(pitch);
float x1 = p.x;
// Roll
float x2 = x1 * cos(roll) + z1 * sin(roll);
float z2 = -x1 * sin(roll) + z1 * cos(roll);
float y2 = y1;
// Orthographic projection
projected[i].x = centerX + x2 * scale;
projected[i].y = centerY + y2 * scale;
}
// Update 12 cube edges
for (int i = 0; i < 12; i++) {
edge_points[i][0].x = (int16_t)projected[edges[i][0]].x;
edge_points[i][0].y = (int16_t)projected[edges[i][0]].y;
edge_points[i][1].x = (int16_t)projected[edges[i][1]].x;
edge_points[i][1].y = (int16_t)projected[edges[i][1]].y;
lv_line_set_points(edge_lines[i], edge_points[i], 2);
}
// Update 2 diagonal markers
cross_points[0][0] = (lv_point_t){(int16_t)projected[0].x, (int16_t)projected[0].y};
cross_points[0][1] = (lv_point_t){(int16_t)projected[2].x, (int16_t)projected[2].y};
lv_line_set_points(cross_lines[0], cross_points[0], 2);
cross_points[1][0] = (lv_point_t){(int16_t)projected[1].x, (int16_t)projected[1].y};
cross_points[1][1] = (lv_point_t){(int16_t)projected[3].x, (int16_t)projected[3].y};
lv_line_set_points(cross_lines[1], cross_points[1], 2);
}
/**
* @brief Updates the complete IMU screen with sensor data and system information
*
* This function updates the entire IMU screen with real-time data including:
* - Updates the 3D cube visualization via update_imu_cube()
* - Battery percentage display
* - Communication channel information
* - Receiver ID display (handles broadcast case)
*
* Optimized to only update labels when values have changed using static tracking variables.
*
* @param ax Accelerometer X-axis reading
* @param ay Accelerometer Y-axis reading
* @param az Accelerometer Z-axis reading
* @param bat Battery level percentage (0-100)
* @param id Receiver ID (0 for broadcast)
* @param channel ESP-NOW communication channel
* @return IMU_Angle_t Current pitch and roll angles calculated from IMU data
*/
IMU_Angle_t update_imu_screen(float ax, float ay, float az, uint8_t bat, uint8_t id, uint8_t channel)
{
static uint8_t last_bat = 0xFF;
static uint8_t last_id = 0xFF;
static uint8_t last_channel = 0xFF;
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
update_imu_cube(ax, ay, az);
if (imu_battery_label && bat != last_bat) {
lv_label_set_text_fmt(imu_battery_label, "Bat: %d%%", bat);
last_bat = bat;
}
if (imu_channel_info_label && channel != last_channel) {
lv_label_set_text_fmt(imu_channel_info_label, "Channel: %u", channel);
last_channel = channel;
}
if (imu_id_info_label && id != last_id) {
if (id == 0) {
lv_label_set_text(imu_id_info_label, "Receiver ID:\n0(broadcast)");
} else {
lv_label_set_text_fmt(imu_id_info_label, "Receiver ID: %u", id);
}
last_id = id;
}
lvgl_port_unlock();
return g_imu_angle;
}
/**
* @brief Destroys and cleans up the IMU screen resources
*
* This function safely removes the IMU screen from memory by:
* - Acquiring LVGL lock for thread safety
* - Deleting the main screen object if it exists
* - Setting all UI element pointers to NULL to prevent dangling references
*
* After execution, the screen will need to be recreated before use again.
*/
void ui_imu_screen_destory()
{
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
if (imu_screen != NULL) {
lv_obj_del(imu_screen);
imu_screen = NULL;
}
lvgl_port_unlock();
imu_battery_label = NULL;
imu_channel_info_label = NULL;
imu_id_info_label = NULL;
imu_data_label = NULL;
}
remote/code/main/ui/ui_imu_screen.h
+37
View File
@@ -0,0 +1,37 @@
#ifndef UI_IMU_SCREEN_H
#define UI_IMU_SCREEN_H
#ifdef __cplusplus
extern "C" {
#endif
#include "lvgl.h"
#include <math.h>
#include <stdio.h>
#include "esp_log.h"
#include "esp_heap_caps.h"
#define MODE_IMU (2)
typedef struct {
float pitch;
float roll;
} IMU_Angle_t;
extern lv_obj_t *imu_screen;
extern lv_obj_t *imu_battery_label;
extern lv_obj_t *imu_channel_info_label;
extern lv_obj_t *imu_id_info_label;
extern lv_obj_t *imu_canvas;
extern lv_obj_t *imu_data_label;
void create_imu_screen(void);
IMU_Angle_t update_imu_screen(float ax, float ay, float az, uint8_t channel, uint8_t id, uint8_t bat);
void update_imu_cube(float ax, float ay, float az);
void ui_imu_screen_destory(void);
#ifdef __cplusplus
}
#endif
#endif
remote/code/main/ui/ui_running_screen.c
+188
View File
@@ -0,0 +1,188 @@
#include "ui_running_screen.h"
#include "../lvgl_port.h"
#include "freertos/FreeRTOS.h"
#include "freertos/task.h"
lv_obj_t* running_screen = NULL;
lv_obj_t* joystick_dot = NULL;
lv_obj_t* joystick_area = NULL;
lv_obj_t* battery_label = NULL;
lv_obj_t* channel_info_label = NULL;
lv_obj_t* id_info_label = NULL;
/**
* @brief Create the running screen UI with joystick visualization and status information
* @note This function creates a standalone screen with multiple UI elements:
* - Title label at the top
* - Joystick visualization area with crosshair
* - Red dot representing joystick position
* - Battery level display
* - Channel information display
* - Device ID information display
* @details The function creates a 115x115 pixel joystick area with crosshair lines
* and a red circular dot that represents the current joystick position
* @warning This function should only be called once per application run to avoid memory leaks
*/
void create_running_screen()
{
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
lv_disp_t* disp = lv_disp_get_default();
if (disp == NULL) {
ESP_LOGE("UI", "No default display found!");
lvgl_port_unlock();
return;
}
if (running_screen == NULL) {
running_screen = lv_obj_create(NULL);
}
if (running_screen == NULL) {
ESP_LOGE("UI", "Failed to create running screen!");
return;
}
lv_obj_clear_flag(running_screen, LV_OBJ_FLAG_SCROLLABLE);
// Create title
lv_obj_t* label = lv_label_create(running_screen);
lv_label_set_text(label, "StackChan :)");
lv_obj_align(label, LV_ALIGN_TOP_MID, 0, 10);
lv_obj_set_style_text_font(label, &lv_font_montserrat_14, 0);
// Create joystick area
joystick_area = lv_obj_create(running_screen);
lv_obj_set_size(joystick_area, 115, 115); // Reduced size
lv_obj_align(joystick_area, LV_ALIGN_TOP_MID, 0, 35);
// Set joystick area style
lv_obj_set_style_border_width(joystick_area, 2, LV_PART_MAIN);
lv_obj_set_style_border_color(joystick_area, lv_color_black(), LV_PART_MAIN);
lv_obj_set_style_bg_color(joystick_area, lv_color_white(), LV_PART_MAIN);
lv_obj_set_style_pad_all(joystick_area, 0, LV_PART_MAIN);
lv_obj_clear_flag(joystick_area, LV_OBJ_FLAG_SCROLLABLE);
// Add horizontal crosshair line
lv_obj_t* cross_line_h = lv_line_create(joystick_area);
static lv_point_t points_h[2] = {{0, 57}, {115, 57}}; // Horizontal center line
lv_line_set_points(cross_line_h, points_h, 2);
lv_obj_set_style_line_color(cross_line_h, lv_color_make(64, 64, 64), 0);
lv_obj_set_style_line_width(cross_line_h, 1, 0);
// Add vertical crosshair line
lv_obj_t* cross_line_v = lv_line_create(joystick_area);
static lv_point_t points_v[2] = {{56, 0}, {56, 115}}; // Vertical center line
lv_line_set_points(cross_line_v, points_v, 2);
lv_obj_set_style_line_color(cross_line_v, lv_color_make(64, 64, 64), 0);
lv_obj_set_style_line_width(cross_line_v, 1, 0);
// Create joystick dot
joystick_dot = lv_obj_create(joystick_area);
lv_obj_set_size(joystick_dot, 10, 10); // Dot size
lv_obj_set_style_radius(joystick_dot, LV_RADIUS_CIRCLE, LV_PART_MAIN); // Set to circle
lv_obj_set_style_bg_color(joystick_dot, lv_palette_main(LV_PALETTE_RED), LV_PART_MAIN);
lv_obj_set_style_border_width(joystick_dot, 0, LV_PART_MAIN);
lv_obj_align(joystick_dot, LV_ALIGN_CENTER, 0, 0);
// Create battery level display
battery_label = lv_label_create(running_screen);
lv_label_set_text(battery_label, "Bat: 100%%");
lv_obj_align(battery_label, LV_ALIGN_TOP_LEFT, 10, 160);
lv_obj_set_style_text_font(battery_label, &lv_font_montserrat_14, 0);
// Create Channel information display
channel_info_label = lv_label_create(running_screen);
lv_label_set_text(channel_info_label, "Channel: 1");
lv_obj_align(channel_info_label, LV_ALIGN_TOP_LEFT, 10, 180);
lv_obj_set_style_text_font(channel_info_label, &lv_font_montserrat_14, 0);
// Create ID information display
id_info_label = lv_label_create(running_screen);
lv_label_set_text(id_info_label, "Receiver ID: \n0(broadcast)");
lv_obj_align(id_info_label, LV_ALIGN_TOP_LEFT, 10, 200);
lv_obj_set_style_text_font(id_info_label, &lv_font_montserrat_14, 0);
lvgl_port_unlock();
}
/**
* @brief Update the running screen UI with current joystick values and status information
* @param joyX X-axis value from joystick (raw value to be mapped to screen coordinates)
* @param joyY Y-axis value from joystick (raw value to be mapped to screen coordinates)
* @param channel Current WiFi channel being used
* @param id Device ID for communication
* @param bat Battery level percentage (0-100)
* @note This function maps joystick values to the 115x115 pixel joystick area
* and applies deadzone correction to center the dot when joystick is near center position
* @details
* 1. Maps raw joystick values to screen coordinates within the joystick area
* 2. Applies deadzone correction to keep dot centered when joystick is in neutral position
* 3. Clamps values to prevent the dot from going outside the joystick area
* 4. Updates the position of the joystick dot
* 5. Updates battery level, channel and ID information labels
*/
void update_running_screen(int16_t joyX, int16_t joyY, uint8_t channel, uint8_t id, uint8_t bat)
{
// Map joystick values to 115x115 area (using your mapping approach)
int16_t x_pos = map(joyX, X_MIN, X_MAX, 5, 110); // Leave 5px margin
int16_t y_pos = map(joyY, Y_MIN, Y_MAX, 110, 5); // Y-axis inverted
// Apply deadzone
int16_t x_center = map(X_CENTER, X_MIN, X_MAX, 5, 110);
int16_t y_center = map(Y_CENTER, Y_MIN, Y_MAX, 110, 5);
if (abs(joyX - X_CENTER) < DEAD_ZONE) {
x_pos = x_center;
}
if (abs(joyY - Y_CENTER) < DEAD_ZONE) {
y_pos = y_center;
}
// Limit range
x_pos = fmax(5, fmin(x_pos, 110));
y_pos = fmax(5, fmin(y_pos, 110));
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
// Update joystick dot position (relative to joystick_area center)
lv_obj_align(joystick_dot, LV_ALIGN_TOP_LEFT, x_pos - 5, y_pos - 5);
// Update battery level
lv_label_set_text_fmt(battery_label, "Bat: %d%%", bat);
// Update Channel and ID display
lv_label_set_text_fmt(channel_info_label, "Channel: %u", channel);
if (id == 0) {
lv_label_set_text(id_info_label, "Receiver ID:\n 0(broadcast)");
} else {
lv_label_set_text_fmt(id_info_label, "Receiver ID: %u", id);
}
lvgl_port_unlock();
}
/**
* @brief Reset all UI object pointers to NULL to prepare for screen destruction
* @note This function does not actually destroy the UI objects, but resets the pointers
* that reference them, allowing the UI to be recreated or switched
* @warning The actual UI objects should be destroyed separately using LVGL's object destruction functions
*/
void ui_running_screen_destory()
{
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
if (running_screen != NULL) {
lv_obj_del(running_screen);
running_screen = NULL;
}
lvgl_port_unlock();
joystick_dot = NULL;
joystick_area = NULL;
battery_label = NULL;
channel_info_label = NULL;
id_info_label = NULL;
}
remote/code/main/ui/ui_running_screen.h
+40
View File
@@ -0,0 +1,40 @@
#ifndef _UI_RUNNING_SCREEN_H_
#define _UI_RUNNING_SCREEN_H_
#ifdef __cplusplus
extern "C" {
#endif
#include "lvgl.h"
#include "../joystick/joystick_basic.h"
#include <math.h>
#include <esp_log.h>
#define MODE_RUNNING (1)
#define map(x, in_min, in_max, out_min, out_max) ((x - in_min) * (out_max - out_min) / (in_max - in_min) + out_min)
#define DEAD_ZONE (300)
#define X_CENTER (2180)
#define Y_CENTER (1960)
#define X_MIN (630)
#define X_MAX (3730)
#define Y_MIN (310)
#define Y_MAX (3460)
extern lv_obj_t* running_screen;
extern lv_obj_t* joystick_dot;
extern lv_obj_t* joystick_area;
extern lv_obj_t* battery_label;
extern lv_obj_t* channel_info_label;
extern lv_obj_t* id_info_label;
void create_running_screen();
void update_running_screen(int16_t joyX, int16_t joyY, uint8_t channel, uint8_t id, uint8_t bat);
void ui_running_screen_destory();
#ifdef __cplusplus
}
#endif
#endif // _UI_RUNNING_SCREEN_H_
remote/code/main/ui/ui_setup_screen.c
+180
View File
@@ -0,0 +1,180 @@
#include "ui_setup_screen.h"
#include "../lvgl_port.h"
#include "freertos/FreeRTOS.h"
#include "freertos/task.h"
LV_IMG_DECLARE(updown_img);
lv_obj_t *setup_screen = NULL;
lv_obj_t *channel_label = NULL;
lv_obj_t *id_label = NULL;
lv_obj_t *channel_dropdown = NULL;
lv_obj_t *id_dropdown = NULL;
/**
* @brief Create the setup screen UI with configuration options
* @note This function creates a standalone screen with multiple UI elements:
* - Title label at the top
* - Channel selection dropdown with options 1-14
* - ID selection dropdown with options 0-50
* - Start button at the bottom for transitioning to running mode
* @details The function sets up dropdown controls with initial selections and
* applies specific styling including background colors and transparency
* @warning This function should only be called once per application run to avoid memory leaks
*/
void create_setup_screen()
{
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
lv_disp_t *disp = lv_disp_get_default();
if (disp == NULL) {
ESP_LOGE("UI", "No default display found!");
lvgl_port_unlock();
return;
}
if (setup_screen == NULL) {
setup_screen = lv_obj_create(NULL);
}
lv_obj_clear_flag(setup_screen, LV_OBJ_FLAG_SCROLLABLE);
// Create title
lv_obj_t *label = lv_label_create(setup_screen);
lv_label_set_text(label, "StackChan :)");
lv_obj_align(label, LV_ALIGN_TOP_MID, 0, 10);
// Create Channel selection label
channel_label = lv_label_create(setup_screen);
lv_label_set_text(channel_label, "Channel:");
lv_obj_align(channel_label, LV_ALIGN_TOP_LEFT, 5, 30);
// Create Channel dropdown
channel_dropdown = lv_dropdown_create(setup_screen);
lv_dropdown_set_options(channel_dropdown, "1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14");
lv_dropdown_set_selected(channel_dropdown, 0);
lv_obj_align(channel_dropdown, LV_ALIGN_TOP_LEFT, 5, 50);
lv_dropdown_set_symbol(channel_dropdown, &updown_img);
// Set dropdown background color
lv_obj_set_style_bg_color(channel_dropdown, lv_color_make(255, 255, 255), LV_PART_MAIN); // White
lv_obj_set_style_bg_opa(channel_dropdown, LV_OPA_COVER, LV_PART_MAIN); // Ensure background is opaque
// Create ID selection label
id_label = lv_label_create(setup_screen);
lv_label_set_text(id_label, "Receiver ID:");
lv_obj_align(id_label, LV_ALIGN_TOP_LEFT, 5, 100);
// Create ID dropdown
id_dropdown = lv_dropdown_create(setup_screen);
lv_dropdown_set_options(
id_dropdown,
"0(Broadcast)"
"\n1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n3"
"0\n31\n32\n33\n34\n35\n36\n37\n38\n39\n40\n41\n42\n43\n44\n45\n46\n47\n48\n49\n50");
lv_dropdown_set_selected(id_dropdown, 0);
lv_obj_align(id_dropdown, LV_ALIGN_TOP_LEFT, 5, 120);
lv_dropdown_set_symbol(id_dropdown, &updown_img);
// Set dropdown background color
lv_obj_set_style_bg_color(id_dropdown, lv_color_make(255, 255, 255), LV_PART_MAIN); // White
lv_obj_set_style_bg_opa(id_dropdown, LV_OPA_COVER, LV_PART_MAIN); // Ensure background is opaque
lv_obj_t *btn_label = lv_label_create(setup_screen);
lv_label_set_text(btn_label, "Press to Start");
lv_obj_set_style_text_font(btn_label, &lv_font_montserrat_18, 0);
lv_obj_align(btn_label, LV_ALIGN_BOTTOM_MID, 0, -30);
lv_obj_t *arrow_label = lv_label_create(setup_screen);
lv_label_set_text(arrow_label, LV_SYMBOL_DOWN);
lv_obj_align(arrow_label, LV_ALIGN_BOTTOM_MID, 0, -5);
lvgl_port_unlock();
}
/**
* @brief Update the setup screen UI based on joystick input
* @param data Pointer to joystick_data_t structure containing current joystick values and selection mode
* @note This function handles joystick input to navigate and modify settings:
* - Highlights the currently selected dropdown (Channel or ID)
* - Increases/decreases values using joystick Y-axis movement
* - Updates the internal data structure with selected values
* @details
* 1. Changes background color of dropdowns to indicate selection
* 2. Processes joystick Y-axis input for value modification
* 3. Updates dropdown selections and corresponding data values
* 4. Applies debouncing delay to prevent rapid value changes
*/
void update_setup_screen(joystick_data_t *data)
{
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
// Update setup screen
if (data->select_mode == CHANNEL_SELECT) {
lv_obj_set_style_bg_color(channel_dropdown, lv_color_make(255, 255, 0), LV_PART_MAIN); // Yellow
lv_obj_set_style_bg_color(id_dropdown, lv_color_make(255, 255, 255), LV_PART_MAIN); // White
} else if (data->select_mode == ID_SELECT) {
lv_obj_set_style_bg_color(channel_dropdown, lv_color_make(255, 255, 255), LV_PART_MAIN); // White
lv_obj_set_style_bg_color(id_dropdown, lv_color_make(255, 255, 0), LV_PART_MAIN); // Yellow
}
// In setup mode, joystick up/down controls value increment/decrement
if (data->joyY > Y_CENTER + DEAD_ZONE) {
// Move up - Increase Channel
if (data->select_mode == CHANNEL_SELECT) {
uint16_t selected = lv_dropdown_get_selected(channel_dropdown);
if (selected < 13) { // Maximum index is 13 (corresponding to Channel 14)
lv_dropdown_set_selected(channel_dropdown, selected + 1);
data->channel = selected + 2; // Index + 1 + 1 = displayed value
}
} else if (data->select_mode == ID_SELECT) {
uint16_t selected = lv_dropdown_get_selected(id_dropdown);
if (selected < 50) {
lv_dropdown_set_selected(id_dropdown, selected + 1);
data->id = selected + 1;
}
}
vTaskDelay(50 / portTICK_PERIOD_MS); // Add delay to prevent rapid changes
} else if (data->joyY < Y_CENTER - DEAD_ZONE) {
// Move down - Decrease Channel
if (data->select_mode == CHANNEL_SELECT) {
uint16_t selected = lv_dropdown_get_selected(channel_dropdown);
if (selected > 0) {
lv_dropdown_set_selected(channel_dropdown, selected - 1);
data->channel = selected; // Index - 1 + 1 = index itself
}
} else if (data->select_mode == ID_SELECT) {
uint16_t selected = lv_dropdown_get_selected(id_dropdown);
if (selected > 0) {
lv_dropdown_set_selected(id_dropdown, selected - 1);
data->id = selected - 1;
}
}
vTaskDelay(50 / portTICK_PERIOD_MS); // Add delay to prevent rapid changes
}
lvgl_port_unlock();
}
/**
* @brief Destroy the setup screen and reset all UI object pointers to NULL
* @note This function properly deletes the LVGL objects and resets internal pointers
* @details
* 1. Deletes the setup screen and all child objects using lv_obj_del
* 2. Sets all UI object pointers to NULL to prevent dangling references
*/
void ui_setup_screen_destory()
{
while (!lvgl_port_lock()) {
vTaskDelay(pdMS_TO_TICKS(10));
}
if (setup_screen != NULL) {
lv_obj_del(setup_screen);
setup_screen = NULL;
}
lvgl_port_unlock();
channel_label = NULL;
id_label = NULL;
channel_dropdown = NULL;
id_dropdown = NULL;
}
remote/code/main/ui/ui_setup_screen.h
+42
View File
@@ -0,0 +1,42 @@
#ifndef _UI_SETUP_SCREEN_H_
#define _UI_SETUP_SCREEN_H_
#ifdef __cplusplus
extern "C" {
#endif
#include "esp_log.h"
#include "lvgl.h"
#include "freertos/FreeRTOS.h"
#include "freertos/task.h"
#include "../joystick/joystick_basic.h"
#define MODE_SETUP (0)
#define CHANNEL_SELECT (0)
#define ID_SELECT (1)
#define DEAD_ZONE (300)
#define X_CENTER (2180)
#define Y_CENTER (1960)
#define X_MIN (630)
#define X_MAX (3730)
#define Y_MIN (310)
#define Y_MAX (3460)
extern lv_obj_t *setup_screen;
extern lv_obj_t *channel_label;
extern lv_obj_t *id_label;
extern lv_obj_t *start_btn;
extern lv_obj_t *channel_dropdown;
extern lv_obj_t *id_dropdown;
void create_setup_screen();
void update_setup_screen(joystick_data_t *data);
void ui_setup_screen_destory();
#ifdef __cplusplus
}
#endif
#endif // _UI_SETUP_SCREEN_H_
remote/code/main/ui/updown_img.c
+3117
View File
File diff suppressed because it is too large Load Diff