本文已参与「新人创作礼」活动，一起开启掘金创作之路。

HMI-49-【多媒体】Title界面实现 4

今天我将尝试实现以下多媒体部的Title部分，主要是音量，信号类型等

当前进度

目前Title已经实现了时间显示、两个区间的空天同步显示、异步显示、送风方式、空气循环方式、音量和信号强度显示，如下图所示。

---

HMI-49-【多媒体】Title界面实现 4当前进度音量显示控制界面代码主控制界面代码控制台代码第三阶段成果展示第二阶段成果展示第一阶段成果展示

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

音量显示

音量显示也是刷图，直接上代码吧，最近在刷掘金社区，不知道能能来个参与奖不。

控制界面代码

 void MFD_Title::setVolume(bool isMute, int value)
 {
     if(!isMute)
         ui->label_volume->setStyleSheet("border-image: url(:/MultifunctionDisplay/Resources/MultifunctionDisplay/Title/yinliang_0.png);");
     else
     {
         ui->label_volume->setStyleSheet(QString("border-image: url(:/MultifunctionDisplay/Resources/MultifunctionDisplay/Title/yinliang_%1.png);").arg(value+1));
     }
 }

主控制界面代码

这里就是一个滑块。

 void MainControl::on_verticalSlider_volume_valueChanged(int value)
 {
     emit signal_Volume(value);
 }

控制台代码

     connect(m_maincontrol,&MainControl::signal_Volume,this,[=](int value){
         if(value<0)
         {
             if(m_multifunction)
                 m_multifunction->setVolume(false,value);
         }
         else
         {
             if(m_multifunction)
                 m_multifunction->setVolume(true,value/25);
         }
     });

title界面暂时就到这里，素材不够，后面根据素材程度再丰富。

第三阶段成果展示

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

[video(video-yznBr6e3-1648369267384)(type-bilibili)(url-player.bilibili.com/player.html…img-blog.csdnimg.cn/img_convert…基于Qt的汽车仪表模拟 3.0)]

第二阶段成果展示

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

[video(video-2AqJ88TY-1645273728489)(type-bilibili)(url-player.bilibili.com/player.html…img-blog.csdnimg.cn/img_convert…基于Qt的汽车仪表模拟 2.0)]

第一阶段成果展示

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

[video(video-ArCvRvBQ-1642664938100)(type-bilibili)(url-player.bilibili.com/player.html…img-blog.csdnimg.cn/img_convert…基于Qt的汽车仪表模拟 1.0))]

---

说明：

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

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

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

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

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

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

---