
#include "ui_app_smarthome.h"
 
lv_anim_t temp_anim, light_anim, humi_anim;
lv_obj_t *temp_bar = NULL, *light_bar = NULL, *humi_arc = NULL;
lv_obj_t *temp_bar_label, *light_bar_label, *humi_arc_label;
g_sensor_t g_sensor;
 
extern void *mqtt_handle;
extern char *pub_topic;
 
void ui_draw_contrl_bar(lv_coord_t x, lv_coord_t y, const char *t_lab, const char *b_lab, const lv_img_dsc_t *img, const lv_color_t value)
{
    ui_draw_backgroud_bar(x, y, 170, 180, value);
 
    lv_obj_t *top_lab = lv_label_create(lv_scr_act());
    lv_label_set_text(top_lab, t_lab);
    static lv_style_t top_lab_style;
    lv_style_init(&top_lab_style);
    lv_style_set_text_font(&top_lab_style, &lv_font_montserrat_16);          // 设置字体
    lv_style_set_text_color(&top_lab_style, lv_color_hex(MY_UI_COLOR_BLUE)); // 设置字体颜色
    lv_obj_add_style(top_lab, &top_lab_style, LV_PART_MAIN);
    lv_obj_align(top_lab, LV_ALIGN_TOP_LEFT, x + 30, y + 20);
 
    lv_obj_t *img_light_obj = lv_img_create(lv_scr_act());
    lv_img_set_src(img_light_obj, img);
    lv_obj_set_size(img_light_obj, 64, 64);
    lv_obj_align(img_light_obj, LV_ALIGN_TOP_LEFT, x + 15, y + 55);
 
    lv_obj_t *button_lab = lv_label_create(lv_scr_act());
    lv_label_set_text(button_lab, b_lab);
    static lv_style_t button_lab_style;
    lv_style_init(&button_lab_style);
    lv_style_set_text_font(&button_lab_style, &lv_font_montserrat_16);           // 设置字体
    lv_style_set_text_color(&button_lab_style, lv_color_hex(MY_UI_COLOR_BLACK)); // 设置字体颜色
    lv_obj_add_style(button_lab, &button_lab_style, LV_PART_MAIN);
    lv_obj_align(button_lab, LV_ALIGN_TOP_LEFT, x + 30, y + 140);
}
 
static lv_obj_t *slider_label;
static void slider_event_cb(lv_event_t *e)
{
    lv_obj_t *slider = lv_event_get_target(e);
    char buf[8];
    lv_snprintf(buf, sizeof(buf), "%d°C", (int)lv_slider_get_value(slider));
    lv_label_set_text(slider_label, buf);
    lv_obj_align_to(slider_label, slider, LV_ALIGN_OUT_TOP_MID, 25, 65);
}
 
static void smarthome_light_btn_cb(lv_event_t *e)
{
    int res;
    char *pub_payload = "{\"LED\":1}";
 
    lv_event_code_t code = lv_event_get_code(e);
    lv_obj_t *obj = lv_event_get_target(e);
    if (code == LV_EVENT_VALUE_CHANGED)
    {
        LV_UNUSED(obj);
        LV_LOG_USER("State: %s\n", lv_obj_has_state(obj, LV_STATE_CHECKED) ? "On" : "Off");
        res = aiot_mqtt_pub(mqtt_handle, pub_topic, (uint8_t *)pub_payload, (uint32_t)strlen(pub_payload), 0);
        if (res < 0)
        {
            printf("aiot_mqtt_sub failed, res: -0x%04X\n", -res);
            return -1;
        }
    }
}
 
static void smarthome_door_btn_cb(lv_event_t *e)
{
    int res;
    char *pub_payload = "{\"door\":2}";
 
    lv_event_code_t code = lv_event_get_code(e);
    lv_obj_t *obj = lv_event_get_target(e);
    if (code == LV_EVENT_VALUE_CHANGED)
    {
        LV_UNUSED(obj);
        LV_LOG_USER("State: %s\n", lv_obj_has_state(obj, LV_STATE_CHECKED) ? "On" : "Off");
        res = aiot_mqtt_pub(mqtt_handle, pub_topic, (uint8_t *)pub_payload, (uint32_t)strlen(pub_payload), 0);
        if (res < 0)
        {
            printf("aiot_mqtt_sub failed, res: -0x%04X\n", -res);
            return -1;
        }
    }
}
 
