HMI-49-【多媒体】Title界面实现 4
今天我将尝试实现以下多媒体部的Title部分,主要是音量,信号类型等
当前进度
目前Title已经实现了时间显示、两个区间的空天同步显示、异步显示、送风方式、空气循环方式、音量和信号强度显示,如下图所示。
[toc]
关键字:
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-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旗舰版界面所有权和解释权都归吉利汽车所有。
设计图的所有权和解释权都归吉利汽车所有。
本项目所有资源文件均由打不死的小海复刻制作。
本项目代码暂时不会开源,有需要的源码的可与我联系,左上角二维码加微信。
本项目仅限学习交流、禁止商业使用。