Qt智能家居项目实战——智能灯控制界面设计

本篇博客将带你深入了解如何使用Qt框架构建智能家居系统中的智能灯控制界面。

1. 界面设计

我们使用Qt Designer设计一个直观的智能灯控制界面,包括:

  • 开关按钮:控制灯的开关状态
  • 亮度滑块:调节灯的亮度
  • 状态显示:实时显示灯的开关状态和亮度值

2. 代码实现

2.1 头文件 (lights.h)

#ifndef LIGHTS_H
#define LIGHTS_H

#include <QWidget>
#include 'switchform.h'

namespace Ui {
class Lights;
}

class Lights : public QWidget
{
    Q_OBJECT

public:
    explicit Lights(int userid, QWidget *parent = nullptr);
    ~Lights();

private:
    Ui::Lights *ui;
    int userid; // 用户ID
    bool flag;  // 灯的开关状态

    void lightsWidget(); // 初始化界面

private slots:
    bool switchButton_status(bool checked); // 处理开关按钮状态改变事件

    void showEvent(QShowEvent *event) override; // 页面显示时加载上次状态
    void hideEvent(QHideEvent *event) override; // 页面隐藏时保存当前状态
    void closeEvent(QCloseEvent *event) override; // 拦截关闭事件,隐藏窗口

    void loadLastStatus(); // 加载上次更改的状态
    void saveLastStatus(); // 保存当前状态

    QString getLastBrightness(int userid); // 从数据库获取上次亮度
    void updateLastBrightness(int userid, QString state, QString brightness); // 更新数据库中的亮度值
    QString getLastState(int userid); // 从数据库获取上次状态
};

#endif // LIGHTS_H

2.2 源文件 (lights.cpp)

#include 'lights.h'
#include 'ui_lights.h'
#include 'sqlite.h'

#include <QSqlQuery>
#include <QSqlDatabase>
#include <QSqlError>
#include <QDebug>

Lights::Lights(int userid, QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Lights),
    userid(userid),
    flag(false) // 初始化灯的状态为关闭
{
    ui->setupUi(this);
    lightsWidget();

    // 连接开关组件的信号和槽函数
    connect(ui->SwitchStatus, &SwitchForm::statusChanged, this, &Lights::switchButton_status);

    // 连接完成按钮的clicked信号和槽函数
    connect(ui->Finished, &QPushButton::clicked, this, [=]() {
        if (flag)
        {
            QString brightness = QString::number(ui->ctrlform->getValue());
            qDebug() << brightness << userid;
            updateSmartHomeStatus(userid, QString('智能灯'), QString('开启'), brightness);
        } else
        {
            qDebug() << '智能灯未打开!';
            updateSmartHomeStatus(userid, QString('智能灯'), QString('关闭'), QString('0'));
        }
    });

    // 加载上次更改的状态
    loadLastStatus();
}

Lights::~Lights()
{
    delete ui;
}

void Lights::lightsWidget()
{
    setWindowTitle('智能灯设置');

    // 设置ui组件背景
    setAutoFillBackground(true);
    QPalette palette = this->palette();
    QPixmap pixmap(':/user/image/image/light.jpg');
    palette.setBrush(QPalette::Window, QBrush(pixmap));
    setPalette(palette);
    setFixedSize(600, 400);
}

bool Lights::switchButton_status(bool checked)
{
    qDebug() << checked;
    flag = checked;
    return flag;
}

void Lights::showEvent(QShowEvent *event)
{
    // 当页面显示时,加载上次更改的状态
    loadLastStatus();
    event->accept();
}

void Lights::hideEvent(QHideEvent *event)
{
    saveLastStatus();
    event->accept();
}

void Lights::closeEvent(QCloseEvent *event)
{
    // 隐藏窗口而不是关闭
    hide();
    event->ignore();
}