static void smarthome_beep_btn_cb(lv_event_t *e)
{
    int res;
    char *pub_payload = "{\"beep\":3}";
 
    lv_event_code_t code = lv_event_get_code(e);
    lv_obj_t *obj = lv_event_get_target(e);
    if (code == LV_EVENT_VALUE_CHANGED)
    {
        LV_UNUSED(obj);
        LV_LOG_USER("State: %s\n", lv_obj_has_state(obj, LV_STATE_CHECKED) ? "On" : "Off");
        res = aiot_mqtt_pub(mqtt_handle, pub_topic, (uint8_t *)pub_payload, (uint32_t)strlen(pub_payload), 0);
        if (res < 0)
        {
            printf("aiot_mqtt_sub failed, res: -0x%04X\n", -res);
            return -1;
        }
    }
}
 
void ui_smarthome_create_contrl_switch(void)
{
    lv_obj_t *light_sw;
    light_sw = lv_switch_create(lv_scr_act());
    lv_obj_set_size(light_sw, 60, 40);
    lv_obj_align(light_sw, LV_ALIGN_TOP_LEFT, 240, 80);
    lv_obj_add_event_cb(light_sw, smarthome_light_btn_cb, LV_EVENT_ALL, NULL);
 
    lv_obj_t *door_sw;
    door_sw = lv_switch_create(lv_scr_act());
    lv_obj_set_size(door_sw, 60, 40);
    lv_obj_align(door_sw, LV_ALIGN_TOP_LEFT, 430, 80);
    lv_obj_add_event_cb(door_sw, smarthome_door_btn_cb, LV_EVENT_ALL, NULL);
 
    lv_obj_t *beep_sw;
    beep_sw = lv_switch_create(lv_scr_act());
    lv_obj_set_size(beep_sw, 60, 40);
    lv_obj_align(beep_sw, LV_ALIGN_TOP_LEFT, 240, 280);
    lv_obj_add_event_cb(beep_sw, smarthome_beep_btn_cb, LV_EVENT_ALL, NULL);
 
    lv_obj_t *air_slider = lv_slider_create(lv_scr_act());
    lv_bar_set_range(air_slider, 16, 30);
    lv_obj_set_size(air_slider, 10, 120);
    lv_obj_align(air_slider, LV_ALIGN_TOP_LEFT, 450, 290);
    lv_obj_add_event_cb(air_slider, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);
 
    slider_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider_label, "16°C");
    lv_obj_align_to(slider_label, air_slider, LV_ALIGN_OUT_TOP_MID, 25, 65);
}
 
static void set_temp(void *bar, int32_t temp)
{
    lv_bar_set_value(bar, temp, LV_ANIM_ON);
 
    // 更新温度标签的文本
    if (temp_bar_label != NULL)
    {
        char temp_str[32];
        snprintf(temp_str, sizeof(temp_str), "%d°C", temp);
        lv_label_set_text(temp_bar_label, temp_str);
    }
}
 
static void set_light(void *bar, int32_t light)
{
    lv_bar_set_value(bar, light, LV_ANIM_ON);
 
    // 更新温度标签的文本
    if (light_bar_label != NULL)
    {
        char light_str[32];
        snprintf(light_str, sizeof(light_str), "%dlux", light);
        lv_label_set_text(light_bar_label, light_str);
    }
}
 
static void set_humi(void *arc, int32_t humi)
{
    lv_arc_set_value(arc, humi);
 
    // 更新温度标签的文本
    if (humi_arc_label != NULL)
    {
        char humi_str[32];
        snprintf(humi_str, sizeof(humi_str), "%d%%", humi);
        lv_label_set_text(humi_arc_label, humi_str);
    }
}
 
