HMI-61-【多媒体】空调部分 2

简介: 昨天我们已经实现了自定义的按钮了,今天我们把已经定义好的按钮和我们的控制台联动起来,使我们的多媒体部分不仅可以触屏控制,可一个使用控制台的旋钮来控制。演示如下

头图

前言

如果这个系列Qt 汽车 HMI 仪表文章你都看过,或者大部分看过,知道整个项目的一个大致,那么可以接着看下去,如果是第一次就直接看到了这篇文章,那么多半应该是云里雾里的,因为写到现在,基本就是开发流水账了。除了个别知识点获取有参考价值,其他的应该没有太多的价值。

如果对这个项目感兴趣,那么有两个办法

1 联系作者(也就是我),获取源码

2 把Qt 汽车 HMI 仪表从头看看,至少知道我想要做什么,才能知道我现在在做什么。

HMI-61-【多媒体】空调部分 2

​ 昨天我们已经实现了自定义的按钮了,今天我们把已经定义好的按钮和我们的控制台联动起来,使我们的多媒体部分不仅可以触屏控制,可一个使用控制台的旋钮来控制。演示如下

☑当前进度

​ 实现了多媒体空调部分控件和控制台旋钮联动,如下图所示


[toc]

关键字: HMIMultifunctionQtQMediaPlayer收音机

1 控制台部分

​ 控制台部分主要就是将新增的 5个按钮的按下和松开信号发送出去。代码如下:

void MainControl::on_pushButton_centerOk_pressed()
{
    emit signal_ControlButton(0,1);
}


void MainControl::on_pushButton_centerOk_released()
{
    emit signal_ControlButton(0,0);
}


void MainControl::on_pushButton_centerUp_pressed()
{
    emit signal_ControlButton(1,1);
}


void MainControl::on_pushButton_centerUp_released()
{
    emit signal_ControlButton(1,1);
}


void MainControl::on_pushButton_centerDoen_pressed()
{
    emit signal_ControlButton(2,1);
}


void MainControl::on_pushButton_centerDoen_released()
{
    emit signal_ControlButton(2,1);
}


void MainControl::on_pushButton_centerLeft_pressed()
{
    emit signal_ControlButton(3,1);
}


void MainControl::on_pushButton_centerLeft_released()
{
    emit signal_ControlButton(3,1);
}


void MainControl::on_pushButton_centerRight_pressed()
{
    emit signal_ControlButton(4,1);
}


void MainControl::on_pushButton_centerRight_released()
{
    emit signal_ControlButton(4,1);
}

​ 信号传递路径如下

image-20220502234038974

2 空调面板处理

​ 空调面板处理部分有点东西,首先在昨天的基础上,我用了一个QList来存放我们自定义Button,这里其实是有坑的,在后面增加其他控件的时候就会触发,到时在想办法解决。

​ 所以在初始化按钮的时候,我会顺便吧这些按钮按照一定顺序装到这个QList中,什么顺序呢,我这里定义了一个索引的枚举,如下。同样这个枚举内容也是会随着后期模块增多而增加。

enum AirConditionerIndex
{

    AC_auto = 0,
    AC_ac,
    AC_maxAC,
    AC_cycle,
    AC_aqs,
    AC_dual,
    AC_rear,
    AC_ion,




    AC_Count
};
    ### 2.1 按钮初始化代码
void MFD_AirConditioner::initMyPushButtons()
{
    m_buttonList.clear();

    ui->myPushButton_auto->setText("AUTO");
    m_buttonList.append(ui->myPushButton_auto);

    ui->myPushButton_ac->setText("AC");
    m_buttonList.append(ui->myPushButton_ac);

    ui->myPushButton_maxAC->setText("MAX A/C");
    m_buttonList.append(ui->myPushButton_maxAC);

    ui->myPushButton_cycle->setPicText(":/AirConditioner/Resources/MultifunctionDisplay/AirConditioner/AirConditionerPushButton/cycle.png",
                                       ":/AirConditioner/Resources/MultifunctionDisplay/AirConditioner/AirConditionerPushButton/cycle_1.png");
    m_buttonList.append(ui->myPushButton_cycle);

    ui->myPushButton_aqs->setText("AQS");
    m_buttonList.append(ui->myPushButton_aqs);

    ui->myPushButton_dual->setText("DUAL");
    m_buttonList.append(ui->myPushButton_dual);


    ui->myPushButton_rear->setText("REAR");
    m_buttonList.append(ui->myPushButton_rear);

    ui->myPushButton_rear->setICON(":/AirConditioner/Resources/MultifunctionDisplay/AirConditioner/AirConditionerPushButton/lock.png");

    ui->myPushButton_ion->setText("ION");
    m_buttonList.append(ui->myPushButton_ion);

}

image-20220502234619420

2.2 旋钮处理代码

void MFD_AirConditioner::inputControlDialValue(int value)
{
    if(value>0)
    {
        if(m_SelectIndex< AirConditionerIndex::AC_Count-1)
            m_SelectIndex++;
        else
            m_SelectIndex = 0;
    }
    else
    {
        if(m_SelectIndex > 0)
            m_SelectIndex--;
        else
            m_SelectIndex = AirConditionerIndex::AC_Count-1;
    }

    updateSelect();
}

2.3 按钮状态控制代码

