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

Posted 2022-05-21 DreamLife.

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

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

当前进度

---

文章目录

• HMI-48-【多媒体】Title界面实现 3
• • 当前进度
  • 内循环外循环
  • • 界面代码
    • 主控制界面代码
    • 控制台代码
  • 控制信号
  • • 界面代码
    • 主控制界面代码
    • 控制台代码
  • 第三阶段成果展示
  • 第二阶段成果展示
  • 第一阶段成果展示

关键字： 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);
        
    );

第三阶段成果展示

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

基于Qt的汽车仪表模拟 3.0

第二阶段成果展示

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

基于Qt的汽车仪表模拟 2.0

第一阶段成果展示

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

基于Qt的汽车仪表模拟 1.0)

---

说明：

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

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

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

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

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

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

---