static void temp_update_callback(lv_timer_t *timer)
{
    // 读取新的温度值
    int32_t new_temp = (int32_t)g_sensor.temp_value;
    // printf("new_temp = %d\n", new_temp);
    int32_t cur_temp = lv_bar_get_value(temp_bar);
    // printf("cur_temp = %d\n", cur_temp);
 
    // 更新动画的目标值
    lv_anim_set_values(&temp_anim, cur_temp, new_temp);
 
    // 启动动画
    lv_anim_start(&temp_anim);
}
 
static void light_update_callback(lv_timer_t *timer)
{
    int32_t new_light = (int32_t)g_sensor.light_value;
    // printf("new_light = %d\n", new_light);
    // // 检查light_bar对象是否有效
    // if (light_bar == NULL) {
    //     printf("Error: light_bar is NULL\n");
    //     return;
    // }
 
    int32_t cur_light = lv_bar_get_value(light_bar);
    // printf("cur_light = %d\n", cur_light);
 
    // 更新动画的目标值
    lv_anim_set_values(&light_anim, cur_light, new_light);
 
    // 启动动画
    lv_anim_start(&light_anim);
}
 
static void humi_update_callback(lv_timer_t *timer)
{
    int32_t new_humi = (int32_t)g_sensor.humi_value;
    printf("new_humi = %d\r\n", new_humi);
    if (humi_arc == NULL)
    {
        printf("Error: humi_arc is NULL\n");
        return;
    }
    int32_t cur_humi = lv_arc_get_value(humi_arc);
    printf("cur_humi = %d\r\n", cur_humi);
 
    // 更新动画的目标值
    lv_anim_set_values(&humi_anim, cur_humi, new_humi);
    lv_anim_start(&humi_anim);
}
 
void create_temp_update_timer(void)
{
    lv_timer_create(temp_update_callback, 5000, NULL); // 每5秒更新一次
}
 
void create_light_update_timer(void)
{
    lv_timer_create(light_update_callback, 5000, NULL); // 每5秒更新一次
}
 
void create_humi_update_timer(void)
{
    lv_timer_create(humi_update_callback, 5000, NULL); // 每5秒更新一次
}
 