​ 这里也就体现了使用QList的好处了,不然这里的代码,得长又长了。·

void MFD_AirConditioner::updateSelect()
{
    QListIterator<MFD_AirConditioner_PushButon*> list(m_buttonList);
    while (list.hasNext()) {
        list.next()->selected(false);
    }
    m_buttonList[m_SelectIndex]->selected(true);
}

2.4 旋钮按键处理

​ 这里我暂时只使用了OK按钮,来模拟旋钮按下和松开,代码如下:

void MFD_AirConditioner::inputControButton(int index,int type)
{
    switch (index) {
    case 0:         // OK
        if(type)
        {
            if(m_SelectIndex>=0)
                m_buttonList[m_SelectIndex]->enter();
        }
        else
        {
            if(m_SelectIndex>=0)
                m_buttonList[m_SelectIndex]->releaseEnter();
        }
        break;
    case 1:         // Up

        break;
    case 2:         // Down

        break;
    case 3:         // Left

        break;
    case 4:         // Right

        break;
    default:
        break;
    }
}

☞第三阶段成果展示

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

[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)]

✈B站链接:https://www.bilibili.com/video/BV1WS4y137y1/


☞第二阶段成果展示

​ 目前以完成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)]

✈B站链接:https://www.bilibili.com/video/BV1aq4y1t7H7/


☞第一阶段成果展示

​ 目前以完成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))]

✈B站链接:https://www.bilibili.com/video/BV1qJ411X7Gs/


说明:

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

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

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

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

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

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


博客签名2021

相关文章
|
13天前
|
存储 自然语言处理
Uniop ePAD03 配备图形显示屏的人机界面
ePAD03 和 ePAD04 面板是紧凑且低成本的人机界面,具有单色图形显示屏(120x32像素),支持可下载字体、缩放文本及用户可编程功能键和LED指示灯。其工作温度范围广泛,适用于极端环境。产品具备双驱动通信,支持多种工业总线系统和以太网连接,前面板防护等级达IP65。相比MD00系列,ePAD03 和 ePAD04 性能更优,提供强大编程功能和多语言支持,适合各种工业应用。
|
10月前
|
索引
HMI-62-【多媒体】空调部分 3
今天接着昨天的思路来搞,实现空调数字模块,因为素材里面的空调是双区空调,所以我还是自定义了一个模块,这个实现不难,可以参考上一篇自定义个按钮。
|
10月前
HMI-60-【多媒体】空调部分 1
今天我们搞空调的按钮,今天这里我们不会堆砌大量的素材,而是用一个自定义的Button来实现这些,可以看到我们这次的空调按钮有以下元素
|
10月前
|
索引
HMI-63-【多媒体】空调部分 4
其实呢,写到这里,如果是第一次点击进来这个系列的文章,那你一定是在想着傻子在干嘛,写的啥玩意,所以呢,我还是建议你看看整个系列[Qt 汽车 HMI 仪表](https://dreamlife.blog.csdn.net/category_9146909_2.html),毕竟写到这里,我有时候会迷糊,尤其是变量命名上,真的不知道以前的规则了,好多时候都是写到差不多了,回去一看,我曹,偏离了以前的风格,于是又花大量的时间去修改变量名,这个项目呢,持续的时间是在太久了,从之前整个`UI`练练手的想法,到现在想把它做成一个完成度较高的`“产品”`它已经已经跟着我走过三家公司了,不是说我工作换的,只是想
|
10月前
HMI-59-【多媒体】收音机 2
今天接着搞收音机,今天我们将把控制台的模拟中控旋钮信号引进到收音机里面来,来控制我们收音机调频。
|
10月前
HMI-57-【多媒体】收音机 1
前面几篇已经音乐播放器简单搞了一下,可以放音乐了。今天艺术家发来了收音机的界面,今天先搞搞。
|
传感器 前端开发 机器人
LabVIEW Arduino无线蓝牙遥控智能车(项目篇—2)
智能小车是以轮子作为移动机构,并且能够实现自主行驶的机器人,又被称为轮式机器人。由于具有智能化的特点,可以应用于不适合人类工作的环境中,例如灾难救援、户外探险等。智能小车有别于遥控小车,因为后者需要操作人员来控制其转向、启停和前进后退,以及控制其速度,常见的模型小车,都属于这类遥控车。智能小车,则可以通过计算机编程来实现其对行驶方向、启停以及速度的控制,无须人工干预,也可以通过修改智能小车的程序来改变它的行驶方式。 ———————————————— 版权声明:本文为CSDN博主「不脱发的程序猿」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:htt
|
存储 算法 API
基于单片机的无线语音遥控智能车设计
基于单片机的无线语音遥控智能车设计
213 0
基于单片机的无线语音遥控智能车设计
|
传感器 大数据 测试技术
蓝牙护眼仪解决方案|学习笔记
快速学习蓝牙护眼仪解决方案
92 0
蓝牙护眼仪解决方案|学习笔记
|
智能硬件
启明云端分享:打印机与2.4寸串口屏(彩屏)的智慧碰撞
随着电器日新月异,也越发展现出智能彩屏不可或缺的产品地位,而2.4寸串口屏与打印机的智慧碰撞使打印机更加智能。
162 0
启明云端分享:打印机与2.4寸串口屏(彩屏)的智慧碰撞