#include #include #include #include #include #include #include #include "lvgl.h" #include "esp_log.h" #include "lcd/ui_image_browser.h" #include "lcd/ui_internal.h" #include "lcd/ui_log.h" #include "sd/sd.h" #define UI_IMAGE_PATH_PREFIX "A:/sdcard/" #define UI_IMAGE_PATH_MAX_LENGTH 160 #define UI_IMAGE_INFO_BAR_HEIGHT 42 #define UI_IMAGE_INFO_BAR_BOTTOM_OFFSET 10 #define UI_IMAGE_PROBE_HEADER_LENGTH 16 #define UI_SLIDESHOW_PERIOD_MS 3000 static lv_obj_t *image_tileview = NULL; static lv_timer_t *image_slideshow_timer = NULL; static size_t image_browser_image_count = 0; static size_t image_browser_current_index = 0; static const char **image_browser_names = NULL; static size_t image_browser_last_logged_index = SIZE_MAX; static const char *TAG = "ui"; static void ui_image_browser_log_current(void){ if(image_browser_current_index == image_browser_last_logged_index) return; image_browser_last_logged_index = image_browser_current_index; const char *filename = "?"; if(image_browser_names != NULL && image_browser_current_index < image_browser_image_count){ filename = image_browser_names[image_browser_current_index]; } ui_log_appendf("Show %u/%u: %s", (unsigned int)(image_browser_current_index + 1), (unsigned int)image_browser_image_count, filename); } static void ui_image_browser_set_index(size_t image_index, lv_anim_enable_t anim_en){ if(image_tileview == NULL || image_browser_image_count == 0) return; image_browser_current_index = image_index % image_browser_image_count; lv_tileview_set_tile_by_index(image_tileview, 0, (uint32_t)image_browser_current_index, anim_en); ui_image_browser_log_current(); } static void ui_image_slideshow_timer_cb(lv_timer_t *timer){ (void)timer; if(ui_current_view() != UI_VIEW_IMAGE_BROWSER) return; ui_image_browser_set_index(image_browser_current_index + 1, LV_ANIM_ON); } static void ui_start_image_slideshow(void){ if(image_slideshow_timer != NULL || image_browser_image_count <= 1) return; image_slideshow_timer = lv_timer_create(ui_image_slideshow_timer_cb, UI_SLIDESHOW_PERIOD_MS, NULL); } static void ui_image_browser_value_changed_event_cb(lv_event_t *event){ if(lv_event_get_code(event) != LV_EVENT_VALUE_CHANGED) return; lv_obj_t *tileview = lv_event_get_current_target(event); lv_obj_t *active_tile = lv_tileview_get_tile_active(tileview); if(active_tile == NULL) return; image_browser_current_index = (size_t)(uintptr_t)lv_obj_get_user_data(active_tile); ui_image_browser_log_current(); } static bool ui_char_equals_ignore_case(char left_char, char right_char){ if(left_char >= 'A' && left_char <= 'Z') left_char = (char)(left_char + ('a' - 'A')); if(right_char >= 'A' && right_char <= 'Z') right_char = (char)(right_char + ('a' - 'A')); return left_char == right_char; } static bool ui_has_extension(const char *filename, const char *extension){ if(filename == NULL || extension == NULL) return false; const size_t filename_length = strlen(filename); const size_t extension_length = strlen(extension); if(filename_length < extension_length) return false; const char *filename_extension = filename + filename_length - extension_length; for(size_t char_index = 0; char_index < extension_length; char_index++){ if(!ui_char_equals_ignore_case(filename_extension[char_index], extension[char_index])) return false; } return true; } static void ui_lowercase_path_extension(char *path){ char *extension = strrchr(path, '.'); if(extension == NULL) return; for(char *current_char = extension + 1; *current_char != '\0'; current_char++){ if(*current_char >= 'A' && *current_char <= 'Z') *current_char = (char)(*current_char + ('a' - 'A')); } } static bool ui_is_image_file(const char *filename){ return ui_has_extension(filename, ".bmp") || ui_has_extension(filename, ".jpg") || ui_has_extension(filename, ".jpeg") || ui_has_extension(filename, ".png"); } static const char *ui_detect_image_signature(const uint8_t *header, size_t header_length){ if(header_length >= 2 && header[0] == 0xff && header[1] == 0xd8) return "jpeg"; if(header_length >= 8 && header[0] == 0x89 && header[1] == 'P' && header[2] == 'N' && header[3] == 'G') return "png"; if(header_length >= 2 && header[0] == 'B' && header[1] == 'M') return "bmp"; return "unknown"; } static long ui_get_open_file_size(FILE *file){ if(file == NULL) return -1; const long current_position = ftell(file); if(current_position < 0) return -1; if(fseek(file, 0, SEEK_END) != 0) return -1; const long file_size = ftell(file); fseek(file, current_position, SEEK_SET); return file_size; } static const char *ui_probe_image_load_failure(const char *filename, const char *image_source){ if(filename == NULL || image_source == NULL) return "Invalid image path"; errno = 0; FILE *file = sd_open_read(filename); if(file == NULL){ const int open_errno = errno; ESP_LOGW(TAG, "Image file not readable via sd_open_read: file=%s source=%s errno=%d", filename, image_source, open_errno); ui_log_appendf("Image read failed: %s errno=%d", filename, open_errno); return "File not readable"; } uint8_t header_bytes[UI_IMAGE_PROBE_HEADER_LENGTH] = {0}; const size_t header_length = fread(header_bytes, 1, sizeof(header_bytes), file); const long file_size = ui_get_open_file_size(file); sd_close_file(file); const char *detected_format = ui_detect_image_signature(header_bytes, header_length); ESP_LOGW(TAG, "Image probe: file=%s source=%s size=%ld header=%02x %02x %02x %02x %02x %02x %02x %02x detected=%s", filename, image_source, file_size, (unsigned int)header_bytes[0], (unsigned int)header_bytes[1], (unsigned int)header_bytes[2], (unsigned int)header_bytes[3], (unsigned int)header_bytes[4], (unsigned int)header_bytes[5], (unsigned int)header_bytes[6], (unsigned int)header_bytes[7], detected_format); ui_log_appendf("Image probe: %s size=%ld detected=%s", filename, file_size, detected_format); lv_image_header_t image_header; const lv_result_t decoder_result = lv_image_decoder_get_info(image_source, &image_header); if(decoder_result != LV_RESULT_OK){ ESP_LOGW(TAG, "LVGL decoder rejected image: source=%s result=%d", image_source, (int)decoder_result); ui_log_appendf("Decoder rejected: %s result=%d", filename, (int)decoder_result); return "Decoder rejected image"; } ESP_LOGW(TAG, "LVGL decoder accepted image but widget has no size: source=%s width=%u height=%u cf=%u stride=%u flags=0x%x", image_source, (unsigned int)image_header.w, (unsigned int)image_header.h, (unsigned int)image_header.cf, (unsigned int)image_header.stride, (unsigned int)image_header.flags); ui_log_appendf("Decoder info OK: %s %ux%u", filename, (unsigned int)image_header.w, (unsigned int)image_header.h); return "Decoder info OK"; } static size_t ui_count_sd_images(void){ const size_t file_count = sd_get_file_count(); size_t image_count = 0; for(size_t file_index = 0; file_index < file_count; file_index++){ const char *filename = sd_get_next_file(); if(ui_is_image_file(filename)) image_count++; } return image_count; } static void ui_create_empty_image_browser(lv_obj_t *screen){ lv_obj_t *label = lv_label_create(screen); ui_attach_toggle(label); lv_label_set_text(label, "No images found on SD card"); lv_obj_set_style_text_color(label, lv_color_hex(0xdde7ef), 0); lv_obj_center(label); } static lv_dir_t ui_get_tile_directions(size_t image_index, size_t image_count){ if(image_count <= 1) return LV_DIR_NONE; if(image_index == 0) return LV_DIR_BOTTOM; if(image_index + 1 == image_count) return LV_DIR_TOP; return (lv_dir_t)(LV_DIR_TOP | LV_DIR_BOTTOM); } static void ui_create_image_tile(lv_obj_t *tile, const char *filename, size_t image_index, size_t image_count){ ui_attach_toggle(tile); lv_obj_set_style_bg_color(tile, lv_color_hex(0x070a0d), 0); lv_obj_set_style_pad_all(tile, 0, 0); lv_obj_remove_flag(tile, LV_OBJ_FLAG_SCROLLABLE); lv_obj_t *image_frame = lv_obj_create(tile); ui_attach_toggle(image_frame); lv_obj_set_size(image_frame, LV_PCT(100), LV_PCT(100)); lv_obj_set_style_bg_color(image_frame, lv_color_black(), 0); lv_obj_set_style_border_width(image_frame, 0, 0); lv_obj_set_style_radius(image_frame, 0, 0); lv_obj_set_style_pad_all(image_frame, 0, 0); lv_obj_remove_flag(image_frame, LV_OBJ_FLAG_SCROLLABLE); lv_obj_center(image_frame); lv_obj_t *image = lv_image_create(image_frame); ui_attach_toggle(image); lv_obj_set_size(image, LV_PCT(100), LV_PCT(100)); lv_image_set_inner_align(image, LV_IMAGE_ALIGN_CONTAIN); char image_source[UI_IMAGE_PATH_MAX_LENGTH]; snprintf(image_source, sizeof(image_source), "%s%s", UI_IMAGE_PATH_PREFIX, filename); ui_lowercase_path_extension(image_source); lv_image_set_src(image, image_source); lv_obj_center(image); lv_obj_t *info_bar = lv_obj_create(tile); ui_attach_toggle(info_bar); lv_obj_set_size(info_bar, LV_PCT(100), UI_IMAGE_INFO_BAR_HEIGHT); lv_obj_align(info_bar, LV_ALIGN_BOTTOM_MID, 0, -UI_IMAGE_INFO_BAR_BOTTOM_OFFSET); lv_obj_set_style_bg_color(info_bar, lv_color_hex(0x101418), 0); lv_obj_set_style_bg_opa(info_bar, LV_OPA_80, 0); lv_obj_set_style_border_width(info_bar, 0, 0); lv_obj_set_style_radius(info_bar, 0, 0); lv_obj_set_style_pad_hor(info_bar, 14, 0); lv_obj_set_style_pad_ver(info_bar, 0, 0); lv_obj_remove_flag(info_bar, LV_OBJ_FLAG_SCROLLABLE); lv_obj_t *caption = lv_label_create(info_bar); ui_attach_toggle(caption); lv_label_set_long_mode(caption, LV_LABEL_LONG_DOT); lv_obj_set_width(caption, LV_PCT(100)); lv_obj_set_style_text_color(caption, lv_color_hex(0xdde7ef), 0); lv_label_set_text_fmt(caption, "%u/%u %s", (unsigned int)(image_index + 1), (unsigned int)image_count, filename); lv_obj_center(caption); if(lv_image_get_src_width(image) <= 0 || lv_image_get_src_height(image) <= 0){ const char *load_reason = ui_probe_image_load_failure(filename, image_source); ESP_LOGW(TAG, "Image cannot be loaded by LVGL: %s reason=%s", image_source, load_reason); ui_log_appendf("Image load failed: %s (%s)", filename, load_reason); lv_obj_t *error_label = lv_label_create(tile); ui_attach_toggle(error_label); lv_label_set_text_fmt(error_label, "Image cannot be loaded\n%s\n%s", filename, load_reason); lv_obj_set_style_text_color(error_label, lv_color_hex(0xffd166), 0); lv_obj_set_style_text_align(error_label, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_width(error_label, LV_PCT(86)); lv_obj_align(error_label, LV_ALIGN_CENTER, 0, -18); } else{ ui_log_appendf("Loaded %u/%u: %s (%dx%d)", (unsigned int)(image_index + 1), (unsigned int)image_count, filename, (int)lv_image_get_src_width(image), (int)lv_image_get_src_height(image)); } } static void ui_create_image_browser_tiles(size_t image_count){ const size_t file_count = sd_get_file_count(); size_t image_index = 0; for(size_t file_index = 0; file_index < file_count && image_index < image_count; file_index++){ const char *filename = sd_get_next_file(); if(!ui_is_image_file(filename)) continue; lv_obj_t *tile = lv_tileview_add_tile(image_tileview, 0, (uint32_t)image_index, ui_get_tile_directions(image_index, image_count)); lv_obj_set_user_data(tile, (void *)(uintptr_t)image_index); if(image_browser_names != NULL) image_browser_names[image_index] = filename; ui_create_image_tile(tile, filename, image_index, image_count); image_index++; } } void ui_image_browser_build_view(lv_obj_t *screen){ const size_t image_count = ui_count_sd_images(); ui_attach_toggle(screen); lv_obj_set_style_bg_color(screen, lv_color_hex(0x070a0d), 0); if(image_count == 0){ image_browser_image_count = 0; ui_create_empty_image_browser(screen); return; } image_tileview = lv_tileview_create(screen); lv_obj_set_size(image_tileview, LV_PCT(100), LV_PCT(100)); lv_obj_set_style_bg_color(image_tileview, lv_color_hex(0x070a0d), 0); lv_obj_set_style_border_width(image_tileview, 0, 0); lv_obj_set_style_pad_all(image_tileview, 0, 0); lv_obj_set_scrollbar_mode(image_tileview, LV_SCROLLBAR_MODE_OFF); lv_obj_add_event_cb(image_tileview, ui_image_browser_value_changed_event_cb, LV_EVENT_VALUE_CHANGED, NULL); image_browser_image_count = image_count; image_browser_names = calloc(image_count, sizeof(const char *)); ui_create_image_browser_tiles(image_count); ui_image_browser_set_index(0, LV_ANIM_OFF); ui_start_image_slideshow(); } void ui_image_browser_reset(void){ if(image_slideshow_timer != NULL){ lv_timer_delete(image_slideshow_timer); image_slideshow_timer = NULL; } free((void *)image_browser_names); image_browser_names = NULL; image_tileview = NULL; image_browser_image_count = 0; image_browser_current_index = 0; image_browser_last_logged_index = SIZE_MAX; } size_t ui_image_browser_get_image_count(void){ return image_browser_image_count; }