void ui_smarthome_create_rec_data(void)
{
    /* 1.温度计UI */
    static lv_style_t temp_scr_act;
    lv_style_init(&temp_scr_act);
    lv_style_set_bg_opa(&temp_scr_act, LV_OPA_COVER);
    lv_style_set_bg_color(&temp_scr_act, lv_palette_main(LV_PALETTE_RED));
 
    temp_bar = lv_bar_create(lv_scr_act());
    lv_obj_add_style(temp_bar, &temp_scr_act, LV_PART_INDICATOR);
    lv_obj_set_size(temp_bar, 20, 150);
    lv_obj_align(temp_bar, LV_ALIGN_TOP_LEFT, 600, 90);
    lv_bar_set_range(temp_bar, 0, 40);
 
    // 动画设置
    lv_anim_init(&temp_anim);
    lv_anim_set_exec_cb(&temp_anim, (lv_anim_exec_xcb_t)set_temp);
    lv_anim_set_time(&temp_anim, 1000); // 动画时间1秒
    lv_anim_set_var(&temp_anim, temp_bar);
    lv_anim_set_repeat_count(&temp_anim, 0); // 只执行一次
 
    LV_IMG_DECLARE(img_temp_48);
    lv_obj_t *temp_img = lv_img_create(lv_scr_act());
    lv_img_set_src(temp_img, &img_temp_48);
    lv_obj_align_to(temp_img, temp_bar, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);
    lv_obj_set_size(temp_img, 48, 48);
 
    temp_bar_label = lv_label_create(lv_scr_act());
    lv_label_set_text(temp_bar_label, "0°C");
    // 创建一个样式并设置字体大小
    static lv_style_t temp_label_style;
    lv_style_init(&temp_label_style);
    lv_style_set_text_font(&temp_label_style, &lv_font_montserrat_24); // 设置字体
    // 将样式应用到标签
    lv_obj_add_style(temp_bar_label, &temp_label_style, LV_PART_MAIN);
    // 对齐标签到温度条
    lv_obj_align_to(temp_bar_label, temp_bar, LV_ALIGN_OUT_TOP_MID, 0, 0);
    // 创建定时器更新温度
    create_temp_update_timer();
 
    /* 2.亮度计UI */
    static lv_style_t light_scr_act;
    lv_style_init(&light_scr_act);
    lv_style_set_bg_opa(&light_scr_act, LV_OPA_COVER);
    lv_style_set_bg_color(&light_scr_act, lv_palette_main(LV_PALETTE_YELLOW));
 
    light_bar = lv_bar_create(lv_scr_act());
    lv_obj_add_style(light_bar, &light_scr_act, LV_PART_INDICATOR);
    lv_obj_set_size(light_bar, 20, 150);
    lv_obj_align(light_bar, LV_ALIGN_TOP_LEFT, 680, 90);
    lv_bar_set_range(light_bar, 0, 200);
 
    lv_anim_init(&light_anim);
    lv_anim_set_exec_cb(&light_anim, (lv_anim_exec_xcb_t)set_light);
    lv_anim_set_time(&light_anim, 1000); // 动画时间1秒
    lv_anim_set_var(&light_anim, light_bar);
    lv_anim_set_repeat_count(&light_anim, 0); // 只执行一次
 
    LV_IMG_DECLARE(img_light_48);
    lv_obj_t *light_img = lv_img_create(lv_scr_act());
    lv_img_set_src(light_img, &img_light_48);
    lv_obj_align_to(light_img, light_bar, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);
    lv_obj_set_size(light_img, 48, 48);
 
    light_bar_label = lv_label_create(lv_scr_act());
    lv_label_set_text(light_bar_label, "0lux");
    // 创建一个样式并设置字体大小
    static lv_style_t light_label_style;
    lv_style_init(&light_label_style);
    lv_style_set_text_font(&light_label_style, &lv_font_montserrat_24); // 设置字体
    // 将样式应用到标签
    lv_obj_add_style(light_bar_label, &light_label_style, LV_PART_MAIN);
    // 对齐标签到温度条
    lv_obj_align_to(light_bar_label, light_bar, LV_ALIGN_OUT_TOP_MID, 0, 0);
    create_light_update_timer();
 
    /* 3.湿度计UI */
    static lv_style_t humi_scr_act;
    lv_style_init(&humi_scr_act);
 
    // 创建一个圆弧对象
    humi_arc = lv_arc_create(lv_scr_act());
    lv_obj_add_style(humi_arc, &humi_scr_act, LV_PART_MAIN);
    lv_obj_set_size(humi_arc, 150, 150);                 // 设置圆弧的尺寸
    lv_obj_align(humi_arc, LV_ALIGN_TOP_LEFT, 580, 320); // 设置圆弧的位置
    lv_arc_set_range(humi_arc, 0, 100);                  // 设置圆弧的范围，比如0到100的亮度值
    lv_arc_set_bg_angles(humi_arc, 135, 45);             // 设置背景圆弧的角度范围
    lv_arc_set_angles(humi_arc, 0, 0);                   // 设置当前值的圆弧角度
    lv_arc_set_value(humi_arc, 0);
    lv_obj_remove_style(humi_arc, NULL, LV_PART_KNOB); /*Be sure the knob is not displayed*/
 
    // 设置指示器样式
    static lv_style_t arc_indicator_style;
    lv_style_init(&arc_indicator_style);
    lv_style_set_line_color(&arc_indicator_style, lv_palette_main(LV_PALETTE_YELLOW)); // 设置线条颜色为黄色
    lv_style_set_line_width(&arc_indicator_style, 8);                                  // 设置线条宽度
    lv_obj_add_style(humi_arc, &arc_indicator_style, LV_PART_INDICATOR);               // 将指示器样式应用到圆弧
 
    LV_IMG_DECLARE(img_humi_48);
    lv_obj_t *humi_img = lv_img_create(lv_scr_act());
    lv_img_set_src(humi_img, &img_humi_48);
    lv_obj_align_to(humi_img, humi_arc, LV_ALIGN_OUT_BOTTOM_MID, 0, -40);
    lv_obj_set_size(humi_img, 48, 48);
 
    humi_arc_label = lv_label_create(lv_scr_act());
    lv_label_set_text(humi_arc_label, "0%");
    static lv_style_t humi_label_style;
    lv_style_init(&humi_label_style);
    lv_style_set_text_font(&humi_label_style, &lv_font_montserrat_24); // 设置字体
    lv_obj_add_style(humi_arc_label, &humi_label_style, LV_PART_MAIN);
    lv_obj_align_to(humi_arc_label, humi_arc, LV_ALIGN_OUT_TOP_MID, 0, 75);
 
    // 设置动画
    lv_anim_init(&humi_anim);
    lv_anim_set_var(&humi_anim, humi_arc);
    lv_anim_set_exec_cb(&humi_anim, (lv_anim_exec_xcb_t)set_humi);
    lv_anim_set_time(&humi_anim, 1000);      // 动画时间1秒
    lv_anim_set_repeat_count(&humi_anim, 0); // 只执行一次
    create_humi_update_timer();
    printf("humi_arc created successfully: %p\n", (void *)humi_arc);
}
 
