HMI-48-【多媒体】Title界面实现 3

​ 今天我将尝试实现以下多媒体部的Title部分，主要是空调进气模式、车机信号。

当前进度

[toc]

关键字： HMI、Multifunction、Qt、light、eco

内循环外循环

​ 这个就是两张图片切换即可；代码如下：

界面代码

void MFD_Title::setInnerLoop(bool temp)
{
    if(temp)
    {
        ui->label_winde->setStyleSheet("border-image: url(:/MultifunctionDisplay/Resources/MultifunctionDisplay/Title/inWinde.png);");
    }
    else
    {
        ui->label_winde->setStyleSheet("border-image: url(:/MultifunctionDisplay/Resources/MultifunctionDisplay/Title/outWinde.png);");
    }
}

主控制界面代码

void MainControl::on_checkBox_Innerloop_clicked(bool checked)
{
    emit signal_Innerloop(checked);
}

控制台代码

    connect(m_maincontrol,&MainControl::signal_Innerloop,this,[=](bool temp){
        if(m_multifunction)
            m_multifunction->setInnerLoop(temp);
    });

控制信号

​ 信号也是切图，直接上代码吧，写的有点烦了

界面代码

void MFD_Title::setSignal(bool isActive,int value)
{
    if(isActive)
    {
        QString qss = QString("border-image: url(:/MultifunctionDisplay/Resources/MultifunctionDisplay/Title/signal_%1.png);").arg(value);
        ui->label_signal->setStyleSheet(qss);
    }
    else
    {
        ui->label_signal->setStyleSheet("border-image: url(:/MultifunctionDisplay/Resources/MultifunctionDisplay/Title/signal.png);");
    }
}

主控制界面代码

static int signalValue = -1;
void MainControl::on_pushButton_signal_clicked()
{
    emit signal_SignalValue(signalValue);
    signalValue++;
    if(signalValue>4)
        signalValue = -1;
}

控制台代码

    connect(m_maincontrol,&MainControl::signal_SignalValue,this,[=](int value){
        if(value>=0)
        {
            if(m_multifunction)
                m_multifunction->setSignal(true,value);
        }
        else
        {
            if(m_multifunction)
                m_multifunction->setSignal(false,value);
        }
    });

第三阶段成果展示

​ 目前已完成液晶仪表三种模式的初步显示，小模块后期根据精力更新了，主要还得找美术来搞资源，自己能力不够。暂未跟新计划。展示如下：

[video(video-yznBr6e3-1648369267384)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=679609061)(image-https://ucc.alicdn.com/images/user-upload-01/img_convert/4d157e1cb316b007a2cb9790cb2dbfde.png)(title-基于Qt的汽车仪表模拟 3.0)]

第二阶段成果展示

​ 目前以完成HUD界面及接口开发，液晶仪表舒适模式和运动模式的开发。展示如下：

[video(video-2AqJ88TY-1645273728489)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=594179292)(image-https://ucc.alicdn.com/images/user-upload-01/img_convert/e75563c3ce68bc980547dde8f6e265ba.png)(title-基于Qt的汽车仪表模拟 2.0)]

第一阶段成果展示

​ 目前以完成HUD界面及接口开发，液晶仪表舒适模式开发。展示如下：

[video(video-ArCvRvBQ-1642664938100)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=77197267)(image-https://ucc.alicdn.com/images/user-upload-01/img_convert/ccddd04e0cef191fd33d7f58d41adb24.png)(title-基于Qt的汽车仪表模拟 1.0))]

说明：

本项目中所使借鉴原型来自：[吉利] 博瑞GE | 仪表HMI设计、吉利汽车HMI项目。

多媒体部分是来自吉利博瑞2017旗舰版界面所有权和解释权都归吉利汽车所有。

设计图的所有权和解释权都归吉利汽车所有。

本项目所有资源文件均由打不死的小海复刻制作。

本项目代码暂时不会开源，有需要的源码的可与我联系，左上角二维码加微信。

本项目仅限学习交流、禁止商业使用。