mirror of
https://git.beihong.wang/wangbeihong/iot-bedroom-environment-controller.git
synced 2026-04-23 18:03:04 +08:00
8c33fe7411
- Created new Zone.Identifier file in components/wifi-connect with ZoneId=3. - Created new Zone.Identifier file in partitions.csv with ZoneId=3.
215 lines
6.8 KiB
C
215 lines
6.8 KiB
C
#include "ui_display.h"
|
||
#include "esp_log.h"
|
||
#include "lvgl.h"
|
||
#include "esp_lvgl_port.h"
|
||
#include <time.h>
|
||
|
||
static const char *TAG = "ui_display";
|
||
|
||
// 全局变量用于存储传感器数据标签
|
||
static lv_obj_t *temp_label = NULL;
|
||
static lv_obj_t *humid_label = NULL;
|
||
static lv_obj_t *lux_label = NULL;
|
||
|
||
/* Time page objects */
|
||
static lv_obj_t *time_container = NULL;
|
||
static lv_obj_t *date_label = NULL;
|
||
static lv_obj_t *time_label = NULL;
|
||
static bool time_page_visible = false;
|
||
|
||
/**
|
||
* @brief 初始化UI界面
|
||
*
|
||
* 该函数负责创建LVGL的用户界面元素，用于显示传感器数据
|
||
* 优化布局以适应非触摸屏设备，所有内容在一个屏幕内显示
|
||
*/
|
||
void ui_display_init(void)
|
||
{
|
||
// 获取当前活动屏幕对象
|
||
lv_obj_t *scr = lv_scr_act();
|
||
|
||
/* 任务锁定 */
|
||
lvgl_port_lock(0);
|
||
|
||
/* 设置屏幕背景为白色 */
|
||
lv_obj_set_style_bg_color(scr, lv_color_white(), 0);
|
||
lv_obj_set_style_bg_opa(scr, LV_OPA_COVER, 0);
|
||
|
||
/* 创建标题标签 */
|
||
lv_obj_t *title_label = lv_label_create(scr);
|
||
lv_label_set_text(title_label, "IOT Home");
|
||
lv_obj_set_style_text_color(title_label, lv_color_black(), 0);
|
||
lv_obj_set_style_text_font(title_label, &lv_font_unscii_8, 0);
|
||
lv_obj_align(title_label, LV_ALIGN_TOP_MID, 0, 6);
|
||
|
||
/* 创建传感器数据显示标签 */
|
||
temp_label = lv_label_create(scr);
|
||
lv_label_set_text(temp_label, "Temp: --.- C");
|
||
lv_obj_set_style_text_color(temp_label, lv_color_black(), 0);
|
||
lv_obj_set_style_text_font(temp_label, &lv_font_unscii_8, 0);
|
||
lv_obj_align(temp_label, LV_ALIGN_TOP_LEFT, 3, 30);
|
||
|
||
humid_label = lv_label_create(scr);
|
||
lv_label_set_text(humid_label, "Humidity: --.- %");
|
||
lv_obj_set_style_text_color(humid_label, lv_color_black(), 0);
|
||
lv_obj_set_style_text_font(humid_label, &lv_font_unscii_8, 0);
|
||
lv_obj_align(humid_label, LV_ALIGN_TOP_LEFT, 3, 45);
|
||
|
||
/* 创建光照标签 */
|
||
lux_label = lv_label_create(scr);
|
||
lv_label_set_text(lux_label, "Light: --.- lux");
|
||
lv_obj_set_style_text_color(lux_label, lv_color_black(), 0);
|
||
lv_obj_set_style_text_font(lux_label, &lv_font_unscii_8, 0);
|
||
lv_obj_align(lux_label, LV_ALIGN_TOP_LEFT, 3, 60);
|
||
|
||
/* 创建时间页面（初始隐藏） */
|
||
time_container = lv_obj_create(lv_scr_act());
|
||
lv_obj_set_size(time_container, lv_pct(100), lv_pct(100));
|
||
lv_obj_set_style_bg_color(time_container, lv_color_white(), 0);
|
||
lv_obj_set_style_bg_opa(time_container, LV_OPA_COVER, 0);
|
||
|
||
date_label = lv_label_create(time_container);
|
||
lv_label_set_text(date_label, "---- ---- -- ---");
|
||
lv_obj_set_style_text_color(date_label, lv_color_black(), 0);
|
||
lv_obj_set_style_text_font(date_label, &lv_font_unscii_8, 0);
|
||
lv_obj_align(date_label, LV_ALIGN_TOP_MID, 0, 6);
|
||
|
||
time_label = lv_label_create(time_container);
|
||
lv_label_set_text(time_label, "--:--:--");
|
||
lv_obj_set_style_text_color(time_label, lv_color_black(), 0);
|
||
lv_obj_set_style_text_font(time_label, &lv_font_unscii_16, 0);
|
||
lv_obj_align(time_label, LV_ALIGN_CENTER, 0, 12);
|
||
|
||
// 默认显示时间页面，隐藏传感器页面
|
||
lv_obj_add_flag(time_container, LV_OBJ_FLAG_HIDDEN);
|
||
if (temp_label) lv_obj_add_flag(temp_label, LV_OBJ_FLAG_HIDDEN);
|
||
if (humid_label) lv_obj_add_flag(humid_label, LV_OBJ_FLAG_HIDDEN);
|
||
if (lux_label) lv_obj_add_flag(lux_label, LV_OBJ_FLAG_HIDDEN);
|
||
time_page_visible = true;
|
||
|
||
lvgl_port_unlock();
|
||
}
|
||
|
||
/**
|
||
* @brief 更新传感器数据显示
|
||
*
|
||
* 该函数用于更新LVGL界面上的传感器数据
|
||
*
|
||
* @param temperature 温度值(°C)，-1.0表示无效
|
||
* @param humidity 湿度值(%)，-1.0表示无效
|
||
* @param lux 光照强度(lx)，-1.0表示无效
|
||
*/
|
||
void ui_update_sensor_data(float temperature, float humidity, float lux)
|
||
{
|
||
if (temp_label != NULL && humid_label != NULL && lux_label != NULL)
|
||
{
|
||
/* 任务锁定 */
|
||
lvgl_port_lock(0);
|
||
|
||
// 更新温度标签
|
||
if (temperature >= -0.5) // -1.0表示无效
|
||
{
|
||
char temp_str[32];
|
||
snprintf(temp_str, sizeof(temp_str), "Temp: %.2f C", temperature);
|
||
lv_label_set_text(temp_label, temp_str);
|
||
}
|
||
else
|
||
{
|
||
lv_label_set_text(temp_label, "Temp: Invalid");
|
||
}
|
||
|
||
// 更新湿度标签
|
||
if (humidity >= -0.5) // -1.0表示无效
|
||
{
|
||
char humid_str[32];
|
||
snprintf(humid_str, sizeof(humid_str), "Humidity: %.2f %%", humidity);
|
||
lv_label_set_text(humid_label, humid_str);
|
||
}
|
||
else
|
||
{
|
||
lv_label_set_text(humid_label, "Humidity: Invalid");
|
||
}
|
||
|
||
// 更新光照标签
|
||
if (lux >= -0.5)
|
||
{
|
||
char lux_str[32];
|
||
snprintf(lux_str, sizeof(lux_str), "Light: %.2f lx", lux);
|
||
lv_label_set_text(lux_label, lux_str);
|
||
}
|
||
else
|
||
{
|
||
lv_label_set_text(lux_label, "Light: Invalid");
|
||
}
|
||
|
||
/* 任务解锁 */
|
||
lvgl_port_unlock();
|
||
}
|
||
}
|
||
|
||
/* Show time page */
|
||
void ui_show_time_page(void)
|
||
{
|
||
lvgl_port_lock(0);
|
||
if (time_container)
|
||
{
|
||
lv_obj_clear_flag(time_container, LV_OBJ_FLAG_HIDDEN);
|
||
}
|
||
if (temp_label) lv_obj_add_flag(temp_label, LV_OBJ_FLAG_HIDDEN);
|
||
if (humid_label) lv_obj_add_flag(humid_label, LV_OBJ_FLAG_HIDDEN);
|
||
if (lux_label) lv_obj_add_flag(lux_label, LV_OBJ_FLAG_HIDDEN);
|
||
time_page_visible = true;
|
||
lvgl_port_unlock();
|
||
}
|
||
|
||
/* Show sensor page */
|
||
void ui_show_sensor_page(void)
|
||
{
|
||
lvgl_port_lock(0);
|
||
if (time_container)
|
||
{
|
||
lv_obj_add_flag(time_container, LV_OBJ_FLAG_HIDDEN);
|
||
}
|
||
if (temp_label) lv_obj_clear_flag(temp_label, LV_OBJ_FLAG_HIDDEN);
|
||
if (humid_label) lv_obj_clear_flag(humid_label, LV_OBJ_FLAG_HIDDEN);
|
||
if (lux_label) lv_obj_clear_flag(lux_label, LV_OBJ_FLAG_HIDDEN);
|
||
time_page_visible = false;
|
||
lvgl_port_unlock();
|
||
}
|
||
|
||
/* Toggle between pages */
|
||
void ui_toggle_page(void)
|
||
{
|
||
if (time_page_visible)
|
||
ui_show_sensor_page();
|
||
else
|
||
ui_show_time_page();
|
||
}
|
||
|
||
/* Update time label (call periodically) */
|
||
void ui_time_update(void)
|
||
{
|
||
if (!time_page_visible || time_label == NULL)
|
||
return;
|
||
|
||
time_t now = time(NULL);
|
||
struct tm tm_now;
|
||
localtime_r(&now, &tm_now);
|
||
|
||
char date_buf[64];
|
||
char time_buf[32];
|
||
char weekday_buf[32];
|
||
|
||
// 年月日和星期合并为一行
|
||
strftime(date_buf, sizeof(date_buf), "%Y-%m-%d", &tm_now);
|
||
const char *weekdays[] = {"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"};
|
||
snprintf(date_buf + strlen(date_buf), sizeof(date_buf) - strlen(date_buf), " %s", weekdays[tm_now.tm_wday]);
|
||
// 时分秒
|
||
strftime(time_buf, sizeof(time_buf), "%H:%M:%S", &tm_now);
|
||
|
||
lvgl_port_lock(0);
|
||
lv_label_set_text(date_label, date_buf);
|
||
lv_label_set_text(time_label, time_buf);
|
||
lvgl_port_unlock();
|
||
}
|