void ui_app_smarthome(void)
{
    // ui_app_clear_area();
    clear_area(0, 0, 800, 480, lv_color_hex(MY_UI_COLOR_DEEP_WHITE));
    ui_left_app_bar(20, 70);
 
    lv_obj_t *img = lv_img_create(lv_scr_act());
    lv_img_set_src(img, &img_smarthome_on);
    lv_obj_align(img, LV_ALIGN_TOP_LEFT, 32, 180);
 
    lv_obj_t *mid_label = lv_label_create(lv_scr_act());
    lv_label_set_text(mid_label, "SmartHome");
    static lv_style_t mid_label_style;
    lv_style_init(&mid_label_style);
    lv_style_set_text_font(&mid_label_style, &lv_font_montserrat_24);           // 设置字体
    lv_style_set_text_color(&mid_label_style, lv_color_hex(MY_UI_COLOR_BLACK)); // 设置字体颜色
    lv_obj_add_style(mid_label, &mid_label_style, LV_PART_MAIN);
    lv_obj_align(mid_label, LV_ALIGN_TOP_MID, 0, 20);
 
    ui_draw_contrl_bar(160, 70, "off", "light", &img_light, lv_color_hex(MY_UI_COLOR_WHITE));
    ui_draw_contrl_bar(350, 70, "off", "door", &img_door, lv_color_hex(MY_UI_COLOR_WHITE));
    ui_draw_contrl_bar(160, 270, "off", "beep", &img_beep, lv_color_hex(MY_UI_COLOR_WHITE));
    ui_draw_contrl_bar(350, 270, "off", "air", &img_kongtiao, lv_color_hex(MY_UI_COLOR_WHITE));
 
    ui_smarthome_create_contrl_switch();
    ui_smarthome_create_rec_data();
}

2.2.main函数

ui_app_smarthome()函数在ui_main.c中被调用，当用户点击其图片按钮，才会切换到此app下。


void ui_page_main(void)
{
    destroy_previous_objects();
    lv_obj_set_style_bg_color(lv_scr_act(), lv_color_hex(MY_UI_COLOR_DEEP_WHITE), LV_PART_MAIN);
    ui_left_app_bar(20, 70);
    if (app_index == UI_APP_YUNPINTAI)
    {
        ui_app_yunpintai();
    }
    else if (app_index == UI_APP_SMARTHOME)
    {
        ui_app_smarthome();
    }
    else if (app_index == UI_APP_CAMERA)
    {
        ui_app_camera();
    }
    else if (app_index == UI_APP_MUSIC)
    {
        ui_app_music();
    }
}
 
void *ds_ui_page_thread(void *args)
{
    ui_page_main();
    // setup_time_update();
    while (1)
    {
        lv_task_handler();
        usleep(5000);
    }
    return NULL;
}

3.结尾（附网盘链接）

链接：百度网盘请输入提取码

提取码：2jia

--来自百度网盘超级会员V5的分享

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Li_阴宅/article/detail/923042