Upgrade Playlist Features

2025-12-09 17:20:01 +08:00
parent 577990de69
commit 8bd2780688
683 changed files with 91812 additions and 81260 deletions
--- a/main/boards/genjutech-s3-1.54tft/idle_screen.cc
+++ b/main/boards/genjutech-s3-1.54tft/idle_screen.cc
@@ -0,0 +1,456 @@
+/**
+ * @file idle_screen.cc
+ * @brief Weather Clock Idle Screen Implementation
+ * @version 2.0
+ */
+
+#include "config.h"
+#include "application.h"
+#include "idle_screen.h"
+#include "ui_helpers.h"
+#include "display/lcd_display.h"
+#include <esp_log.h>
+#include <time.h>
+#include <sys/time.h>
+
+#if IDLE_SCREEN_HOOK
+
+LV_FONT_DECLARE(font_puhui_20_4);
+LV_FONT_DECLARE(ui_font_font48Seg);
+LV_IMG_DECLARE(ui_img_xiaozhi_48_png);
+
+#pragma GCC diagnostic push
+#pragma GCC diagnostic ignored "-Wdeprecated-enum-enum-conversion"
+
+static const char *TAG = "WeatherClock";
+
+// Helper function to format time
+static void get_time_string(char* hour_min_buf, char* second_buf, char* week_buf, char* date_buf) {
+    time_t now;
+    struct tm timeinfo;
+    time(&now);
+    localtime_r(&now, &timeinfo);
+    
+    // Format hour:minute (HH:MM)
+    snprintf(hour_min_buf, 16, "%02d:%02d", timeinfo.tm_hour, timeinfo.tm_min);
+    
+    // Format second (SS)
+    snprintf(second_buf, 8, "%02d", timeinfo.tm_sec);
+    
+    // Format week (周X)
+    const char* week_names[] = {"日", "一", "二", "三", "四", "五", "六"};
+    snprintf(week_buf, 16, "周%s", week_names[timeinfo.tm_wday]);
+    
+    // Format date (MM月DD日)
+    snprintf(date_buf, 32, "%02d月%02d日", timeinfo.tm_mon + 1, timeinfo.tm_mday);
+}
+
+IdleScreen::IdleScreen() {
+    ui_screen = NULL;
+    ui_main_container = NULL;
+    ui_scroll_container = NULL;
+    ui_scroll_label = NULL;
+    ui_city_label = NULL;
+    ui_time_container = NULL;
+    ui_time_hour_min = NULL;
+    ui_time_second = NULL;
+    ui_xiaozhi_icon = NULL;
+    ui_info_container = NULL;
+    ui_aqi_container = NULL;
+    ui_aqi_label = NULL;
+    ui_temp_label = NULL;
+    ui_temp_icon_label = NULL;
+    ui_humid_label = NULL;
+    ui_humid_icon_label = NULL;
+    ui_date_container = NULL;
+    ui_week_label = NULL;
+    ui_date_label = NULL;
+    ui_alarm_info_label = NULL;
+    
+    ui_shown = false;
+    current_scroll_index = 0;
+    last_scroll_time = 0;
+    p_theme = NULL;
+}
+
+IdleScreen::~IdleScreen() {
+    ui_destroy();
+}
+
+void IdleScreen::ui_init(ThemeColors *p_current_theme) {
+    auto screen = lv_screen_active();
+    p_theme = p_current_theme;
+    
+    ESP_LOGI(TAG, "Initializing weather clock UI");
+    
+    // Main screen container
+    ui_screen = lv_obj_create(screen);
+    lv_obj_remove_flag(ui_screen, LV_OBJ_FLAG_SCROLLABLE);
+    lv_obj_set_size(ui_screen, LV_HOR_RES, LV_VER_RES);
+    lv_obj_set_style_bg_color(ui_screen, lv_color_hex(0xFFFFFF), 0);
+    lv_obj_set_style_border_width(ui_screen, 0, 0);
+    lv_obj_set_style_pad_all(ui_screen, 0, 0);
+    
+    // Main container
+    ui_main_container = lv_obj_create(ui_screen);
+    lv_obj_remove_style_all(ui_main_container);
+    lv_obj_set_size(ui_main_container, 240, 240);
+    lv_obj_set_align(ui_main_container, LV_ALIGN_CENTER);
+    lv_obj_remove_flag(ui_main_container, (lv_obj_flag_t)(LV_OBJ_FLAG_CLICKABLE | LV_OBJ_FLAG_SCROLLABLE));
+    lv_obj_set_style_bg_color(ui_main_container, lv_color_hex(0xFFFFFF), 0);
+    lv_obj_set_style_bg_opa(ui_main_container, LV_OPA_COVER, 0);
+    
+    createTopSection();
+    createMiddleSection();
+    createBottomSection();
+    
+    // Alarm info label (initially hidden)
+    ui_alarm_info_label = lv_label_create(ui_main_container);
+    lv_obj_set_width(ui_alarm_info_label, 220);
+    lv_obj_set_height(ui_alarm_info_label, LV_SIZE_CONTENT);
+    lv_obj_set_pos(ui_alarm_info_label, 10, 80);
+    lv_label_set_long_mode(ui_alarm_info_label, LV_LABEL_LONG_WRAP);
+    lv_label_set_text(ui_alarm_info_label, "");
+    lv_obj_set_style_text_align(ui_alarm_info_label, LV_TEXT_ALIGN_CENTER, 0);
+    lv_obj_set_style_text_font(ui_alarm_info_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_alarm_info_label, lv_color_hex(0xFF0000), 0);
+    lv_obj_add_flag(ui_alarm_info_label, LV_OBJ_FLAG_HIDDEN);
+    
+    // Draw divider lines
+    static lv_point_precise_t line_points1[] = {{0, 34}, {240, 34}};
+    static lv_point_precise_t line_points2[] = {{150, 0}, {150, 34}};
+    static lv_point_precise_t line_points3[] = {{0, 166}, {240, 166}};
+    static lv_point_precise_t line_points4[] = {{60, 166}, {60, 200}};
+    static lv_point_precise_t line_points5[] = {{160, 166}, {160, 200}};
+    
+    lv_obj_t* line1 = lv_line_create(ui_main_container);
+    lv_line_set_points(line1, line_points1, 2);
+    lv_obj_set_style_line_color(line1, lv_color_hex(0x000000), 0);
+    lv_obj_set_style_line_width(line1, 1, 0);
+    
+    lv_obj_t* line2 = lv_line_create(ui_main_container);
+    lv_line_set_points(line2, line_points2, 2);
+    lv_obj_set_style_line_color(line2, lv_color_hex(0x000000), 0);
+    lv_obj_set_style_line_width(line2, 1, 0);
+    
+    lv_obj_t* line3 = lv_line_create(ui_main_container);
+    lv_line_set_points(line3, line_points3, 2);
+    lv_obj_set_style_line_color(line3, lv_color_hex(0x000000), 0);
+    lv_obj_set_style_line_width(line3, 1, 0);
+    
+    lv_obj_t* line4 = lv_line_create(ui_main_container);
+    lv_line_set_points(line4, line_points4, 2);
+    lv_obj_set_style_line_color(line4, lv_color_hex(0x000000), 0);
+    lv_obj_set_style_line_width(line4, 1, 0);
+    
+    lv_obj_t* line5 = lv_line_create(ui_main_container);
+    lv_line_set_points(line5, line_points5, 2);
+    lv_obj_set_style_line_color(line5, lv_color_hex(0x000000), 0);
+    lv_obj_set_style_line_width(line5, 1, 0);
+    
+    // Hide by default
+    lv_obj_add_flag(ui_screen, LV_OBJ_FLAG_HIDDEN);
+    
+    ESP_LOGI(TAG, "Weather clock UI initialized");
+}
+
+void IdleScreen::createTopSection() {
+    // Top section container (0-34px height)
+    ui_scroll_container = lv_obj_create(ui_main_container);
+    lv_obj_remove_style_all(ui_scroll_container);
+    lv_obj_set_size(ui_scroll_container, 148, 32);
+    lv_obj_set_pos(ui_scroll_container, 2, 2);
+    lv_obj_remove_flag(ui_scroll_container, LV_OBJ_FLAG_SCROLLABLE);
+    
+    // Scrolling weather info label
+    ui_scroll_label = lv_label_create(ui_scroll_container);
+    lv_obj_set_width(ui_scroll_label, 144);
+    lv_label_set_long_mode(ui_scroll_label, LV_LABEL_LONG_SCROLL_CIRCULAR);
+    lv_label_set_text(ui_scroll_label, "正在获取天气信息...");
+    lv_obj_set_style_text_font(ui_scroll_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_scroll_label, lv_color_hex(0x000000), 0);
+    lv_obj_align(ui_scroll_label, LV_ALIGN_LEFT_MID, 0, 0);
+    
+    // City name label
+    ui_city_label = lv_label_create(ui_main_container);
+    lv_obj_set_width(ui_city_label, 88);
+    lv_label_set_text(ui_city_label, "北京");
+    lv_obj_set_style_text_font(ui_city_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_city_label, lv_color_hex(0x000000), 0);
+    lv_obj_set_style_text_align(ui_city_label, LV_TEXT_ALIGN_CENTER, 0);
+    lv_obj_set_pos(ui_city_label, 152, 8);
+}
+
+void IdleScreen::createMiddleSection() {
+    // Middle section container (35-165px, height 130px)
+    ui_time_container = lv_obj_create(ui_main_container);
+    lv_obj_remove_style_all(ui_time_container);
+    lv_obj_set_size(ui_time_container, 240, 130);
+    lv_obj_set_pos(ui_time_container, 0, 35);
+    lv_obj_remove_flag(ui_time_container, LV_OBJ_FLAG_SCROLLABLE);
+    
+    // Large time display (HH:MM) - using ui_font_font48Seg (already in project)
+    ui_time_hour_min = lv_label_create(ui_time_container);
+    lv_label_set_text(ui_time_hour_min, "12:34");
+    lv_obj_set_style_text_font(ui_time_hour_min, &ui_font_font48Seg, 0);
+    lv_obj_set_style_text_color(ui_time_hour_min, lv_color_hex(0x000000), 0);
+    lv_obj_align(ui_time_hour_min, LV_ALIGN_CENTER, -20, -25);
+    
+    // Small second display (SS)
+    ui_time_second = lv_label_create(ui_time_container);
+    lv_label_set_text(ui_time_second, "56");
+    lv_obj_set_style_text_font(ui_time_second, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_time_second, lv_color_hex(0x000000), 0);
+    lv_obj_align(ui_time_second, LV_ALIGN_CENTER, 65, -25);
+    
+    // Rotating Xiaozhi icon (位置在时间下方)
+    ui_xiaozhi_icon = lv_img_create(ui_time_container);
+    lv_img_set_src(ui_xiaozhi_icon, &ui_img_xiaozhi_48_png);
+    lv_obj_align(ui_xiaozhi_icon, LV_ALIGN_CENTER, 0, 35);
+    lv_img_set_pivot(ui_xiaozhi_icon, 24, 24);  // 设置旋转中心点 (48/2 = 24)
+    
+    // Add rotation animation (使用局部变量，LVGL会自动管理)
+    lv_anim_t anim;
+    lv_anim_init(&anim);
+    lv_anim_set_var(&anim, ui_xiaozhi_icon);
+    lv_anim_set_exec_cb(&anim, (lv_anim_exec_xcb_t)lv_img_set_angle);
+    lv_anim_set_values(&anim, 0, 3600);  // 0-360度 (LVGL使用0.1度单位)
+    lv_anim_set_time(&anim, 3000);       // 3秒转一圈
+    lv_anim_set_repeat_count(&anim, LV_ANIM_REPEAT_INFINITE);
+    lv_anim_start(&anim);
+    
+    ESP_LOGI(TAG, "Xiaozhi rotation animation started");
+}
+
+void IdleScreen::createBottomSection() {
+    // Info container (166-200px, height 34px)
+    ui_info_container = lv_obj_create(ui_main_container);
+    lv_obj_remove_style_all(ui_info_container);
+    lv_obj_set_size(ui_info_container, 240, 34);
+    lv_obj_set_pos(ui_info_container, 0, 166);
+    lv_obj_remove_flag(ui_info_container, LV_OBJ_FLAG_SCROLLABLE);
+    
+    // AQI container (0-60px)
+    ui_aqi_container = lv_obj_create(ui_info_container);
+    lv_obj_set_size(ui_aqi_container, 50, 24);
+    lv_obj_set_pos(ui_aqi_container, 5, 5);
+    lv_obj_set_style_radius(ui_aqi_container, 4, 0);
+    lv_obj_set_style_bg_color(ui_aqi_container, lv_color_hex(0x9CCA7F), 0);  // Default: 优
+    lv_obj_set_style_bg_opa(ui_aqi_container, LV_OPA_COVER, 0);
+    lv_obj_set_style_border_width(ui_aqi_container, 0, 0);
+    lv_obj_set_style_pad_all(ui_aqi_container, 0, 0);
+    
+    ui_aqi_label = lv_label_create(ui_aqi_container);
+    lv_label_set_text(ui_aqi_label, "优");
+    lv_obj_set_style_text_font(ui_aqi_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_aqi_label, lv_color_hex(0xFFFFFF), 0);
+    lv_obj_center(ui_aqi_label);
+    
+    // Humidity icon and label (middle section)
+    ui_humid_icon_label = lv_label_create(ui_info_container);
+    lv_label_set_text(ui_humid_icon_label, "湿");  // 湿度
+    lv_obj_set_style_text_font(ui_humid_icon_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_humid_icon_label, lv_color_hex(0x0000FF), 0);
+    lv_obj_set_pos(ui_humid_icon_label, 85, 8);
+    
+    ui_humid_label = lv_label_create(ui_info_container);
+    lv_label_set_text(ui_humid_label, "65%");
+    lv_obj_set_style_text_font(ui_humid_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_humid_label, lv_color_hex(0x000000), 0);
+    lv_obj_set_pos(ui_humid_label, 110, 8);
+    
+    // Temperature icon and label (160-240px)
+    ui_temp_icon_label = lv_label_create(ui_info_container);
+    lv_label_set_text(ui_temp_icon_label, "温");  // 温度
+    lv_obj_set_style_text_font(ui_temp_icon_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_temp_icon_label, lv_color_hex(0xFF0000), 0);
+    lv_obj_set_pos(ui_temp_icon_label, 162, 8);
+    
+    ui_temp_label = lv_label_create(ui_info_container);
+    lv_label_set_text(ui_temp_label, "25℃");
+    lv_obj_set_style_text_font(ui_temp_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_temp_label, lv_color_hex(0x000000), 0);
+    lv_obj_set_pos(ui_temp_label, 182, 8);
+    
+    // Date container (200-240px, height 40px)
+    ui_date_container = lv_obj_create(ui_main_container);
+    lv_obj_remove_style_all(ui_date_container);
+    lv_obj_set_size(ui_date_container, 240, 34);
+    lv_obj_set_pos(ui_date_container, 0, 200);
+    lv_obj_remove_flag(ui_date_container, LV_OBJ_FLAG_SCROLLABLE);
+    
+    // Week label (0-60px)
+    ui_week_label = lv_label_create(ui_date_container);
+    lv_label_set_text(ui_week_label, "周一");
+    lv_obj_set_style_text_font(ui_week_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_week_label, lv_color_hex(0x000000), 0);
+    lv_obj_set_style_text_align(ui_week_label, LV_TEXT_ALIGN_CENTER, 0);
+    lv_obj_set_pos(ui_week_label, 5, 8);
+    
+    // Date label (61-160px)
+    ui_date_label = lv_label_create(ui_date_container);
+    lv_label_set_text(ui_date_label, "01月01日");
+    lv_obj_set_style_text_font(ui_date_label, &font_puhui_20_4, 0);
+    lv_obj_set_style_text_color(ui_date_label, lv_color_hex(0x000000), 0);
+    lv_obj_set_style_text_align(ui_date_label, LV_TEXT_ALIGN_CENTER, 0);
+    lv_obj_set_pos(ui_date_label, 70, 8);
+}
+
+void IdleScreen::ui_destroy() {
+    if (ui_screen) {
+        // Stop animation before deleting objects
+        if (ui_xiaozhi_icon) {
+            lv_anim_delete(ui_xiaozhi_icon, NULL);
+        }
+        
+        lv_obj_delete(ui_screen);
+        ui_screen = NULL;
+    }
+}
+
+void IdleScreen::ui_showScreen(bool showIt) {
+    if (!ui_screen) return;
+    
+    if (showIt) {
+        lv_obj_remove_flag(ui_screen, LV_OBJ_FLAG_HIDDEN);
+        ui_shown = true;
+    } else {
+        lv_obj_add_flag(ui_screen, LV_OBJ_FLAG_HIDDEN);
+        ui_shown = false;
+    }
+}
+
+void IdleScreen::ui_update() {
+    if (!ui_screen || !ui_shown) return;
+    
+    // Update time display
+    char hour_min_buf[16], second_buf[8], week_buf[16], date_buf[32];
+    get_time_string(hour_min_buf, second_buf, week_buf, date_buf);
+    
+    if (ui_time_hour_min) {
+        lv_label_set_text(ui_time_hour_min, hour_min_buf);
+    }
+    
+    if (ui_time_second) {
+        lv_label_set_text(ui_time_second, second_buf);
+    }
+    
+    if (ui_week_label) {
+        lv_label_set_text(ui_week_label, week_buf);
+    }
+    
+    if (ui_date_label) {
+        lv_label_set_text(ui_date_label, date_buf);
+    }
+    
+    // Update scroll text every 2.5 seconds
+    updateScrollText();
+}
+
+void IdleScreen::updateScrollText() {
+    if (scroll_texts.empty()) return;
+    
+    uint32_t current_time = lv_tick_get();
+    if (current_time - last_scroll_time > 2500) {  // 2.5 seconds
+        current_scroll_index = (current_scroll_index + 1) % scroll_texts.size();
+        if (ui_scroll_label) {
+            lv_label_set_text(ui_scroll_label, scroll_texts[current_scroll_index].c_str());
+        }
+        last_scroll_time = current_time;
+    }
+}
+
+void IdleScreen::ui_updateTheme(ThemeColors *p_current_theme) {
+    p_theme = p_current_theme;
+    // Weather clock uses fixed white background and black text
+    // Theme colors are not applied to maintain Arduino design
+}
+
+void IdleScreen::ui_updateWeather(const WeatherData& weather) {
+    ESP_LOGI(TAG, "Updating weather data");
+    
+    // Update city name
+    if (ui_city_label) {
+        lv_label_set_text(ui_city_label, weather.city_name.c_str());
+    }
+    
+    // Update temperature
+    if (ui_temp_label) {
+        std::string temp_text = weather.temperature + "℃";
+        lv_label_set_text(ui_temp_label, temp_text.c_str());
+    }
+    
+    // Update humidity
+    if (ui_humid_label) {
+        lv_label_set_text(ui_humid_label, weather.humidity.c_str());
+    }
+    
+    // Update AQI
+    if (ui_aqi_label) {
+        lv_label_set_text(ui_aqi_label, weather.aqi_desc.c_str());
+        updateAQIColor(weather.aqi);
+    }
+    
+    // Update scroll texts
+    std::vector<std::string> texts;
+    texts.push_back("实时天气 " + weather.weather_desc);
+    texts.push_back("空气质量 " + weather.aqi_desc);
+    texts.push_back("风向 " + weather.wind_direction + weather.wind_speed);
+    texts.push_back("今日天气 " + weather.weather_desc);
+    texts.push_back("最低温度 " + weather.temp_low + "℃");
+    texts.push_back("最高温度 " + weather.temp_high + "℃");
+    ui_setScrollText(texts);
+}
+
+void IdleScreen::ui_setScrollText(const std::vector<std::string>& texts) {
+    scroll_texts = texts;
+    current_scroll_index = 0;
+    last_scroll_time = lv_tick_get();
+    
+    if (!texts.empty() && ui_scroll_label) {
+        lv_label_set_text(ui_scroll_label, texts[0].c_str());
+    }
+}
+
+void IdleScreen::updateAQIColor(int aqi) {
+    if (!ui_aqi_container) return;
+    
+    lv_color_t color;
+    if (aqi > 200) {
+        // 重度污染 - 深红色
+        color = lv_color_hex(0x880B20);
+    } else if (aqi > 150) {
+        // 中度污染 - 紫红色
+        color = lv_color_hex(0xBA3779);
+    } else if (aqi > 100) {
+        // 轻度污染 - 橙色
+        color = lv_color_hex(0xF29F39);
+    } else if (aqi > 50) {
+        // 良 - 黄色
+        color = lv_color_hex(0xF7DB64);
+    } else {
+        // 优 - 绿色
+        color = lv_color_hex(0x9CCA7F);
+    }
+    
+    lv_obj_set_style_bg_color(ui_aqi_container, color, 0);
+}
+
+void IdleScreen::ui_showAlarmInfo(const char* alarm_message) {
+    if (!ui_alarm_info_label) return;
+    
+    ESP_LOGI(TAG, "Showing alarm info: %s", alarm_message);
+    lv_label_set_text(ui_alarm_info_label, alarm_message);
+    lv_obj_remove_flag(ui_alarm_info_label, LV_OBJ_FLAG_HIDDEN);
+}
+
+void IdleScreen::ui_hideAlarmInfo() {
+    if (!ui_alarm_info_label) return;
+    
+    ESP_LOGI(TAG, "Hiding alarm info");
+    lv_obj_add_flag(ui_alarm_info_label, LV_OBJ_FLAG_HIDDEN);
+}
+
+#pragma GCC diagnostic pop
+
+#endif // IDLE_SCREEN_HOOK