void Lights::loadLastStatus()
{
    qDebug() << this->userid;
    QString state = getLastState(this->userid);
    QString brightness = getLastBrightness(this->userid);
    qDebug() << brightness;

    if (state == '开启')
    {
        ui->SwitchStatus->setChecked(true);
        ui->ctrlform->setValue(brightness.toInt());
    } else
    {
        ui->SwitchStatus->setChecked(false);
        ui->ctrlform->setValue(0);
    }

    qDebug() << brightness.toInt();
}

void Lights::saveLastStatus()
{
    qDebug() << this->userid;
    QString state = QString(flag ? '开启' : '关闭'); // 根据flag的值设置状态字符串
    QString brightness = QString::number(ui->ctrlform->getValue());
    updateLastBrightness(this->userid, state, brightness);
}


QString Lights::getLastBrightness(int userid)
{
    Sqlite::sqlite_init();
    QString queryStr = QString('SELECT value FROM Status WHERE uid = %1 AND device_name = \'智能灯\' ORDER BY device_state DESC').arg(userid); // 修正SQL语法错误
    qDebug() << queryStr << userid;
    QSqlQuery query;
    qDebug() << query.exec(queryStr);

    if (query.exec(queryStr) && query.next())
    {
        return query.value(0).toString();
    } else
    {
        qDebug() << '获取上一次亮度错误: ' << query.lastError().text();
        return '';
    }
}

void Lights::updateLastBrightness(int userid, QString state, QString brightness)
{
    Sqlite::sqlite_init();
    QString queryStr = QString('UPDATE Status SET value = \'%1\', device_state = \'%2\' WHERE uid = %3 AND device_name = \'智能灯\'').arg(brightness).arg(state).arg(userid); // 修正SQL语法错误
    QSqlQuery query;

    if (!query.exec(queryStr))
    {
        qDebug() << '更新亮度失败: ' << query.lastError().text();
    }
}

QString Lights::getLastState(int userid)
{
    Sqlite::sqlite_init();
    QString queryStr = QString('SELECT device_state FROM Status WHERE uid = %1 AND device_name = \'智能灯\' ORDER BY device_state DESC').arg(userid); // 修正SQL语法错误
    qDebug() << queryStr << userid;
    QSqlQuery query;
    qDebug() << query.exec(queryStr);

    if (query.exec(queryStr) && query.next())
    {
        return query.value(0).toString();
    } else
    {
        qDebug() << '获取上一次状态错误: ' << query.lastError().text();
        return '';
    }
}

3. 代码解析

  • lightsWidget(): 初始化界面元素,设置窗口标题、背景图片等。
  • switchButton_status(bool checked): 处理开关按钮状态改变事件,更新灯的开关状态 flag
  • showEvent(QShowEvent *event): 在窗口显示时加载上次保存的状态。
  • hideEvent(QHideEvent *event): 在窗口隐藏时保存当前状态。
  • closeEvent(QCloseEvent *event): 拦截关闭事件,隐藏窗口而不是直接关闭,实现最小化到托盘的功能。
  • loadLastStatus(): 从数据库加载上次更改的灯的状态和亮度值,并更新界面显示。
  • saveLastStatus(): 将当前灯的状态和亮度值保存到数据库。
  • getLastBrightness(int userid): 从数据库获取指定用户的上次灯的亮度值。
  • updateLastBrightness(int userid, QString state, QString brightness): 更新数据库中指定用户的灯的亮度值。
  • getLastState(int userid): 从数据库获取指定用户的上次灯的开关状态。

4. 总结

本篇博客介绍了如何使用Qt框架设计和实现智能家居系统中的智能灯控制界面。我们学习了如何布局界面元素、处理用户交互事件、与数据库进行交互以及实现数据持久化等功能。希望这些内容能够帮助你更好地理解和开发智能家居应用程序。

Qt智能家居项目实战——智能灯控制界面设计

原文地址: http://www.cveoy.top/t/topic/fAUe 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录