HMI-47-【多媒体】Title界面实现 2

今天我将尝试实现以下多媒体部的Title部分，主要是空调出风模式、空调风量、空调模式.

当前进度

文章目录

HMI-47-【多媒体】Title界面实现 2

当前进度

空调风向显示

界面控制代码

控制界面代码

控制台代码

空调风量实现

实现代码

控制界面代码

控制台代码

第三阶段成果展示

第二阶段成果展示

第一阶段成果展示

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

空调风向显示

风向界面上就是刷图片，用三个label表示三个风向，通过代码控制三个label的显示和隐藏，来达到显示风向的功能，直接上代码

界面控制代码

void MFD_Title::setWindDirection(int type)
{switch (type) {default:{ui->label_fengxiang_1->hide();ui->label_fengxiang_2->hide();ui->label_fengxiang_3->hide();}case 0:{ui->label_fengxiang_1->show();ui->label_fengxiang_2->hide();ui->label_fengxiang_3->hide();break;}case 1:{ui->label_fengxiang_2->show();ui->label_fengxiang_1->hide();ui->label_fengxiang_3->hide();break;}case 2:{ui->label_fengxiang_3->show();ui->label_fengxiang_2->hide();ui->label_fengxiang_1->hide();break;}case 3:{ui->label_fengxiang_1->show();ui->label_fengxiang_2->show();ui->label_fengxiang_3->hide();break;}case 4:{ui->label_fengxiang_1->show();ui->label_fengxiang_3->show();ui->label_fengxiang_2->hide();break;}case 5:{ui->label_fengxiang_2->show();ui->label_fengxiang_3->show();ui->label_fengxiang_1->hide();break;}case 6:{ui->label_fengxiang_1->show();ui->label_fengxiang_2->show();ui->label_fengxiang_3->show();break;}case 7:{ui->label_fengxiang_1->hide();ui->label_fengxiang_2->hide();ui->label_fengxiang_3->hide();break;}}
}

控制界面代码

static int WindDirection = 0;
void MainControl::on_pushButton_windDirection_clicked()
{emit signal_WindDirection(WindDirection);WindDirection++;if(WindDirection>7)WindDirection = 0;
}

控制台代码

    connect(m_maincontrol,&MainControl::signal_WindDirection,this,[=](int type){if(m_multifunction)m_multifunction->setWindDirection(type);});

其实如果对接的好，可以直接使用信号槽连接过去，但是呢，这里有部分数据需要做处理，这里我就用的匿名函数来做了。

空调风量实现

直接上代码

实现代码

void MFD_Title::setWindValue(int value)
{QString style = QString("border-image: url(:/MultifunctionDisplay/Resources/MultifunctionDisplay/Title/fengli_%1.png);").arg(int(value/12.5));ui->label_fengli->setStyleSheet(style);
}

控制界面代码

void MainControl::on_verticalSlider_WindValue_valueChanged(int value)
{emit signal_WindValue(value);
}

控制台代码

    connect(m_maincontrol,&MainControl::signal_WindValue,this,[=](int value){if(m_multifunction)m_multifunction->slot_setWindValue(value);});

第三阶段成果展示

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

基于Qt的汽车仪表模拟 3.0

第二阶段成果展示

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

基于Qt的汽车仪表模拟 2.0

第一阶段成果展示

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

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

说明：

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

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

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

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

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

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

HMI-47-【多媒体】Title界面实现 2相关推荐

HMI-48-【多媒体】Title界面实现 3
HMI-48-[多媒体]Title界面实现 3 今天我将尝试实现以下多媒体部的Title部分,主要是空调进气模式.车机信号. 当前进度文章目录 HMI-48-[多媒体]Title界面实现 3 当 ...
HMI-44-【多媒体】开启新篇章
HMI-44-[多媒体]开启新篇章今天收到了艺术家发来的第一个多媒体的资源文件,菜单界面做好了,让我看看吧.后面我们将努力吧这个实现了. 文章目录 HMI-44-[多媒体]开启新篇章当前进度 ...
计算机考试按脚本制作幻灯片,2018秋季【西南大学】[1055]《powerpoint多媒体课件制作》作业（参考答案）...
试卷总分:100 得分:100 第1题,[单项选择题]PowerPoint2010默认演示文稿文件的保存格式是( ). A.ppt B.pptx C.pptm D.ppsx 第2题,[单项 ...
HMI-64-【多媒体】Ui全部制作完成
HMI-64-[多媒体]Ui全部制作完成文章目录 HMI-64-[多媒体]Ui全部制作完成 ☀前言框架图函数调用流程 ✍本文计划 ☢当前进度 ☯功能实现 1 菜单 3 空调 4 行车记录仪 5 ...
HMI-63-【多媒体】空调部分 4
HMI-63-[多媒体]空调部分 4 文章目录 HMI-63-[多媒体]空调部分 4 ☀前言框架图函数调用流程 ✍本文计划 ☢当前进度 ☯功能实现 1 风向模块 1.1 头文件 1.2 源文件 2 ...
解决通过vue-router打开tab页，下次进入还是上次history缓存的界面状态的问题
一.问题描述: 1. 跳转模式:界面A-->界面B(界面A中通过 this.$router.push({name:'组件B名称', params: {参数}}) 通过打开新tab页的方式打开界面 ...
STM32与串口屏交互（USART HMI）
STM32与串口屏交互(USART HMI) 一.前期准备二.串口屏上位机使用方法以及界面设计三.STM32软件编程四.单片机发送数据的字符串指令汇总五.总结不管是备战电赛还是准备毕设,一块 ...
景点门票销售管理系统基于 python实现gui界面之笔记
1.建立数据库.建表.加外键约束.建触发器此处106行 CREATE DATABASE IF NOT EXISTS `景点门票销售管理系统` DEFAULT CHARACTER SET utf8;U ...
人机界面的系统是Linux吗,西门子人机界面（HMI）和plc人机界面系统区别介绍
西门子人机界面(HMI)操作控制界面一般安装在西门子plc控制柜的正面,便于用户对设备进行操作和数据进行实施监控,用户在使用这个过程中,经常会遇到西门子人机界面(HMI)和plc人机系统界面的说法,本 ...

HMI-47-【多媒体】Title界面实现 2

HMI-47-【多媒体】Title界面实现 2

当前进度

文章目录

空调风向显示

界面控制代码

控制界面代码

控制台代码

空调风量实现

实现代码

控制界面代码

控制台代码

第三阶段成果展示

第二阶段成果展示

第一阶段成果展示

HMI-47-【多媒体】Title界面实现 2相关推荐

最新文章

热门文章