【开源】嵌入式Linux（IMX6U）应用层综合项目（2）--智能家居APP

板栗焖小鸡2024-08-03 8:20

目录

1.简介

1.1功能介绍

1.2技术栈介绍

1.3演示视频

1.4硬件介绍

2.软件设计

2.1智能家居UI设计

2.2.main函数

3.结尾（附网盘链接）

1.简介

此文章并不是教程，只能当作笔者的学习分享，只会做一些简单的介绍，其他的各位结合着代码和运行现象自己分析吧，相信通过函数名和注释，基本上是不难看懂代码的，其中涉及到的一些技术栈，也请各位学习到的时候多查阅资料。

本篇的内容为嵌入式Linux应用层的一个综合性比较强的项目，结尾会将源码放在网盘中开源出来，笔者能力有限，只是简单的把功能实现了，代码开源供大家一起交流学习，有什么好的建议，请各位一定不吝赐教！！！

1.1功能介绍

项目包括了四个app：

1.云平台的调试窗口，用于查看订阅主题所下发的数据，另一个为输入Json格式的数据来控制STM32单片机上的外设。

2.智能家居的界面，有4个图片按钮用于控制STM32板子上的LED灯、门（舵机）、蜂鸣器，量计分别为温度、湿度和亮度的值，同样是STM32获取发布到云平台的。

3.通过一个摄像头模块做的一个相机功能，可以拍照、录像，以及查看拍摄的照片，和播放录制视频的回放。

4.简易的音乐播放器：能够切换歌曲，以及暂停播放音乐。

1.2技术栈介绍

虽然项目简单，但是所涉及到的技术栈还是比较杂，我简单在此列出：

1.LVGL库用于绘制UI。

2.MQTT协议，连接阿里云平台与STM32通讯。

3.alsa库用于音频处理。

4.LED、BEEP

5.V4L2 摄像头应用编程

1.3演示视频

【开源】嵌入式Linux应用层物联网小项目|通过MQTT协议与STM32通讯_哔哩哔哩_bilibili

1.4硬件介绍

硬件使用的是正点原子的阿尔法开发板，芯片是IMX6U，类似开发板应该都可以运行。

2.软件设计

2.1智能家居UI设计

主要的内容就是创建了4个开关按键分别对应STM32的LED、舵机、蜂鸣器的控制，第4个空调的按键还没有去完善它。以及3个度量针，用于显示STM32上传传感器数据，对应温度、湿度和光度。

cpp 复制代码 
#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下。

cpp 复制代码 
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的分享

相关推荐
lsjweiyi10 小时前
极简AI工具箱网站开源啦！
opencv·开源·微信支付·支付宝支付·百度ai·极简ai工具箱·ai图像处理
开源社11 小时前
一场开源视角的AI会议即将在南京举办
人工智能·开源
FreeIPCC11 小时前
谈一下开源生态对 AI人工智能大模型的促进作用
大数据·人工智能·机器人·开源
海害嗨11 小时前
阿里巴巴官方「SpringCloudAlibaba全彩学习手册」限时开源！
学习·开源
生命是有光的11 小时前
【开源风云】从若依系列脚手架汲取编程之道(八)
开源
HuggingFace13 小时前
Halo 正式开源: 使用可穿戴设备进行开源健康追踪
开源·健康追踪
时光追逐者17 小时前
.NET 9 中 LINQ 新增功能实操
开发语言·开源·c#·.net·.netcore·linq·微软技术
檀越剑指大厂19 小时前
Linux本地部署开源项目OpenHands基于AI的软件开发代理平台及公网访问
linux·人工智能·开源
胜天半子_王二_王半仙1 天前
c++源码阅读__ThreadPool__正文阅读
开发语言·c++·开源
FIT2CLOUD飞致云1 天前
案例研究｜阿特斯的JumpServer分布式部署和多组织管理实践
运维·开源·堡垒机·jumpserver
热门推荐
01(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明02PyTorch机器学习实现液态神经网络03【HarmonyOS】HUAWEI DevEco Studio 下载地址汇总04玄机平台应急响应—webshell查杀05Coze扣子平台完整体验和实践（附国内和国际版对比）06Ubuntu 20.04使用Livox mid 360 测试 FAST_LIO07【目标跟踪】相机运动补偿08Unity中PICO实现 隔空取物 和 接触抓取物体09RAG 实践- Ollama+RagFlow 部署本地知识库10怎样让音频速度变慢？请跟随以下方法进行操作