28、智能家庭项目开发全流程指南

智能家庭项目开发全流程指南

一、AppUi 类的实现

在完成 AppSensorNode 类的实现后，接下来的任务是在开发板显示屏上实现图形用户界面（GUI）。在开始编码之前，先了解一下 GUI 的设计：界面顶部有一个显示当前日期和时间的标签元素，其下方的两个面板分别显示光线和温度值，底部的复选框指示 MQTT 连接状态，整个应用程序只有这一个屏幕。

为了实现这个 GUI，我们添加一个新的 C++ 头文件 main/AppUi.hpp ，并包含三组头文件：

#pragma once
#include <mutex>
#include <vector>
#include <ctime>
#include "freertos/FreeRTOS.h"
#include "freertos/task.h"
#include "freertos/timers.h"
#include "freertos/queue.h"
#include "esp_log.h"
#include "bsp_board.h"
#include "bsp_lcd.h"
#include "lvgl/lvgl.h"
#include "lv_port/lv_port.h"
#include "ui.h"
#include "AppCommon.hpp"

第一组是标准头文件，第二组是 FreeRTOS 头文件，第三组用于驱动显示屏和实现应用级功能。 ui.h 文件由 SquareLine Studio 生成，它是 LVGL 的